@charset "UTF-8";
/*
1. color
2. config
3. mixins
4. plugins
5. base
6. components
7. header
8. footer
9. demo
*/
/* 1. color */
/* 2. config */
/*----------------------------------------
    Variables
-----------------------------------------*/
/* 3. mixins */
/* 4. plugins */
/* -------------------------------------------
    Swiper Container
---------------------------------------------- */
/*Start Fonts*/
@font-face { font-family: IRANSansfanum; font-style: normal; font-weight: 900; src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Black.eot'); src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype'); }
@font-face { font-family: IRANSansfanum; font-style: normal; font-weight: bold; src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Bold.eot'); src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'); }
@font-face { font-family: IRANSansfanum; font-style: normal; font-weight: 500; src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Medium.eot'); src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype'); }
@font-face { font-family: IRANSansfanum; font-style: normal; font-weight: 300; src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Light.eot'); src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype'); }
@font-face { font-family: IRANSansfanum; font-style: normal; font-weight: 200; src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_UltraLight.eot'); src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype'); }
@font-face { font-family: IRANSansfanum; font-style: normal; font-weight: normal; src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum).eot'); src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransansfanum/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum).ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 900; src: url('fonts/iransans/eot/IRANSansWeb_Black.eot'); src: url('fonts/iransans/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransans/woff2/IRANSansWeb_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransans/woff/IRANSansWeb_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransans/ttf/IRANSansWeb_Black.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url('fonts/iransans/eot/IRANSansWeb_Bold.eot'); src: url('fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransans/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransans/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransans/ttf/IRANSansWeb_Bold.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 500; src: url('fonts/iransans/eot/IRANSansWeb_Medium.eot'); src: url('fonts/iransans/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransans/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransans/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransans/ttf/IRANSansWeb_Medium.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url('fonts/iransans/eot/IRANSansWeb_Light.eot'); src: url('fonts/iransans/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransans/woff2/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransans/woff/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransans/ttf/IRANSansWeb_Light.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url('fonts/iransans/eot/IRANSansWeb_UltraLight.eot'); src: url('fonts/iransans/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransans/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransans/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransans/ttf/IRANSansWeb_UltraLight.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url('fonts/iransans/eot/IRANSansWeb.eot'); src: url('fonts/iransans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iransans/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/iransans/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iransans/ttf/IRANSansWeb.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: bold; src: url('fonts/iranyekan/eot/iranyekanwebbold.eot'); src: url('fonts/iranyekan/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekan/woff/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekan/ttf/iranyekanwebbold.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 100; src: url('fonts/iranyekan/eot/iranyekanwebthin.eot'); src: url('fonts/iranyekan/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekan/woff/iranyekanwebthin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekan/ttf/iranyekanwebthin.ttf') format('truetype'); }
@font-face { font-family: iranyekan; font-style: normal; font-weight: 300; src: url('fonts/iranyekan/eot/iranyekanweblight.eot'); src: url('fonts/iranyekan/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekan/woff/iranyekanweblight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekan/ttf/iranyekanweblight.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: normal; src: url('fonts/iranyekan/eot/iranyekanwebregular.eot'); src: url('fonts/iranyekan/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekan/woff/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekan/ttf/iranyekanwebregular.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 500; src: url('fonts/iranyekan/eot/iranyekanwebmedium.eot'); src: url('fonts/iranyekan/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekan/woff/iranyekanwebmedium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekan/ttf/iranyekanwebmedium.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 800; src: url('fonts/iranyekan/eot/iranyekanwebextrabold.eot'); src: url('fonts/iranyekan/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekan/woff/iranyekanwebextrabold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekan/ttf/iranyekanwebextrabold.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 900; src: url('fonts/iranyekan/eot/iranyekanwebblack.eot'); src: url('fonts/iranyekan/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekan/woff/iranyekanwebblack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekan/ttf/iranyekanwebblack.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 950; src: url('fonts/iranyekan/eot/iranyekanwebextrablack.eot'); src: url('fonts/iranyekan/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekan/woff/iranyekanwebextrablack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekan/ttf/iranyekanwebextrablack.ttf') format('truetype'); }

@font-face { font-family: yekan; font-style: normal; font-weight: bold; src: url('fonts/iranyekanfanum/eot/iranyekanwebboldfanum.eot'); src: url('fonts/iranyekanfanum/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekanfanum/woff/iranyekanwebboldfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekanfanum/ttf/iranyekanwebboldfanum.ttf') format('truetype'); }

@font-face { font-family: yekan; font-style: normal; font-weight: 100; src: url('fonts/iranyekanfanum/eot/iranyekanwebthinfanum.eot'); src: url('fonts/iranyekanfanum/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekanfanum/woff/iranyekanwebthinfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekanfanum/ttf/iranyekanwebthinfanum.ttf') format('truetype'); }

@font-face { font-family: yekan; font-style: normal; font-weight: 300; src: url('fonts/iranyekanfanum/eot/iranyekanweblightfanum.eot'); src: url('fonts/iranyekanfanum/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekanfanum/woff/iranyekanweblightfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekanfanum/ttf/iranyekanweblightfanum.ttf') format('truetype'); }

@font-face { font-family: yekan; font-style: normal; font-weight: normal; src: url('fonts/iranyekanfanum/eot/iranyekanwebregularfanum.eot'); src: url('fonts/iranyekanfanum/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekanfanum/woff/iranyekanwebregularfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekanfanum/ttf/iranyekanwebregularfanum.ttf') format('truetype'); }

@font-face { font-family: yekan; font-style: normal; font-weight: 500; src: url('fonts/iranyekanfanum/eot/iranyekanwebmediumfanum.eot'); src: url('fonts/iranyekanfanum/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekanfanum/woff/iranyekanwebmediumfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekanfanum/ttf/iranyekanwebmediumfanum.ttf') format('truetype'); }

@font-face { font-family: yekan; font-style: normal; font-weight: 800; src: url('fonts/iranyekanfanum/eot/iranyekanwebextraboldfanum.eot'); src: url('fonts/iranyekanfanum/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekanfanum/woff/iranyekanwebextraboldfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekanfanum/ttf/iranyekanwebextraboldfanum.ttf') format('truetype'); }

@font-face { font-family: yekan; font-style: normal; font-weight: 900; src: url('fonts/iranyekanfanum/eot/iranyekanwebblackfanum.eot'); src: url('fonts/iranyekanfanum/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/iranyekanfanum/woff/iranyekanwebblackfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/iranyekanfanum/ttf/iranyekanwebblackfanum.ttf') format('truetype'); }



/*End Fonts*/

.swiper { position: relative; }
    .swiper > .swiper-container { position: static; }
        .swiper > .swiper-container > .swiper-pagination { bottom: -4.5rem; }

.swiper-pagination { position: static; margin-top: 1.5rem; }
    .swiper-pagination .swiper-pagination-bullet { background-color: #fff; border: 1px solid #aaa; opacity: 1; }
        .swiper-pagination .swiper-pagination-bullet:hover { background-color: #ccc; border-color: #ccc; }
    .swiper-pagination .swiper-pagination-bullet-active { background-color: #2A9CF5; border-color: #2A9CF5; }

.swiper-container-rtl .swiper-button-next::after,
.swiper-container-rtl .swiper-button-prev::after { content: ""; }
.swiper-container-rtl .swiper-button-next::before { content: ""; }
.swiper-container-rtl .swiper-button-prev::before { content: ""; }

.swiper-button-next,
.swiper-button-prev { padding: 0; z-index: 99; border: none; background-color: transparent; -webkit-transition: all 0.3s; transition: all 0.3s; }
    .swiper-button-next::after,
    .swiper-button-prev::after { content: ""; }
    .swiper-button-next::before,
    .swiper-button-prev::before { font-family: "Wolmart"; }
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled { cursor: default; color: #ccc; }

    .swiper-button-next::before { content: ""; }

    .swiper-button-prev::before { content: ""; }

.swiper-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; }

.swiper-container:not(.swiper-container-initialized) .swiper-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; width: auto; }
.swiper-container:not(.swiper-container-initialized) .swiper-slide { -webkit-box-sizing: border-box; box-sizing: border-box; }

.swiper-slide img { display: block; width: 100%; margin: auto; border-radius: 7px; max-height: 48rem }

.swiper-container:not(.swiper-container-initialized) .swiper-wrapper.row { width: calc(100% + 2rem); }
.swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-no { width: 100%; }
.swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-xs { width: calc(100% + 2*false); }
.swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-sm { width: calc(100% + 2*false); }
.swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-md { width: calc(100% + 2*false); }
.swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-lg { width: calc(100% + 2*false); }

.swiper-theme .swiper-button-prev,
.swiper-theme .swiper-button-next { margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 30px; height: 30px; border-radius: 50px; font-size: 20px; font-weight: 400; color: #2A9CF5; }
    .swiper-theme .swiper-button-prev:not(.swiper-button-disabled):hover, .swiper-theme .swiper-button-prev:not(.swiper-button-disabled):active, .swiper-theme .swiper-button-prev:not(.swiper-button-disabled):focus,
    .swiper-theme .swiper-button-next:not(.swiper-button-disabled):hover,
    .swiper-theme .swiper-button-next:not(.swiper-button-disabled):active,
    .swiper-theme .swiper-button-next:not(.swiper-button-disabled):focus { color: #fff; background-color: #2A9CF5; border-color: #2A9CF5; }
    .swiper-theme .swiper-button-prev.swiper-button-disabled,
    .swiper-theme .swiper-button-next.swiper-button-disabled { color: #ccc; opacity: 0.6; }
.swiper-theme .swiper-button-prev { right: -40px; }
.swiper-theme .swiper-button-next { left: -40px; }
.swiper-theme .swiper-pagination .swiper-pagination-bullet { margin: 5px; }
.swiper-theme .swiper-pagination .swiper-pagination-bullet-active { background-color: #2A9CF5; border-color: #2A9CF5; width: 8px; }

@media (max-width: 1300px) {
    .swiper-theme .swiper-button-prev { right: 20px; }
    .swiper-theme .swiper-button-next { left: 20px; }
}

.nav-inner > .swiper-button-prev,
.nav-inner > .swiper-button-next { opacity: 0; visibility: hidden; }
.nav-inner > .swiper-button-prev { right: 0; }
.nav-inner > .swiper-button-next { left: 0; }
.nav-inner:hover > .swiper-button-prev,
.nav-inner:hover > .swiper-button-next { opacity: 1; visibility: visible; }
.nav-inner:hover > .swiper-button-prev { right: 2rem; }
.nav-inner:hover > .swiper-button-next { left: 2rem; }

.nav-top > .swiper-button-next,
.nav-top > .swiper-button-prev { position: absolute; width: 15px; top: -5.3rem; right: auto; color: #777; font-size: 1.4rem; font-weight: 400; }
    .nav-top > .swiper-button-next:not(.swiper-button-disabled):hover, .nav-top > .swiper-button-next:not(.swiper-button-disabled):active, .nav-top > .swiper-button-next:not(.swiper-button-disabled):focus,
    .nav-top > .swiper-button-prev:not(.swiper-button-disabled):hover,
    .nav-top > .swiper-button-prev:not(.swiper-button-disabled):active,
    .nav-top > .swiper-button-prev:not(.swiper-button-disabled):focus { background-color: transparent; border-color: transparent; color: #2A9CF5; }
    .nav-top > .swiper-button-next.swiper-button-disabled,
    .nav-top > .swiper-button-prev.swiper-button-disabled { color: #666; }
.nav-top > .swiper-button-next { -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 3.7rem; }
.nav-top > .swiper-button-prev { -webkit-transform: translateX(50%); transform: translateX(50%); left: 3.5rem; }

.nav-right .swiper-button-prev,
.nav-right .swiper-button-next { position: absolute; left: 3rem; top: auto; bottom: 2.8rem; right: auto; }
.nav-right .swiper-button-prev { left: 5.5rem; }

.pg-white > .swiper-pagination .swiper-pagination-bullet { background-color: #fff; border-color: #fff; opacity: 0.8; }
.pg-white > .swiper-pagination .swiper-pagination-bullet-active { background-color: #2A9CF5; border-color: #2A9CF5; opacity: 1; }

.pg-grey > .swiper-pagination .swiper-pagination-bullet { background-color: #eee; border-color: #eee; }
.pg-grey > .swiper-pagination .swiper-pagination-bullet-active { background-color: #2A9CF5; border-color: #2A9CF5; }

.swiper-theme > .swiper-pagination .swiper-pagination-bullet { -webkit-transition: all 0.3s; transition: all 0.3s; }
.swiper-theme > .swiper-pagination .swiper-pagination-bullet-active { width: 18px; border-radius: 9rem; }

.pg-inner .swiper-pagination { position: absolute; bottom: 4.5rem; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }

.pg-right .swiper-pagination { position: absolute; bottom: 4.2rem; left: 3rem; right: auto; width: unset; }

.swiper-img-dots { z-index: 1000; }
    .swiper-img-dots a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; margin: 0 1.5rem 1rem; border-radius: 50%; border: 3px solid transparent; -webkit-box-shadow: 0 0 0 2px #ccc; box-shadow: 0 0 0 2px #ccc; overflow: hidden; -webkit-transition: padding 0.4s, -webkit-box-shadow 0.4s; transition: padding 0.4s, -webkit-box-shadow 0.4s; transition: padding 0.4s, box-shadow 0.4s; transition: padding 0.4s, box-shadow 0.4s, -webkit-box-shadow 0.4s; }
        .swiper-img-dots a.active, .swiper-img-dots a:hover { -webkit-box-shadow: 0 0 0 2px #2A9CF5; box-shadow: 0 0 0 2px #2A9CF5; }
        .swiper-img-dots a img { border-radius: 50%; }

.brands-swiper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.swiper-container .slide-animate { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); will-change: filter, transform, opacity; opacity: 0; }
    .swiper-container .slide-animate.show-content { opacity: 1; }

.shadow-swiper { margin: -20px; padding: 20px; }

@media (max-width: 575px) {
    .shadow-swiper { margin: -15px; padding: 15px; }
}

.swiper-nav-lg > .swiper-button-next,
.swiper-nav-lg > .swiper-button-prev,
.swiper-nav-md > .swiper-button-next,
.swiper-nav-md > .swiper-button-prev { background-color: transparent; border: none; }
    .swiper-nav-lg > .swiper-button-next:not(.swiper-button-disabled):hover, .swiper-nav-lg > .swiper-button-next:not(.swiper-button-disabled):focus, .swiper-nav-lg > .swiper-button-next:not(.swiper-button-disabled):active,
    .swiper-nav-lg > .swiper-button-prev:not(.swiper-button-disabled):hover,
    .swiper-nav-lg > .swiper-button-prev:not(.swiper-button-disabled):focus,
    .swiper-nav-lg > .swiper-button-prev:not(.swiper-button-disabled):active,
    .swiper-nav-md > .swiper-button-next:not(.swiper-button-disabled):hover,
    .swiper-nav-md > .swiper-button-next:not(.swiper-button-disabled):focus,
    .swiper-nav-md > .swiper-button-next:not(.swiper-button-disabled):active,
    .swiper-nav-md > .swiper-button-prev:not(.swiper-button-disabled):hover,
    .swiper-nav-md > .swiper-button-prev:not(.swiper-button-disabled):focus,
    .swiper-nav-md > .swiper-button-prev:not(.swiper-button-disabled):active { background-color: transparent; border: none; }

.swiper-nav-lg > .swiper-button-next,
.swiper-nav-lg > .swiper-button-prev { font-size: 4.8rem; }

.swiper-nav-md > .swiper-button-next,
.swiper-nav-md > .swiper-button-prev { font-size: 3.3rem; }

@media (max-width: 575px) {
    .swiper-img-dots a { margin-right: 1rem; margin-left: 1rem; }
}

.pg-show > .swiper-pagination { display: block; }

@media (min-width: 1200px) {
    .pg-xl-hide > .swiper-pagination { display: none; }
}

@media (min-width: 1600px) {
    .pg-xxl-hide > .swiper-pagination { display: none; }
}

.nav-hide > .swiper-button-prev,
.nav-hide > .swiper-button-next { display: none; }

@media (min-width: 1200px) {
    .nav-xl-show > .swiper-button-prev,
    .nav-xl-show > .swiper-button-next { display: block; }
}

@media (min-width: 1600px) {
    .nav-xxl-show > .swiper-button-prev,
    .nav-xxl-show > .swiper-button-next { display: block; }
}
/* 5. base */
/*----------------------------------------
    Base
-----------------------------------------*/
*, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit; }

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

body { margin: 0; overflow-x: hidden; font-family: yekan; font-size: 1.4rem; line-height: 1.6; color: #666; background: #fff; direction: rtl; text-align: right; }

main { display: block; position: relative; }

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

.page-wrapper { position: relative; -webkit-transition: margin 0.4s, opacity 0.5s; transition: margin 0.4s, opacity 0.5s; }
.loaded > .page-wrapper { opacity: 1; }

ul { padding-right: 1.5em; }

.menu, .menu ul,
.mobile-menu, .mobile-menu ul,
.nav, .nav ul,
.breadcrumb,
.widget-body, .widget-body ul,
.dropdown-box,
.category-list,
.product-details ul,
.pagination,
.filter-items,
.product-tabs > div ul,
.nav-filters,
.shipping-methods,
.shipping-methods ul,
.fee-description { margin: 0; padding: 0; list-style-type: none; }

input, .btn { margin: 0; }


a { text-decoration: none; color: #2A9CF5; -webkit-transition: color 0.3s; transition: color 0.3s; cursor: pointer }
    a:hover { color: #1914fe; }

:focus { outline: 0; }

figure { margin: 0; }

hr { margin: 0.5rem 0 1.5rem; border: 0; border-top: 1px solid #eee; }

img { max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; vertical-align: middle; }

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

.scrollable { -webkit-overflow-scrolling: touch; }
    .scrollable::-webkit-scrollbar { height: 7px; width: 4px; }
    .scrollable::-webkit-scrollbar-thumb { margin-left: 2px; background: rgba(0, 0, 0, 0.25); border-radius: 5px; cursor: pointer; }

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

.scrollable:hover::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.25); }

.sticky-content.fix-top { top: 0; }
.sticky-content.fix-bottom { bottom: 0; }
.sticky-content.fixed { position: fixed; right: 0; left: 0; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); z-index: 1051; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); }
    .sticky-content.fixed.fix-top { -webkit-animation: fixedTopContent 0.4s; animation: fixedTopContent 0.4s; }
    .sticky-content.fixed.fix-bottom { -webkit-animation: fixedBottomContent 0.4s; animation: fixedBottomContent 0.4s; }

.sticky-content.bfixed { -webkit-animation: fixedBottomContent 0.4s; animation: fixedBottomContent 0.4s; position: fixed; right: 0; left: 0; bottom: 0; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); z-index: 1051; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); }

#scroll-top { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: -4rem; left: 1.5rem; z-index: 9999; width: 4.6rem; height: 4.6rem; font-size: 1.4rem; font-weight: 700; color: #222; opacity: 0; -webkit-transition: bottom 0.3s, opacity 0.3s; transition: bottom 0.3s, opacity 0.3s; }

    #scroll-top.show { opacity: 1; bottom: 98px; }

    #scroll-top:focus, #scroll-top:hover { text-decoration: none; }

    #scroll-top:hover { opacity: 0.8; }

    #scroll-top i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.6rem; height: 3.6rem; color: #fff; background-color: #333; border: 2px solid #333; border-radius: 50%; z-index: 1; }

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

        #scroll-top svg circle { stroke: #2C67E7; stroke-width: 4px; stroke-linecap: round; stroke-dasharray: 1, 400; }

@media (max-width: 768px) {
    #scroll-top { display: none; }
}

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

.load-more-overlay { position: relative; }
    .load-more-overlay.loading::after { content: ""; }
    .load-more-overlay::before { content: ""; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: #fff; opacity: 0.8; }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-359deg); transform: rotate(-359deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-359deg); transform: rotate(-359deg); }
}

@media (min-width: 768px) {
    .scroll-top.show { visibility: visible; opacity: 0.7; -webkit-transform: translateY(0); transform: translateY(0); }
}
/*----------------------------------------
    Helper Class
-----------------------------------------*/
.text-uppercase { text-transform: uppercase !important; }

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

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

.d-none { display: none !important; }

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

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

.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

.d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }

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

.justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }

.align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }

.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }

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

.flex-1 { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; }

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

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

.p-sticky { position: sticky !important; }

.p-relative { position: relative !important; }

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

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

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

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

    .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

    .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }
}

@media (min-width: 768px) {
    .d-md-none { display: none !important; }

    .d-md-block { display: block !important; }

    .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

    .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }
}

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

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

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

@media (max-width: 575px) {
    .d-sm-show { display: none !important; }
}

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

    .d-xs-show { display: none !important; }

    .d-xs-block { display: block !important; }

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

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

.font-weight-bolder { font-weight: 700 !important; }

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

.font-size-md { font-size: 1.3rem !important; }

.font-size-sm { font-size: 1.2rem !important; }

.font-size-normal { font-size: 1.4rem !important; }

.font-size-lg { font-size: 2.2rem !important; }

.font-size-xl { font-size: 2.4rem !important; }

.font-primary { font-family: yekan; }

.font-secondary { font-family: dana; }

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

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

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

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

.text-light { color: #999 !important; }

.text-lighter { color: #ccc !important; }

.text-primary { color: #2A9CF5!important; }

.text-secondary { color: #1cbcd0 !important; }

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

.text-default { color: #666 !important; }

.text-hover-underline::after { display: block; margin-top: 1px; margin-right: auto; margin-left: auto; width: 100%; height: 1px; border-bottom: 1px solid; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; content: ""; }
.text-hover-underline:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); }

.ls-25 { letter-spacing: -0.025em !important; }

.ls-15 { letter-spacing: -0.015em !important; }

.ls-10 { letter-spacing: -0.01em !important; }

.ls-50 { letter-spacing: -0.05em !important; }

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

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

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

.bg-primary { background-color: #2A9CF5!important; }

.bg-secondary { background-color: #1cbcd0 !important; }

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

.bg-image { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; }

.br-lg { border-radius: 1.3rem !important; overflow: hidden !important; }

.br-sm { border-radius: 0.5rem !important; overflow: hidden !important; }

.br-xs { border-radius: 0.3rem !important; overflow: hidden !important; }

.br-50 { border-radius: 50% !important; overflow: hidden !important; }
.br-7 { border-radius: 7px !important }

.border-no { border: none !important; }

.bb-no { border-bottom: none !important; }

.bt-no { border-top: none !important; }

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

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

.order-reverse { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; }

.overflow-hidden { overflow: hidden !important; }

.after-none::after { display: none !important; }

.before-none::before { display: none !important; }

/*----------------------------------------
    Typography
-----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
p { font-weight: 400; margin: 0 0 2rem; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: yekan; font-weight: 700; line-height: 1.2; color: #333; letter-spacing: 0; }

h1 { font-size: 4rem; }

h2 { font-size: 3rem; }

h3 { font-size: 2.4rem; }

h4 { font-size: 1.8rem; }

h5 { font-size: 1.5rem; }

h6 { font-size: 1.3rem; }

p { font-size: 1.4rem; line-height: 1.86; }

.typo-grid { margin-bottom: 4.7rem; }

blockquote { margin: 0; }

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

.list-type-check li { position: relative; padding-right: 2rem; line-height: 2; }
    .list-type-check li::before { position: absolute; display: block; right: 0; top: 1px; content: ""; font-family: "wolmart"; font-weight: 600; font-size: 1.3rem; }

.list-circle li { padding-right: 1rem; margin-bottom: 1rem; }
.list-circle i { margin-left: 1.2rem; width: 4rem; height: 4rem; border: 1px solid #e1e1e1; border-radius: 50%; text-align: center; line-height: 3.8rem; font-size: 1.1rem; }

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

@media (max-width: 479px) {
    .container,
    .container-fluid { padding-right: 15px; padding-left: 15px; }
}

.container-fluid { max-width: 1620px; }

.container { max-width: 1300px; }

/*----------------------------------------
    Grid
-----------------------------------------*/
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }
    .row > * { position: relative; width: 100%; padding-left: 10px; padding-right: 10px; }

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

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

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

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

.cols-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.cols-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.cols-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

.cols-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

.cols-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }

.cols-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

.cols-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; }

.cols-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; }

@media (min-width: 480px) {
    .cols-xs-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

    .cols-xs-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .cols-xs-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .cols-xs-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .cols-xs-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }

    .cols-xs-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .cols-xs-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; }

    .cols-xs-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; }
}

@media (min-width: 576px) {
    .cols-sm-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

    .cols-sm-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .cols-sm-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .cols-sm-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .cols-sm-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }

    .cols-sm-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .cols-sm-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; }

    .cols-sm-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; }
}

@media (min-width: 768px) {
    .cols-md-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

    .cols-md-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .cols-md-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .cols-md-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .cols-md-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }

    .cols-md-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .cols-md-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; }

    .cols-md-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; }
}

@media (min-width: 992px) {
    .cols-lg-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

    .cols-lg-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .cols-lg-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .cols-lg-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .cols-lg-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }

    .cols-lg-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .cols-lg-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; }

    .cols-lg-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; }
}

@media (min-width: 1200px) {
    .cols-xl-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

    .cols-xl-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .cols-xl-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .cols-xl-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .cols-xl-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }

    .cols-xl-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .cols-xl-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; }

    .cols-xl-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; }

    .cols-xl-9 > * { max-width: 11.1111%; -webkit-box-flex: 0; -ms-flex: 0 0 11.1111%; flex: 0 0 11.1111%; }

    .cols-xl-10 > * { max-width: 10%; -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; }

    .cols-xl-11 > * { max-width: 9.0909%; -webkit-box-flex: 0; -ms-flex: 0 0 9.0909%; flex: 0 0 9.0909%; }

    .cols-xl-12 > * { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; }
}

.col-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; }

.col-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

.col-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

.col-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

.col-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; }

.col-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.col-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; }

.col-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; }

.col-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; }

.col-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; }

.col-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; }

.col-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media (min-width: 480px) {
    .col-xs-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; }

    .col-xs-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .col-xs-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .col-xs-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .col-xs-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; }

    .col-xs-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .col-xs-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; }

    .col-xs-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; }

    .col-xs-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; }

    .col-xs-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; }

    .col-xs-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; }

    .col-xs-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
}

@media (min-width: 576px) {
    .col-sm-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; }

    .col-sm-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .col-sm-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .col-sm-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .col-sm-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; }

    .col-sm-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .col-sm-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; }

    .col-sm-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; }

    .col-sm-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; }

    .col-sm-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; }

    .col-sm-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; }

    .col-sm-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
}

@media (min-width: 768px) {
    .col-md-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; }

    .col-md-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .col-md-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .col-md-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .col-md-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; }

    .col-md-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .col-md-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; }

    .col-md-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; }

    .col-md-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; }

    .col-md-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; }

    .col-md-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; }

    .col-md-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
}

@media (min-width: 992px) {
    .col-lg-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; }

    .col-lg-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .col-lg-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .col-lg-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .col-lg-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; }

    .col-lg-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .col-lg-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; }

    .col-lg-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; }

    .col-lg-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; }

    .col-lg-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; }

    .col-lg-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; }

    .col-lg-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
}

@media (min-width: 1200px) {
    .col-xl-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; }

    .col-xl-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }

    .col-xl-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .col-xl-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }

    .col-xl-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; }

    .col-xl-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

    .col-xl-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; }

    .col-xl-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; }

    .col-xl-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; }

    .col-xl-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; }

    .col-xl-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; }

    .col-xl-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
}

@media (min-width: 1200px) {
    .col-xl-5col { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 10px; padding-right: 10px; }

    .col-xl-5col2 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-left: 10px; padding-right: 10px; }

    .col-xl-5col3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; padding-left: 10px; padding-right: 10px; }

    .col-xl-5col4 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; padding-left: 10px; padding-right: 10px; }
}

@media (min-width: 1600px) {
    .col-xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; max-width: 83.3333%; }

    .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; }
}

.order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.order-last { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }

@media (min-width: 576px) {
    .order-sm-auto { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

    .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

    .order-sm-last { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
}

@media (min-width: 768px) {
    .order-md-auto { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

    .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

    .order-md-last { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
}

@media (min-width: 992px) {
    .order-lg-auto { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

    .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

    .order-lg-last { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
}

.grid { margin: -1rem; }
    .grid .banner,
    .grid .category,
    .grid .category > a,
    .grid figure,
    .grid .banner img,
    .grid .category img { height: 100%; }
    .grid img { -o-object-fit: cover; object-fit: cover; }
    .grid .grid-item { padding: 1rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .grid.gutter-sm { margin: -0.5rem; }
        .grid.gutter-sm .grid-item { padding: 0.5rem; }
    .grid.gutter-no { margin: 0; }
        .grid.gutter-no .grid-item { padding: 0; }
    .grid::after { content: ""; display: block; clear: both; }
    .grid.grid-float { display: block !important; }
        .grid.grid-float .grid-item { float: right; }

/*----------------------------------------
    Spacing
-----------------------------------------*/
.mt-0 { margin-top: 0rem !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-0 { margin-right: 0rem !important; }

.mr-0 { margin-left: 0rem !important; }

.pl-0 { padding-right: 0rem !important; }

.pr-0 { padding-left: 0rem !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-auto { margin-right: auto !important; }

.mr-auto { margin-left: auto !important; }

.mx-auto { margin-right: auto !important; margin-left: auto !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mr-lg-auto { margin-left: auto !important; }

    .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; }
}

@media (min-width: 768px) {
    .ml-md-auto { margin-right: auto !important; }

    .mr-md-auto { margin-left: auto !important; }

    .mx-md-auto { margin-right: auto !important; margin-left: auto !important; }
}
/* 6. components */
/*----------------------------------------
    Animation
        - Sticky Content
-----------------------------------------*/
.appear-animate { visibility: hidden; opacity: 0; }

.appear-animation-visible { visibility: visible; opacity: 1; }

@-webkit-keyframes fixedTopContent {
    from { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: center top 0px; transform-origin: center top 0px; }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fixedTopContent {
    from { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: center top 0px; transform-origin: center top 0px; }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes fixedBottomContent {
    from { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: center top 0px; transform-origin: center top 0px; }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fixedBottomContent {
    from { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: center top 0px; transform-origin: center top 0px; }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes showMsgFirst {
    from { -webkit-transform: translateX(0%); transform: translateX(0%); }
    to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@keyframes showMsgFirst {
    from { -webkit-transform: translateX(0%); transform: translateX(0%); }
    to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes showMsg {
    from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@keyframes showMsg {
    from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes navItemArrow {
    0% { position: relative; right: -3px; }
    50% { position: relative; right: 2px; }
    100% { position: relative; right: -3px; }
}

@keyframes navItemArrow {
    0% { position: relative; right: -3px; }
    50% { position: relative; right: 2px; }
    100% { position: relative; right: -3px; }
}

@-webkit-keyframes fadeInLeftShorter {
    from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); -webkit-transform-origin: 100%, 0; transform-origin: 100%, 0; }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeftShorter {
    from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); -webkit-transform-origin: 100%, 0; transform-origin: 100%, 0; }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

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

@-webkit-keyframes fadeInRightShorter {
    from { opacity: 0; -webkit-transform: translate(50px, 0); transform: translate(50px, 0); -webkit-transform-origin: 100%, 0; transform-origin: 100%, 0; }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRightShorter {
    from { opacity: 0; -webkit-transform: translate(50px, 0); transform: translate(50px, 0); -webkit-transform-origin: 100%, 0; transform-origin: 100%, 0; }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

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

@-webkit-keyframes fadeInUpShorter {
    from { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUpShorter {
    from { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

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

@-webkit-keyframes fadeInDownShorter {
    from { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDownShorter {
    from { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

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

@-webkit-keyframes flipInY {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

@keyframes flipInY {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

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

@-webkit-keyframes flipOutY {
    0% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: perspective(400px); transform: perspective(400px); }
    to { opacity: 0; -webkit-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); }
}

@keyframes flipOutY {
    0% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: perspective(400px); transform: perspective(400px); }
    to { opacity: 0; -webkit-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); }
}

@-webkit-keyframes blurIn {
    from { opacity: 0; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.2); transform: scale(1.2); }
    to { opacity: 1; -webkit-filter: blur(0); filter: blur(0); -webkit-transform: none; transform: none; }
}

@keyframes blurIn {
    from { opacity: 0; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.2); transform: scale(1.2); }
    to { opacity: 1; -webkit-filter: blur(0); filter: blur(0); -webkit-transform: none; transform: none; }
}

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

@-webkit-keyframes grayOut {
    from { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); }
    15% { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    to { opacity: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
}

@keyframes grayOut {
    from { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); }
    15% { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    to { opacity: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
}

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

@-webkit-keyframes brightIn {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-filter: brightness(0%); filter: brightness(0%); }
    to { -webkit-filter: brightness(100%); filter: brightness(100%); }
}

@keyframes brightIn {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-filter: brightness(0%); filter: brightness(0%); }
    to { -webkit-filter: brightness(100%); filter: brightness(100%); }
}

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

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

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

@-webkit-keyframes slideX {
    0% { -webkit-transform: none; transform: none; right: 100%; }
    100% { -webkit-transform: translateX(100%); transform: translateX(100%); right: 0; }
}

@keyframes slideX {
    0% { -webkit-transform: none; transform: none; right: 100%; }
    100% { -webkit-transform: translateX(100%); transform: translateX(100%); right: 0; }
}
/*------------------------------------------------
    Banner
        - Default
        - Video Banner
        - Newsletter Banner
            - Simple
            - With Dark Background
        - Banner Divider
------------------------------------------------*/
.banner { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: 1rem; overflow: hidden; }
    .banner figure img { display: block; width: 100%; border-radius: 7px !important; max-height: 23rem }
    .banner .banner-content { position: relative; z-index: 1; bottom: 10% }
        .banner .banner-content a:not(.btn) { color: inherit; }
            .banner .banner-content a:not(.btn):hover, .banner .banner-content a:not(.btn).active { color: #2A9CF5; }
    .banner .banner-info { line-height: 1.45; margin-bottom: 1rem; }

.banner-fixed > .container,
.banner-fixed > .container-fluid,
.banner-fixed > .banner-content { position: absolute; z-index: 1; }
.banner-fixed > .container,
.banner-fixed > .container-fluid { right: 0; left: 0; bottom: 0; top: 0; }
.banner-fixed.content-middle .banner-content { -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.banner-fixed.content-center .banner-text { text-align: center; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }
.banner-fixed.content-center.content-middle .banner-content { -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }

.banner-background { background-repeat: no-repeat; background-position: center; background-size: cover; }

.banner-newsletter-2 .banner-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.banner-newsletter-2 { font-size: 1rem; }
    .banner-newsletter-2 .banner-content { padding: 0 1.5rem; max-width: 49.8rem; min-width: 30rem; }
    .banner-newsletter-2 .banner-title { font-size: 3em; margin-bottom: 0.5rem; }
    .banner-newsletter-2 p { font-size: 1.3em; margin-bottom: 3.5rem; }
    .banner-newsletter-2 .form-control { font-size: 1.4em; border: 0; border-bottom: 2px solid #88817b; max-width: 37.7rem; margin: 0 auto 2rem auto; text-align: center; }
    .banner-newsletter-2 img { min-height: 33rem; }
    .banner-newsletter-2 .btn { height: 4.8rem; }
    .banner-newsletter-2 .input-wrapper { max-width: 38rem; width: 100%; }

.banner-newsletter-4 { background-color: #eeeeee; }
    .banner-newsletter-4 .banner-content { margin: 1rem; padding: 3.5rem 2rem 1rem; }
    .banner-newsletter-4 input { border: 2px solid #cccccc; }

.banner-newsletter-5 { background-color: #cccccc; padding: 4rem; }
    .banner-newsletter-5 .banner-content { max-width: 56rem; padding: 1.5rem 1.5rem 2rem; margin-right: auto; margin-left: auto; }
    .banner-newsletter-5 .banner-title { margin-bottom: 0.5rem; }
    .banner-newsletter-5 p { font-size: 1.3rem; text-align: center; line-height: 1.8; max-width: 49rem; margin-bottom: 2.5rem; }
    .banner-newsletter-5 input.form-control { background-color: rgba(255, 255, 255, 0.3); border-color: transparent; }

.banner-border-gradient::before { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 69%; padding-top: 30%; background: linear-gradient(-30deg, #999999 0%, #999999 50%, transparent 50.1%); }

.banner-divider { width: 4rem; height: 0.4rem; border: 0; margin-right: 0; margin-bottom: 1.2rem; }

.banner-video .btn-play-video { position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 6rem; height: 6rem; background-color: #fff; border-radius: 50%; z-index: 1000; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
    .banner-video .btn-play-video:hover { background-color: #333; }
        .banner-video .btn-play-video:hover::before { color: #fff; }
    .banner-video .btn-play-video::before { content: ""; position: absolute; margin-right: 0.2rem; font-family: "FontAwesome"; font-size: 2.8rem; font-weight: 600; color: #333; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transition: color 0.3s; transition: color 0.3s; z-index: 1; }
.banner-video video { display: none; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.banner-video.playing .btn-play-video, .banner-video.paused .btn-play-video { visibility: hidden; opacity: 0; -webkit-transition: visibility 0.4s, opacity 0.4s; transition: visibility 0.4s, opacity 0.4s; }
.banner-video.playing:hover .btn-play-video, .banner-video.paused:hover .btn-play-video { visibility: visible; opacity: 1; }
.banner-video.playing video, .banner-video.paused video { display: block; }
.banner-video.playing .btn-play-video::before { content: ""; }

@media (max-width: 1199px) {
    .widget-banner .banner-title { margin-bottom: 4rem; }
}

@media (max-width: 767px) {
    .banner-newsletter-2 { font-size: 0.8rem; }
}

@media (max-width: 479px) {
    .banner-newsletter-4 .input-wrapper,
    .banner-newsletter-5 .input-wrapper { display: block; text-align: center; height: auto; }
        .banner-newsletter-4 .input-wrapper .btn,
        .banner-newsletter-5 .input-wrapper .btn { margin: 2rem; }

    .banner-newsletter-4 .input-wrapper-round .form-control,
    .banner-newsletter-4 .input-wrapper-round .btn { border-radius: 3rem; }
}
/*---------------------------
    Breadcrumb
--------------------------*/
.breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #eeeeee; color: #333; font-size: 1.3rem; line-height: 1.5; padding: 1.5rem 0.2rem 1.6rem; }
    .breadcrumb a { color: inherit; }
    .breadcrumb li:not(:last-child) { padding-left: 0.4rem; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.8; }
        .breadcrumb li:not(:last-child)::after { content: ""; position: relative; display: inline-block; margin-right: 0.5rem; font-size: 1rem; font-weight: 500; font-family: "wolmart"; }
        .breadcrumb li:not(:last-child):hover { opacity: 1; }
    .breadcrumb li:last-child { color: #333333; }

    .breadcrumb.shop-breadcrumb { padding: 3rem 0; margin: 2.5rem 0 2.3rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
        .breadcrumb.shop-breadcrumb li { padding-right: 0.5rem; padding-left: 0.5rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; opacity: 1; color: #666; }
            .breadcrumb.shop-breadcrumb li.active { color: #2A9CF5; }
            .breadcrumb.shop-breadcrumb li.passed { color: #333; }
            .breadcrumb.shop-breadcrumb li:not(:last-child)::after { margin-right: 1rem; font-size: 2rem; font-weight: 700; color: #999; bottom: 3px; line-height: 1; vertical-align: middle; }

.breadcrumb-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/*--------------------------------------
    Buttons
        - Button
            - Default
            - Primary
            - Success
            - Secondary
        - Outline Button
            - Primary
            - Success
            - Secondary
        - Icon Button
            - Icon Right, Left
            - Reveal Right, Left
        - Rounded
        - Round
        - Other Button Styles
            - Slide Left, Right, Top, Bottom
            - Infinite Loop
--------------------------------------*/
.btn { display: inline-block; border: 2px solid #ccc; background-color: #fff; color: #666; outline: 0; border-radius: 4px !important; -webkit-border-radius: 4px !important; -o-border-radius: 4px !important; -ms-border-radius: 4px !important; font-family: inherit; font-weight: 600; font-size: 1.4rem; padding: 0.93em 1.3em; line-height: 1; text-transform: uppercase; text-align: center; -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s; transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; white-space: nowrap; cursor: pointer; }
    .btn:hover, .btn:active, .btn:focus { color: #666; border-color: gainsboro; background-color: gainsboro; }
    .btn i { display: inline-block; vertical-align: middle; font-size: 1.6rem; line-height: 0; margin-bottom: 0.2rem; }
        .btn i::before { margin: 0; }
    .btn.btn-icon-right i { margin-left: 0; margin-right: 0.6rem; }
    .btn.btn-icon-left i { margin-left: 0.6rem; margin-right: 0; }
    .btn svg { margin-left: 0.5rem; stroke: #fff; stroke-width: 3px; fill: #fff; -webkit-transition: stroke 0.4s, fill 0.4s; transition: stroke 0.4s, fill 0.4s; }

.btn-outline { background-color: transparent; border: 2px solid; }
    .btn-outline.light { padding: 0.996em 2em; border: 1px solid; }

.btn-reveal-left i { opacity: 0; margin-right: -1em; -webkit-transform: translate(-0.5em); transform: translate(-0.5em); margin-left: 0; -webkit-transition: opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, margin 0.3s; transition: transform 0.3s, opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; }
.btn-reveal-left:hover i, .btn-reveal-left:active i, .btn-reveal-left:focus i { opacity: 1; margin-right: 0; -webkit-transform: translateX(0); transform: translateX(0); margin-left: 0.7rem; }

.btn-reveal-right i { opacity: 0; margin-left: -1em; -webkit-transform: translateX(0.5em); transform: translateX(0.5em); margin-right: 0; -webkit-transition: opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, margin 0.3s; transition: transform 0.3s, opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; }
.btn-reveal-right:hover i, .btn-reveal-right:active i, .btn-reveal-right:focus i { opacity: 1; margin-left: 0; -webkit-transform: translateX(0); transform: translateX(0); margin-left: 0.7rem; }

.btn-simple::after { display: block; margin-top: 3px; margin-right: auto; margin-left: auto; width: 100%; border-top: 3px solid; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; content: ""; }

.btn-link { padding: 0; border: 0; background: transparent; }

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .btn-link { overflow: visible; }
}

.btn-link:not(.btn-underline) { padding-bottom: 3px; }
.btn-link:hover, .btn-link.active, .btn-link:focus { background: transparent; }

.btn-shadow { -webkit-box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1); }
    .btn-shadow:hover, .btn-shadow:active, .btn-shadow:focus { -webkit-box-shadow: 0 17px 20px -7px rgba(0, 0, 0, 0.2); box-shadow: 0 17px 20px -7px rgba(0, 0, 0, 0.2); }

.btn-underline:hover::after, .btn-underline:active::after, .btn-underline:focus::after { -webkit-transform: scaleX(1); transform: scaleX(1); }
.btn-underline::after { display: block; margin-top: 3px; margin-right: auto; margin-left: auto; width: 100%; border-top: 3px solid; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; content: ""; }
.btn-underline.sm::after { width: 46%; }
.btn-underline.lg::after { margin-right: -16.5%; margin-left: -16.5%; width: 133%; }

.btn-like { font-size: 1.4rem; font-weight: 400; padding: 0.429em 0.874em; border-radius: 3px; }

.btn-primary { color: #fff; border-color: #2A9CF5; background-color: #2A9CF5; }
    .btn-primary:hover, .btn-primary:active, .btn-primary:focus { color: #fff; border-color: #0c69b1; background-color: #0c69b1; }
    .btn-primary.btn-solid { color: #2A9CF5; border-color: #fff; background-color: #fff; }
        .btn-primary.btn-solid:hover, .btn-primary.btn-solid:active, .btn-primary.btn-solid:focus { border-color: #2A9CF5; background-color: #2A9CF5; color: #fff; }
    .btn-primary.btn-outline { color: #2A9CF5; border-color: #2A9CF5; background-color: transparent; }
        .btn-primary.btn-outline:hover, .btn-primary.btn-outline:active, .btn-primary.btn-outline:focus { background-color: #2A9CF5; color: #fff; }
    .btn-primary.btn-link { background-color: transparent; color: #2A9CF5; border-color: #2A9CF5; }
        .btn-primary.btn-link:hover, .btn-primary.btn-link:active, .btn-primary.btn-link:focus { color: #2A9CF5; background-color: transparent; }
    .btn-primary.btn-underline:hover, .btn-primary.btn-underline:active, .btn-primary.btn-underline:focus { color: #2A9CF5; }

.btn-dark { color: #fff; border-color: #333; background-color: #333; }
    .btn-dark:hover, .btn-dark:active, .btn-dark:focus { color: #fff; border-color: #454545; background-color: #454545; }
    .btn-dark.btn-solid { color: #333; border-color: #fff; background-color: #fff; }
        .btn-dark.btn-solid:hover, .btn-dark.btn-solid:active, .btn-dark.btn-solid:focus { border-color: #333; background-color: #333; color: #fff; }
    .btn-dark.btn-outline { color: #333; border-color: #333; background-color: transparent; }
        .btn-dark.btn-outline:hover, .btn-dark.btn-outline:active, .btn-dark.btn-outline:focus { background-color: #333; color: #fff; }
    .btn-dark.btn-link { background-color: transparent; color: #333; border-color: #333; }
        .btn-dark.btn-link:hover, .btn-dark.btn-link:active, .btn-dark.btn-link:focus { color: #333; background-color: transparent; }
    .btn-dark.btn-underline:hover, .btn-dark.btn-underline:active, .btn-dark.btn-underline:focus { color: #333; }

.btn-dark-light { color: #fff; border-color: #666; background-color: #666; }
    .btn-dark-light:hover, .btn-dark-light:active, .btn-dark-light:focus { color: #fff; border-color: #787878; background-color: #787878; }
    .btn-dark-light.btn-solid { color: #666; border-color: #fff; background-color: #fff; }
        .btn-dark-light.btn-solid:hover, .btn-dark-light.btn-solid:active, .btn-dark-light.btn-solid:focus { border-color: #666; background-color: #666; color: #fff; }
    .btn-dark-light.btn-outline { color: #666; border-color: #666; background-color: transparent; }
        .btn-dark-light.btn-outline:hover, .btn-dark-light.btn-outline:active, .btn-dark-light.btn-outline:focus { background-color: #666; color: #fff; }
    .btn-dark-light.btn-link { background-color: transparent; color: #666; border-color: #666; }
        .btn-dark-light.btn-link:hover, .btn-dark-light.btn-link:active, .btn-dark-light.btn-link:focus { color: #666; background-color: transparent; }
    .btn-dark-light.btn-underline:hover, .btn-dark-light.btn-underline:active, .btn-dark-light.btn-underline:focus { color: #666; }

.btn-white { color: #fff; border-color: #fff; background-color: #fff; color: #333; }
    .btn-white:hover, .btn-white:active, .btn-white:focus { color: #fff; border-color: white; background-color: white; }
    .btn-white.btn-solid { color: #fff; border-color: #fff; background-color: #fff; }
        .btn-white.btn-solid:hover, .btn-white.btn-solid:active, .btn-white.btn-solid:focus { border-color: #fff; background-color: #fff; color: #fff; }
    .btn-white.btn-outline { color: #fff; border-color: #fff; background-color: transparent; }
        .btn-white.btn-outline:hover, .btn-white.btn-outline:active, .btn-white.btn-outline:focus { background-color: #fff; color: #fff; }
    .btn-white.btn-link { background-color: transparent; color: #fff; border-color: #fff; }
        .btn-white.btn-link:hover, .btn-white.btn-link:active, .btn-white.btn-link:focus { color: #fff; background-color: transparent; }
    .btn-white.btn-underline:hover, .btn-white.btn-underline:active, .btn-white.btn-underline:focus { color: #fff; }
    .btn-white.btn-outline:hover, .btn-white.btn-outline:active, .btn-white.btn-outline:focus { color: #2A9CF5; border-color: #fff; }
    .btn-white:hover, .btn-white:active, .btn-white:focus { color: #fff; background-color: #333; border-color: #333; }

.btn-success { color: #fff; border-color: #799b5a; background-color: #799b5a; }
    .btn-success:hover, .btn-success:active, .btn-success:focus { color: #fff; border-color: #8bab6e; background-color: #8bab6e; }
    .btn-success.btn-solid { color: #799b5a; border-color: #fff; background-color: #fff; }
        .btn-success.btn-solid:hover, .btn-success.btn-solid:active, .btn-success.btn-solid:focus { border-color: #799b5a; background-color: #799b5a; color: #fff; }
    .btn-success.btn-outline { color: #799b5a; border-color: #799b5a; background-color: transparent; }
        .btn-success.btn-outline:hover, .btn-success.btn-outline:active, .btn-success.btn-outline:focus { background-color: #799b5a; color: #fff; }
    .btn-success.btn-link { background-color: transparent; color: #799b5a; border-color: #799b5a; }
        .btn-success.btn-link:hover, .btn-success.btn-link:active, .btn-success.btn-link:focus { color: #799b5a; background-color: transparent; }
    .btn-success.btn-underline:hover, .btn-success.btn-underline:active, .btn-success.btn-underline:focus { color: #799b5a; }

.btn-warning { color: #fff; border-color: #ffa800; background-color: #ffa800; }
    .btn-warning:hover, .btn-warning:active, .btn-warning:focus { color: #fff; border-color: #ffb424; background-color: #ffb424; }
    .btn-warning.btn-solid { color: #ffa800; border-color: #fff; background-color: #fff; }
        .btn-warning.btn-solid:hover, .btn-warning.btn-solid:active, .btn-warning.btn-solid:focus { border-color: #ffa800; background-color: #ffa800; color: #fff; }
    .btn-warning.btn-outline { color: #ffa800; border-color: #ffa800; background-color: transparent; }
        .btn-warning.btn-outline:hover, .btn-warning.btn-outline:active, .btn-warning.btn-outline:focus { background-color: #ffa800; color: #fff; }
    .btn-warning.btn-link { background-color: transparent; color: #ffa800; border-color: #ffa800; }
        .btn-warning.btn-link:hover, .btn-warning.btn-link:active, .btn-warning.btn-link:focus { color: #ffa800; background-color: transparent; }
    .btn-warning.btn-underline:hover, .btn-warning.btn-underline:active, .btn-warning.btn-underline:focus { color: #ffa800; }

.btn-secondary { color: #fff; border-color: #1cbcd0; background-color: #1cbcd0; }
    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { color: #fff; border-color: #2dcfe3; background-color: #2dcfe3; }
    .btn-secondary.btn-solid { color: #1cbcd0; border-color: #fff; background-color: #fff; }
        .btn-secondary.btn-solid:hover, .btn-secondary.btn-solid:active, .btn-secondary.btn-solid:focus { border-color: #1cbcd0; background-color: #1cbcd0; color: #fff; }
    .btn-secondary.btn-outline { color: #1cbcd0; border-color: #1cbcd0; background-color: transparent; }
        .btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:active, .btn-secondary.btn-outline:focus { background-color: #1cbcd0; color: #fff; }
    .btn-secondary.btn-link { background-color: transparent; color: #1cbcd0; border-color: #1cbcd0; }
        .btn-secondary.btn-link:hover, .btn-secondary.btn-link:active, .btn-secondary.btn-link:focus { color: #1cbcd0; background-color: transparent; }
    .btn-secondary.btn-underline:hover, .btn-secondary.btn-underline:active, .btn-secondary.btn-underline:focus { color: #1cbcd0; }

.btn-error { color: #fff; border-color: #6d1a17; background-color: #6d1a17; }
    .btn-error:hover, .btn-error:active, .btn-error:focus { color: #fff; border-color: #8a211d; background-color: #8a211d; }
    .btn-error.btn-solid { color: #6d1a17; border-color: #fff; background-color: #fff; }
        .btn-error.btn-solid:hover, .btn-error.btn-solid:active, .btn-error.btn-solid:focus { border-color: #6d1a17; background-color: #6d1a17; color: #fff; }
    .btn-error.btn-outline { color: #6d1a17; border-color: #6d1a17; background-color: transparent; }
        .btn-error.btn-outline:hover, .btn-error.btn-outline:active, .btn-error.btn-outline:focus { background-color: #6d1a17; color: #fff; }
    .btn-error.btn-link { background-color: transparent; color: #6d1a17; border-color: #6d1a17; }
        .btn-error.btn-link:hover, .btn-error.btn-link:active, .btn-error.btn-link:focus { color: #6d1a17; background-color: transparent; }
    .btn-error.btn-underline:hover, .btn-error.btn-underline:active, .btn-error.btn-underline:focus { color: #6d1a17; }

.btn-grey { color: #fff; border-color: #00baa3; background-color: #00baa3; }
    .btn-grey:hover, .btn-grey:active, .btn-grey:focus { color: #fff; border-color: #00dec2; background-color: #00dec2; }
    .btn-grey.btn-solid { color: #00baa3; border-color: #fff; background-color: #fff; }
        .btn-grey.btn-solid:hover, .btn-grey.btn-solid:active, .btn-grey.btn-solid:focus { border-color: #00baa3; background-color: #00baa3; color: #fff; }
    .btn-grey.btn-outline { color: #00baa3; border-color: #00baa3; background-color: transparent; }
        .btn-grey.btn-outline:hover, .btn-grey.btn-outline:active, .btn-grey.btn-outline:focus { background-color: #00baa3; color: #fff; }
    .btn-grey.btn-link { background-color: transparent; color: #00baa3; border-color: #00baa3; }
        .btn-grey.btn-link:hover, .btn-grey.btn-link:active, .btn-grey.btn-link:focus { color: #00baa3; background-color: transparent; }
    .btn-grey.btn-underline:hover, .btn-grey.btn-underline:active, .btn-grey.btn-underline:focus { color: #00baa3; }

.btn.btn-rounded { border-radius: 3px; }
.btn.btn-ellipse { border-radius: 30px; }
.btn.btn-block { display: block; padding-right: 0; padding-left: 0; width: 100%; }
    .btn.btn-block svg { display: inline-block; vertical-align: middle; margin-top: -4px; }
.btn.btn-sm { font-size: 1.3rem; padding: 0.77em 1.4em; }
.btn.btn-lg { font-size: 1.8rem; padding: 0.95em 1.835em; }
.btn.btn-xl { font-size: 2.4rem; padding: 0.84em 1.8em; }
.btn svg { width: 16px; height: 16px; }

.btn-slide-left:hover i, .btn-slide-left:active i, .btn-slide-left:focus i { -webkit-animation: 0.5s ease slideLeft; animation: 0.5s ease slideLeft; }

.btn-slide-right:hover i, .btn-slide-right:active i, .btn-slide-right:focus i { -webkit-animation: 0.5s ease slideRight; animation: 0.5s ease slideRight; }

.btn-slide-up:hover i, .btn-slide-up:active i, .btn-slide-up:focus i { -webkit-animation: 0.5s ease slideUp; animation: 0.5s ease slideUp; }

.btn-slide-down:hover i, .btn-slide-down:active i, .btn-slide-down:focus i { -webkit-animation: 0.5s ease slideDown; animation: 0.5s ease slideDown; }

.btn-infinite:hover i { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes slideLeft {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    50% { -webkit-transform: translateX(0.5em); transform: translateX(0.5em); }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideLeft {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    50% { -webkit-transform: translateX(0.5em); transform: translateX(0.5em); }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes slideRight {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    50% { -webkit-transform: translateX(-0.5em); transform: translateX(-0.5em); }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideRight {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    50% { -webkit-transform: translateX(-0.5em); transform: translateX(-0.5em); }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes slideUp {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(-0.5em); transform: translateY(-0.5em); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideUp {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(-0.5em); transform: translateY(-0.5em); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes slideDown {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(0.5em); transform: translateY(0.5em); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideDown {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(0.5em); transform: translateY(0.5em); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
/*------------------------------------
    Blog
        - Default
        - List
        - Mask
        - Widget
------------------------------------*/
.post { font-size: 1rem; }
    .post .btn { font-weight: 700; text-transform: capitalize; }
        .post .btn i { font-size: 1.8rem; margin-right: 8px; }
            .post .btn i::before { margin: 0; }
    .post .post-details > *:last-child { margin-bottom: 0; }

.post-calendar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 4.1rem; height: 4.2rem; background: #fff; color: #333; font-weight: 600; line-height: 1; z-index: 3; border-radius: 0.3rem; }
    .post-calendar .post-day { display: block; margin-bottom: 0.1rem; font-size: 1.4rem; }
    .post-calendar .post-month { display: block; font-size: 1rem; text-transform: uppercase; }

.post-media { position: relative; width: 100%; margin-bottom: 0; overflow: hidden; }
    .post-media img { display: block; width: 100%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
    .post-media .post-calendar { position: absolute; top: 1.5rem; right: 1.5rem; }

.post-details { padding: 1.7rem 0 2.5rem; }

.post-title { font-weight: 600; font-size: 1.8rem; line-height: 1.2; margin-bottom: 1rem; }
    .post-title:hover { color: #2A9CF5; }
    .post-title a { color: inherit; }

.post-content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.3rem; line-height: 1.9; letter-spacing: -0.025em; margin-bottom: 1.8rem; }

.post-meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999999; font-size: 1.3rem; font-weight: 600; font-family: yekan; line-height: 1.7; margin-bottom: 0.3rem; }
    .post-meta a { font-weight: 600; font-size: 1.4rem; color: #333; white-space: nowrap; }
        .post-meta a:hover { color: #2A9CF5; }
            .post-meta a:hover span { color: inherit; }
    .post-meta .post-author { margin: 0 0.4rem; }
    .post-meta .post-date { margin: 0 0.4rem 0 2rem; font-weight: 400; }
    .post-meta .post-comment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; font-weight: 400; }
        .post-meta .post-comment i { font-size: 1.8rem; }
        .post-meta .post-comment span { margin: 0 0.8rem 0 0.4rem; font-weight: 600; color: #333; -webkit-transition: inherit; transition: inherit; }

.post-cats { margin-bottom: 0.6rem; color: #fff; }
    .post-cats a { color: inherit; font-size: 1.4rem; }
        .post-cats a:not(:first-child) { margin-right: 0.3rem; }

.post-date { font-weight: 400; }

.post-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .post-list .post-media { max-width: 43.1%; -webkit-box-flex: 0; -ms-flex: 0 0 43.1%; flex: 0 0 43.1%; margin-left: 2rem; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; }
    .post-list img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
    .post-list .post-details { padding: 2.3rem 0 2.4rem; }

@media (min-width: 768px) {
    .post-list .post-title { white-space: normal; }
}

.post-grid .post-details { padding-top: 1.6rem; }

.post-mask { position: relative; }
    .post-mask::before { content: ""; display: block; height: 50%; position: absolute; bottom: 0; right: 0; left: 0; opacity: 0.75; background: -webkit-gradient(linear, right top, right bottom, from(rgba(125, 185, 232, 0)), to(#000)); background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #000 100%); -webkit-transition: all 0.3s; transition: all 0.3s; pointer-events: none; z-index: 1; }
    .post-mask .post-details { position: absolute; bottom: 2.5rem; right: 0; left: 0; -webkit-transform: translateY(100%); transform: translateY(100%); padding: 0 3rem; z-index: 2; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
    .post-mask .post-details-visible { position: absolute; bottom: 100%; right: 3rem; left: 3rem; }
    .post-mask .post-title { letter-spacing: 0; }
    .post-mask .post-meta { color: #fff; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
        .post-mask .post-meta i { margin-left: 0.8rem; }
    .post-mask a { position: relative; color: inherit; }
        .post-mask a:hover { color: #fff; text-decoration: underline; }
    .post-mask .post-comment { padding-right: 2.8rem; }
        .post-mask .post-comment::before { content: ""; font-family: "wolmart"; position: absolute; font-size: 1.8rem; right: 0; }
    .post-mask:hover .post-details { -webkit-transform: translateY(0); transform: translateY(0); }
    .post-mask:hover .post-meta { opacity: 1; }

.post-widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .post-widget .post-media { -webkit-box-flex: 0; -ms-flex: 0 0 28.6%; flex: 0 0 28.6%; max-width: 28.6%; }
    .post-widget .post-details { margin-right: 1.6rem; padding: 0; }
    .post-widget .post-meta { margin-bottom: 0.5rem; }
    .post-widget .post-date { margin: 0; font-size: 1.3rem; color: #666; }
    .post-widget .post-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0.1rem; font-size: 1.3rem; font-weight: 500; line-height: 1.45; white-space: normal; }

.post-md .post-details { padding-top: 1.8rem; }
.post-md .post-content p { -webkit-line-clamp: 3; }

@media (min-width: 576px) {
    .post-list .post-details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
}

@media (max-width: 991px) {
    .post-lg.text-center .post-details,
    .post-md.text-center .post-details { padding-right: 1.5rem; padding-left: 1.5rem; }

    .post-details { padding-bottom: 0; }
}

@media (max-width: 767px) {
    .post-list { display: block; }
        .post-list .post-media { margin-left: 0; max-width: none; }
}
/*------------------------------------
    Category
        - Base
            - Default
            - Group Category
                - Image
                - Icon
            - Category Banner
-------------------------------------*/
.category { position: relative; font-size: 1rem; color: #666; }
    .category a { color: inherit; }
        .category a:hover { color: #2A9CF5; }
    .category img { display: block; width: 100%; height: auto; margin-right: auto; margin-left: auto; }
    .category .category-name { margin-bottom: 0; text-align: center; font-size: 1.6rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: -0.025em; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
    .category .category-count { font-size: 1.4rem; }
    .category p { text-align: start; font-size: 1.4rem; line-height: 1.25; letter-spacing: 0; color: #666; }

.category-content .category-list { color: #666666; text-align: start; font-size: 1.3em; }
    .category-content .category-list li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; line-height: 1.9; }
        .category-content .category-list li::before { content: ""; color: inherit; font-family: "wolmart"; font-size: 1.3rem; margin-left: 0.3rem; margin-right: -0.3rem; -webkit-transition: color 0.4s; transition: color 0.4s; }
        .category-content .category-list li:hover::before { color: #2A9CF5; -webkit-animation: navItemArrow 0.6s linear infinite; animation: navItemArrow 0.6s linear infinite; }

.category-absolute .category-content { position: absolute; cursor: pointer; }

.category-default .category-content { padding-bottom: 0.2rem; -webkit-transition: padding-bottom 0.3s; transition: padding-bottom 0.3s; }
.category-default .btn { position: absolute; margin-top: -2rem; opacity: 0; visibility: hidden; -webkit-transition: margin-top 0.3s, opacity 0.3s, visibility 0.3s; transition: margin-top 0.3s, opacity 0.3s, visibility 0.3s; }
.category-default:hover .category-content { padding-bottom: 3.2rem; }
.category-default:hover .btn { margin-top: 1rem; opacity: 1; visibility: visible; }

.category-default1 .category-content { right: 0; left: 0; bottom: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(38, 38, 38, 0.8); height: 20%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; }
    .category-default1 .category-content .category-name { padding-bottom: 0; color: #fff; font-size: 1.4rem; letter-spacing: 0.035em; -webkit-transition: padding-bottom 0.3s; transition: padding-bottom 0.3s; }
    .category-default1 .category-content .category-count { position: absolute; font-size: 1.2rem; line-height: 1.3; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }
.category-default1:hover .category-name { padding-bottom: 1.7rem; }
.category-default1:hover .category-count { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 1; visibility: visible; }

.category-group-image,
.category-group-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #eee; }
    .category-group-image > *,
    .category-group-icon > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    .category-group-image .category-content ul,
    .category-group-icon .category-content ul { padding-right: 0; }

.category-group-image { padding: 1rem; font-size: 1rem; height: 100%; }
    .category-group-image .category-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: start; padding: 1.1rem 3rem 0.8rem 0; }
        .category-group-image .category-content ul { margin: 0; }
    .category-group-image .category-name { font-size: 1.6em; font-weight: 400; text-transform: none; margin-bottom: 1.1rem; line-height: 1.4; text-align: start; letter-spacing: 0; }
    .category-group-image a { white-space: nowrap; }

.category-ellipse .category-media { border-radius: 50%; overflow: hidden; border: 0px solid #fff; -webkit-transition: border-width 0.1s, -webkit-box-shadow 0.1s; transition: border-width 0.1s, -webkit-box-shadow 0.1s; transition: box-shadow 0.1s, border-width 0.1s; transition: box-shadow 0.1s, border-width 0.1s, -webkit-box-shadow 0.1s; }
.category-ellipse .category-content { margin-top: 1.7rem; }
.category-ellipse .category-name:hover { color: #2A9CF5; }
.category-ellipse:hover .category-media { border-width: 8px; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12); }

.category-classic { -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }
    .category-classic .category-content { right: 0; left: 0; bottom: 1.5rem; overflow: hidden; text-align: center; }
    .category-classic .category-name { font-size: 1.4rem; line-height: 1.45; text-transform: capitalize; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
    .category-classic .btn { position: absolute; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); top: 100%; -webkit-transition: top 0.3s, -webkit-transform 0.3s; transition: top 0.3s, -webkit-transform 0.3s; transition: top 0.3s, transform 0.3s; transition: top 0.3s, transform 0.3s, -webkit-transform 0.3s; }
    .category-classic:hover { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); }
        .category-classic:hover .category-name { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
        .category-classic:hover .btn { top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }

.category-icon .category-media { padding: 2.4rem 0.5rem; border: 1px solid #eee; width: 130px; height: 130px; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 5rem; border-radius: 50%; margin: 0 auto 2rem auto; -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, border-color 0.3s; transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; }
.category-icon .category-name { font-size: 1.4rem; text-transform: capitalize; letter-spacing: 0; }
.category-icon:hover .category-media { border-color: #fff; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.category-icon:hover .category-name { color: #2A9CF5; }

.category-banner .category-content { right: 0; bottom: 2rem; background-color: rgba(38, 38, 38, 0.8); border-radius: 5rem 0 0 5rem; padding: 1.3rem 3rem; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
.category-banner .category-name { font-size: 1.4rem; color: #fff; letter-spacing: 0.035em; }
.category-banner:hover .category-content { background-color: rgba(241, 66, 66, 0.8); }

.category-center .category-content { position: absolute; cursor: pointer; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.category-center .btn { visibility: hidden; opacity: 0; line-height: 0; -webkit-transition: visibility 0.3s, opacity 0.3s, line-height 0.3s; transition: visibility 0.3s, opacity 0.3s, line-height 0.3s; }
.category-center:hover .btn { visibility: visible; opacity: 1; line-height: 1; }

.category-lg .category-name { font-size: 2.8rem; font-weight: 700; letter-spacing: -0.015em; line-height: 1.3; white-space: nowrap; }
.category-lg .category-count { font-size: 1.8rem; letter-spacing: 0; margin-bottom: 1rem; }

.category-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .category-image a { display: block; width: 100%; -webkit-transition: color 0.3s; transition: color 0.3s; }
    .category-image .category-media { overflow: hidden; margin-right: auto; margin-left: auto; }
        .category-image .category-media img { display: block; }
    .category-image p { font-size: 1.3rem; line-height: 1; color: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; }
    .category-image.media-circle .category-media { width: 10rem; height: 10rem; border-radius: 50%; }
    .category-image.text-center p { text-align: center; }
    .category-image:hover { cursor: pointer; }
        .category-image:hover a { color: #2A9CF5; }

@media (max-width: 767px) {
    .category-group-image .category-content { padding-right: 1.5rem; }
}
/*----------------------------------------
    Wolmart Font icon
-----------------------------------------*/
@font-face { font-family: "wolmart"; src: url("../fonts/wolmart87d5.eot?png09e"); src: url("../fonts/wolmart87d5.woff?png09e") format("woff"), url("../fonts/wolmart87d5.eot?png09e#iefix") format("embedded-opentype"), url("../fonts/wolmart87d5.ttf?png09e") format("truetype"), url("../fonts/wolmart87d5.svg?png09e#wolmart") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
[class^=w-icon-], [class*=" w-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "wolmart" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.w-icon-shipping:before { content: ""; }

.w-icon-truck2:before { content: ""; }

.w-icon-comments-solid:before { content: ""; }

.w-icon-heart-full:before { content: ""; }

.w-icon-instagram:before { content: ""; }

.w-icon-youtube:before { content: ""; }

.w-icon-pinterest:before { content: ""; }

.w-icon-pinterest-p:before { content: ""; }

.w-icon-google:before { content: ""; }

.w-icon-twitter:before { content: ""; }

.w-icon-facebook:before { content: ""; }

.w-icon-minus:before { content: ""; }

.w-icon-plus:before { content: ""; }

.w-icon-angle-down:before { content: ""; }

.w-icon-angle-up:before { content: ""; }

.w-icon-angle-left:before { content: ""; }

.w-icon-angle-right:before { content: ""; }

.w-icon-hamburger:before { content: ""; }

.w-icon-star-square-full:before { content: ""; }

.w-icon-exclamation-triangle:before { content: ""; }

.w-icon-times-circle:before { content: ""; }

.w-icon-cog:before { content: ""; }

.w-icon-star-square:before { content: ""; }

.w-icon-exclamation-circle:before { content: ""; }

.w-icon-check-solid:before { content: ""; }

.w-icon-check:before { content: ""; }

.w-icon-comments:before { content: ""; }

.w-icon-envelop:before { content: ""; }

.w-icon-envelop2:before { content: ""; }

.w-icon-youtube-solid:before { content: ""; }

.w-icon-times-solid:before { content: ""; }

.w-icon-call:before { content: ""; }

.w-icon-call2:before { content: ""; }

.w-icon-cart:before { content: ""; }

.w-icon-category:before { content: ""; }

.w-icon-bars:before { content: ""; }

.w-icon-compare:before { content: ""; }

.w-icon-computer:before { content: ""; }

.w-icon-electronics:before { content: ""; }

.w-icon-tshirt:before { content: ""; }

.w-icon-account:before { content: ""; }

.w-icon-search2:before { content: ""; }

.w-icon-android:before { content: ""; }

.w-icon-ios:before { content: ""; }

.w-icon-art-class:before { content: ""; }

.w-icon-bag:before { content: ""; }

.w-icon-basketball:before { content: ""; }

.w-icon-bathtub:before { content: ""; }

.w-icon-bed:before { content: ""; }

.w-icon-birthday-cake:before { content: ""; }

.w-icon-bow:before { content: ""; }

.w-icon-bridge-lamp:before { content: ""; }

.w-icon-calendar:before { content: ""; }

.w-icon-camera:before { content: ""; }

.w-icon-cart2:before { content: ""; }

.w-icon-dots-circle:before { content: ""; }

.w-icon-chat:before { content: ""; }

.w-icon-desktop:before { content: ""; }

.w-icon-dish:before { content: ""; }

.w-icon-display:before { content: ""; }

.w-icon-download:before { content: ""; }

.w-icon-envelop-closed:before { content: ""; }

.w-icon-fax:before { content: ""; }

.w-icon-furniture:before { content: ""; }

.w-icon-gamepad:before { content: ""; }

.w-icon-gift:before { content: ""; }

.w-icon-grid:before { content: ""; }

.w-icon-headphone:before { content: ""; }

.w-icon-heartbeat:before { content: ""; }

.w-icon-home:before { content: ""; }

.w-icon-honour:before { content: ""; }

.w-icon-hotline:before { content: ""; }

.w-icon-ice-cream:before { content: ""; }

.w-icon-list:before { content: ""; }

.w-icon-mobile:before { content: ""; }

.w-icon-money:before { content: ""; }

.w-icon-motocycle:before { content: ""; }

.w-icon-net-world:before { content: ""; }

.w-icon-orders:before { content: ""; }

.w-icon-phone:before { content: ""; }

.w-icon-return:before { content: ""; }

.w-icon-rice-cooker:before { content: ""; }

.w-icon-ruby:before { content: ""; }

.w-icon-search:before { content: ""; }

.w-icon-search-minus:before { content: ""; }

.w-icon-search-plus:before { content: ""; }

.w-icon-service:before { content: ""; }

.w-icon-shopify:before { content: ""; }

.w-icon-sofa:before { content: ""; }

.w-icon-sport:before { content: ""; }

.w-icon-star:before { content: ""; }

.w-icon-star-full:before { content: ""; }

.w-icon-table:before { content: ""; }

.w-icon-table2:before { content: ""; }

.w-icon-truck:before { content: ""; }

.w-icon-tshirt2:before { content: ""; }

.w-icon-user:before { content: ""; }

.w-icon-wallet:before { content: ""; }

.w-icon-heart:before { content: ""; }

.w-icon-gift2:before { content: ""; }

.w-icon-dashboard:before { content: ""; }

.w-icon-power-off:before { content: ""; }

.w-icon-wallet2:before { content: ""; }

.w-icon-products:before { content: ""; }

.w-icon-reports:before { content: ""; }

.w-icon-return2:before { content: ""; }

.w-icon-reviews:before { content: ""; }

.w-icon-return3:before { content: ""; }

.w-icon-cog2:before { content: ""; }

.w-icon-ship-station:before { content: ""; }

.w-icon-social:before { content: ""; }

.w-icon-store-seo:before { content: ""; }

.w-icon-store:before { content: ""; }

.w-icon-support:before { content: ""; }

.w-icon-tools:before { content: ""; }

.w-icon-vendor-store:before { content: ""; }

.w-icon-verification:before { content: ""; }

.w-icon-visit:before { content: ""; }

.w-icon-withdraw:before { content: ""; }

.w-icon-rotate-3d:before { content: ""; }

.w-icon-movie:before { content: ""; }

.w-icon-prev:before { content: ""; }

.w-icon-play:before { content: ""; }

.w-icon-next:before { content: ""; }

.w-icon-map-marker:before { content: ""; }

.w-icon-long-arrow-down:before { content: ""; }

.w-icon-long-arrow-left:before { content: ""; }

.w-icon-long-arrow-right:before { content: ""; }

.w-icon-long-arrow-up:before { content: ""; }

.w-icon-comment:before { content: ""; }

.w-icon-envelop3:before { content: ""; }

.w-icon-logout:before { content: ""; }

.w-icon-envelop4:before { content: ""; }

.w-icon-orders2:before { content: ""; }

.w-icon-quote:before { content: ""; }

.w-icon-sale:before { content: ""; }

.w-icon-heart2:before { content: ""; }

.w-icon-zoom:before { content: ""; }

.w-icon-deliver:before { content: ""; }

.w-icon-air-conditioning:before { content: ""; }

.w-icon-bottles:before { content: ""; }

.w-icon-cabbage:before { content: ""; }

.w-icon-drink:before { content: ""; }

.w-icon-fish:before { content: ""; }

.w-icon-fruits:before { content: ""; }

.w-icon-info:before { content: ""; }

.w-icon-kettle:before { content: ""; }

.w-icon-lightning:before { content: ""; }

.w-icon-meat:before { content: ""; }

.w-icon-notes:before { content: ""; }

.w-icon-pots:before { content: ""; }

.w-icon-recent:before { content: ""; }

.w-icon-speaker:before { content: ""; }

.w-icon-sticks:before { content: ""; }

.w-icon-tea:before { content: ""; }

.w-icon-toy:before { content: ""; }

.w-icon-vacuum:before { content: ""; }

.w-icon-register:before { content: ""; }

.w-icon-seller:before { content: ""; }

/*------------------------
    Form
        - Form Control
        - Input Wrapper
-------------------------*/
.form .form-control { margin-bottom: 2rem; }

input:-internal-autofill-selected { background-color: #fff !important; background-image: none !important; color: black !important; }

.form-control { display: block; width: 100%; position: relative; min-height: 4.7rem; padding: 0.85rem 2rem; border: 1px solid #ddd; font-size: 1.4rem; font-family: yekan; line-height: 1.5; font-weight: 400; color: #777; background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; outline: 0; }
    .form-control::-webkit-input-placeholder { color: inherit; font-family: inherit; }
    .form-control::-moz-placeholder { color: inherit; font-family: inherit; }
    .form-control:-ms-input-placeholder { color: inherit; font-family: inherit; }
    .form-control::-ms-input-placeholder { color: inherit; font-family: inherit; }
    .form-control::placeholder { color: inherit; font-family: inherit; }
    .form-control::-webkit-input-placeholder { color: inherit; }
    .form-control::-moz-placeholder { color: inherit; }
    .form-control.form-solid { background-color: #fff; border: 0; color: #8d8d8d; }
    .form-control.form-control-md { font-size: 1.3rem; min-height: 4.4rem; }
    .form-control.form-control-sm { font-size: 1.2rem; min-height: 4rem; }

textarea { font-family: inherit; min-width: 100%; max-width: 100%; }

.select-box,
.select-menu { position: relative; }
    .select-box select,
    .select-menu select { position: relative; max-width: 14.6rem; min-height: auto; width: 100%; height: 100%; padding-right: 9px; padding-left: 27px; border: 1px solid #e3e3e3; color: inherit; background-color: transparent; font-size: 1.2rem; font-family: inherit; letter-spacing: inherit; z-index: 1; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; }
        .select-box select:focus,
        .select-menu select:focus { outline: none; }
    .select-box::before,
    .select-menu::before { content: ""; font-family: "Wolmart"; font-size: 9px; font-weight: 600; line-height: 1; position: absolute; left: 2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

    .select-box option { font-size: 1.2rem; }

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select::-ms-expand { display: none; }

    select:focus::-ms-value { background: transparent; color: currentColor; }
}

.input-wrapper input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 40px; font-size: 1.4rem; font-family: yekan; border-width: 1px 1px 1px 0; }

.input-wrapper-inline { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; max-width: 67.5rem; width: 100%; }
    .input-wrapper-inline .btn { line-height: 1; }

.input-wrapper-rounded .form-control { border-radius: 0.4rem; }

.input-wrapper-round .form-control { position: relative; border-radius: 3rem; }
.input-wrapper-round .btn { border-radius: 3rem; line-height: 1; }
.input-wrapper-round .form-control { border-radius: 0 3rem 3rem 0; }
.input-wrapper-round .btn { border-radius: 3rem 0 0 3rem; }

.input-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 4.4rem; position: relative; width: 100%; }
    .input-group .form-control { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.3rem; padding: 0 1.8rem 0 1.4rem; height: inherit; min-height: auto; max-width: 100%; -webkit-appearance: textfield; border: solid #ccc; border-width: 1px; color: #666; }
        .input-group .form-control:hover::-webkit-outer-spin-button, .input-group .form-control:hover::-webkit-inner-spin-button, .input-group .form-control:focus::-webkit-outer-spin-button, .input-group .form-control:focus::-webkit-inner-spin-button { -webkit-appearance: none; }
    .input-group button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 1.5rem; padding: 0; width: 2.4rem; height: 2.4rem; border-radius: 50%; background-color: #eee; color: #666; font-size: 1.4rem; border: none; }
        .input-group button + button { margin-left: 3.3rem; }
        .input-group button:hover { cursor: pointer; }

.custom-radio { position: relative; }
    .custom-radio .custom-control-input { position: absolute; opacity: 0; z-index: -1; }
    .custom-radio .custom-control-label { padding-right: 3rem; }
        .custom-radio .custom-control-label::after { content: ""; position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid; border-radius: 2px; color: #999; font-family: "FontAwesome"; font-size: 1rem; font-weight: 900; width: 1.8rem; height: 1.8rem; cursor: pointer; -webkit-transition: color 0.3s, background-color 0.3s, content 0.3s, border 0.3s; transition: color 0.3s, background-color 0.3s, content 0.3s, border 0.3s; }
        .custom-radio .custom-control-label.round::after { border-radius: 50%; }
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after { content: ""; background-color: #2A9CF5; color: #fff; border: 2px solid #2A9CF5; padding-right: 2px; }
    .custom-radio .custom-control-input:checked ~ .custom-control-label.color-dark::after { background-color: #333; border-color: #333; }

.custom-checkbox { position: absolute; opacity: 0; z-index: 1; width: 1.8rem; height: 1.8rem; cursor: pointer; }
    .custom-checkbox + label { display: inline-block; position: relative; padding-right: 2.5rem; cursor: pointer; }
        .custom-checkbox + label::before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 18px; height: 18px; line-height: 15px; border: 1px solid #ccc; border-radius: 2px; }

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .custom-checkbox + label::before { line-height: 14px; }
}

.custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before { content: ""; border-color: #222; background: #222; color: #fff; font-size: 9px; font-weight: 600; font-family: "FontAwesome"; text-align: center; }

.btn-absolute input.form-control { width: 100%; padding-right: 2rem; color: #999; font-size: 1.4rem; }
.btn-absolute .btn { position: absolute; width: auto; height: 100%; min-width: 4.4rem; left: 0; font-size: 1.3rem; }
    .btn-absolute .btn:hover { color: #2A9CF5; }

/* -----------------------------------
    Custom Icons
        - User Icon
        - Minicart Icon
        - Menu Icon
-------------------------------------*/
.user-icon { display: block; padding-bottom: 2px; }
    .user-icon::before, .user-icon::after { content: ""; display: block; margin-right: auto; margin-left: auto; }
    .user-icon::before { width: 12px; height: 12px; border-radius: 50%; margin-bottom: 1px; border: 1px solid #333; -webkit-box-shadow: 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 1px #333, 0px 0px 2px #333; box-shadow: 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 1px #333, 0px 0px 2px #333; }
    .user-icon::after { width: 22px; height: 12px; border-radius: 7px 7px 0 0; border: 1px solid #333; -webkit-box-shadow: 0px 0px 2px #333, 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 1px #333; box-shadow: 0px 0px 2px #333, 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 1px #333; }

.minicart-icon { position: relative; height: 2.167em; text-align: center; }
    .minicart-icon::before, .minicart-icon::after { border: solid 2px; border-color: #333333; }
    .minicart-icon::before { content: ""; display: block; position: absolute; top: -0.3em; right: 50%; -webkit-transform: translateX(50%) scale(0.7); transform: translateX(50%) scale(0.7); width: 1.32em; height: 1.2em; border-radius: 10px 10px 0 0; border-bottom: none; }
    .minicart-icon::after { content: ""; display: inline-block; width: 29px; height: 24px; background-color: transparent; border-radius: 0 0 5px 5px; -webkit-transform: scale(0.8); transform: scale(0.8); margin-top: 1px; }

.menu-icon { display: inline-block; color: #fff; width: 1.7rem; }
    .menu-icon::before, .menu-icon::after { display: block; content: ""; width: 100%; }
    .menu-icon::before { height: 6px; border-top: 2px solid; border-bottom: 2px solid; }
    .menu-icon::after { height: 4px; border-bottom: 2px solid; }

.icon-angle-left::before { content: ""; }

.icon-angle-right::before { content: ""; }

.icon-angle-left,
.icon-angle-right { font-family: "wolmart"; font-style: normal; }

.close-icon { display: block; position: relative; width: 30px; height: 30px; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
    .close-icon::before, .close-icon::after { display: block; position: absolute; background-color: #ccc; content: ""; }
    .close-icon::before { height: 2px; width: 100%; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .close-icon::after { height: 100%; width: 2px; top: 0; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }

/* ---------------------------------------
    Icon Box
--------------------------------------- */
.icon-box .icon-box-title { font-size: 1.4rem; text-transform: capitalize; letter-spacing: -0.025em; margin-bottom: 0.4rem; }
.icon-box p { font-size: 1.3rem; word-break: break-word; margin: 0; line-height: 1.2; color: #666; }
.icon-box .icon-box-content { text-align: center; }
.icon-box.text-center .icon-box-icon { margin-bottom: 1.6rem; }
    .icon-box.text-center .icon-box-icon.icon-bag { margin-bottom: 1.8rem; }
    .icon-box.text-center .icon-box-icon.icon-money { margin: 0.1rem 0 2.2rem; }
    .icon-box.text-center .icon-box-icon.icon-chat { margin-bottom: 1.2rem; }
.icon-box.icon-box-lg .icon-box-title { font-size: 1.8rem; }
.icon-box.icon-colored-circle .icon-box-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0; width: 8rem; height: 8rem; border-radius: 50%; background-color: #2A9CF5; color: #fff; margin-bottom: 2rem; }

.icon-box-icon { display: inline-block; margin-bottom: 1.4rem; }
.icon-box-primary .icon-box-icon i { color: #2A9CF5; }
.icon-box-secondary .icon-box-icon i { color: #1cbcd0; }
.icon-box-white .icon-box-icon svg { fill: #fff; }
.icon-box-white .icon-box-icon i { color: #fff; }
.icon-box-light .icon-box-icon svg { fill: #999; }
.icon-box-icon i { font-size: 2.9rem; font-weight: 400; line-height: 1; }
    .icon-box-icon i.w-icon-truck { font-size: 3.9rem; }
    .icon-box-icon i.w-icon-bag { font-size: 3.7rem; }
    .icon-box-icon i.w-icon-money { font-size: 3.2rem; }
    .icon-box-icon i.w-icon-chat { font-size: 4.4rem; }
.icon-box-lg .icon-box-icon i { font-size: 6rem; }

.icon-box.icon-box-secondary .icon-box-icon i { font-size: 3rem; }

.icon-box-side { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .icon-box-side .icon-box-content { text-align: start; }
        .icon-box-side .icon-box-content p { line-height: 1; }
    .icon-box-side .icon-box-icon { margin-left: 1.5rem; margin-bottom: 0; }
    .icon-box-side i { display: inline-block; vertical-align: middle; }

.icon-border-circle .icon-box-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 50%; border: 1px solid #ccc; }

.circle-icon-section { margin: 0.7rem 0 5.7rem; padding: 5.7rem 0 3.2rem; background-color: #f8f8f8; }
    .circle-icon-section .iconbox-wrap { margin-bottom: 4.9rem; }

.icon-box.icon-border-box { border: 1px solid #eeeeee; padding: 4rem 1rem 3.4rem; -webkit-transition: -webkit-box-shadow 0.4s; transition: -webkit-box-shadow 0.4s; transition: box-shadow 0.4s; transition: box-shadow 0.4s, -webkit-box-shadow 0.4s; border-radius: 0.5rem; }
    .icon-box.icon-border-box .icon-box-icon { margin-bottom: 2.5rem; }
    .icon-box.icon-border-box .icon-box-title { margin-bottom: 0.7rem; }
    .icon-box.icon-border-box p { margin-bottom: 1.6rem; line-height: 1.9; }
    .icon-box.icon-border-box a { color: #2A9CF5; font-weight: 600; font-size: 1.4rem; }
        .icon-box.icon-border-box a i { font-size: 1.6rem; vertical-align: middle; line-height: 0; }
    .icon-box.icon-border-box:hover { -webkit-box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); }
.icon-box:hover .icon-box-content p { color: #333 !important }

.iconbox-boxed-section .row { margin: 0 -3rem; }
    .iconbox-boxed-section .row > * { padding: 0 3rem; }
.iconbox-boxed-section .shadow-swiper { overflow-y: auto; padding: 4rem; margin: -4rem; }

@media (max-width: 1320px) {
    .iconbox-boxed-section .shadow-swiper { padding: 4rem 2rem; margin: -4rem -2rem; }
}

@media (min-width: 768px) {
    .icon-box-side.icon-box-money { margin-top: 0.2rem; }
    .icon-box-side.icon-box-chat { margin-top: -0.3rem; }
}

@media (max-width: 767px) {
    .icon-box-side { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
        .icon-box-side .icon-box-icon { margin-left: 0; margin-bottom: 1rem; }
        .icon-box-side .icon-box-content { text-align: center; }
        .icon-box-side.icon-box-money { margin-top: 0.6rem; }
        .icon-box-side.icon-box-chat .icon-box-icon { margin-bottom: 0.4rem; }
}
/* -------------------------------------------
    Mini Popup
---------------------------------------------- */
.minipopup-area { position: fixed; right: 30px; bottom: 30px; z-index: 3000; }

.minipopup-box { position: absolute; right: -8rem; width: 300px; padding: 2rem; background-color: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-transition: opacity 0.3s, right 0.3s ease-out, -webkit-transform 0.3s; transition: opacity 0.3s, right 0.3s ease-out, -webkit-transform 0.3s; transition: opacity 0.3s, right 0.3s ease-out, transform 0.3s; transition: opacity 0.3s, right 0.3s ease-out, transform 0.3s, -webkit-transform 0.3s; z-index: 3000; }
    .minipopup-box.show { opacity: 1; right: 0; }
    .minipopup-box.focus { -webkit-transform: scale(0.98) translateY(-100%); transform: scale(0.98) translateY(-100%); }
    .minipopup-box .product.product-cart { padding-top: 0; margin-bottom: 1.5rem; }
        .minipopup-box .product.product-cart .product-name { margin-bottom: 0.9rem; font-weight: 400; }
    .minipopup-box .product-details { padding: 0 1.2rem 0 0; }
    .minipopup-box p { margin-bottom: 0; font-size: 1.3rem; color: #666; line-height: 1.4; }
    .minipopup-box .product-action { position: relative; opacity: 1; visibility: visible; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
        .minipopup-box .product-action a:first-child { background-color: #eee; border-color: #eee; color: #333; }
            .minipopup-box .product-action a:first-child:hover, .minipopup-box .product-action a:first-child:focus, .minipopup-box .product-action a:first-child:active { background-color: #dcdcdc; border-color: #dcdcdc; }
        .minipopup-box .product-action .btn { padding-right: 1.9em; padding-left: 1.9em; }

@media (max-width: 479px) {
    .minipopup-area { right: 10px; }
}
/*----------------------------
    Overlay
-----------------------------*/
.overlay-dark figure, .overlay-dark .banner,
.overlay-light figure,
.overlay-light .banner { position: relative; }
    .overlay-dark figure::after,
    .overlay-dark figure > a::after, .overlay-dark.banner::after,
    .overlay-light figure::after,
    .overlay-light figure > a::after,
    .overlay-light.banner::after { content: ""; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: #333; opacity: 0; -webkit-transition: opacity 0.3s, background 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, background 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, background 0.3s, transform 0.3s; transition: opacity 0.3s, background 0.3s, transform 0.3s, -webkit-transform 0.3s; }
    .overlay-dark:hover figure::after, .overlay-dark:hover figure > a::after, .overlay-dark.banner:hover::after,
    .overlay-light:hover figure::after,
    .overlay-light:hover figure > a::after,
    .overlay-light.banner:hover::after { opacity: 0.1; }
.overlay-dark.banner-fixed::after, .overlay-dark.post > figure::after,
.overlay-light.banner-fixed::after,
.overlay-light.post > figure::after { content: none; }
.overlay-dark.post > figure > a::after,
.overlay-light.post > figure > a::after { z-index: 1; }

.overlay-light figure::after,
.banner.overlay-light::after { background: #ccc; }

.overlay-zoom { overflow: hidden; }
    .overlay-zoom img { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }
    .overlay-zoom:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); }

.overlay-rotate { overflow: hidden; }
    .overlay-rotate img { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }
    .overlay-rotate:hover { -webkit-transform: rotateZ(-3deg) scale(1.08); transform: rotateZ(-3deg) scale(1.08); }

/*--------------------------------
    Pagniation
---------------------------------*/
.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.2rem; color: #666; letter-spacing: 0.025em; }
    .pagination > * { font-size: 1.4rem; }
    .pagination a { color: inherit; }
    .pagination .prev, .pagination .next { height: 4rem; min-width: 8rem; padding: 1.2rem; line-height: 1; text-align: center; letter-spacing: 0; }
        .pagination .prev.disabled, .pagination .next.disabled { color: #aaa; }
    .pagination .prev { margin-left: 0.5rem; }
        .pagination .prev i { margin-left: 0.5rem; }
    .pagination .next i { margin-right: 0.5rem; }

.page-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 3rem; height: 4rem; background-color: transparent; border: 1px solid transparent; -webkit-transition: background-color 0.4s, border 0.4s, color 0.4s; transition: background-color 0.4s, border 0.4s, color 0.4s; line-height: 1; }
:hover:not(.disabled) > .page-link, .active:not(.disabled) > .page-link { background-color: transparent; border-color: #eee; color: #2A9CF5; border-radius: 0.3rem; }

.page-item:not(:last-child) { margin-left: 0.5rem; }

.page-item-dots { white-space: nowrap; }
    .page-item-dots::before { content: "..."; display: inline-block; vertical-align: middle; font-size: 0.9rem; font-weight: 600; margin-left: 0.1rem; margin-top: -6px; }

/*---------------------------------
    Popup
        - Popup
        - Popup Close
        - Popup Arrow
        - Popup Content
        - Popup - Login
        - Popup - Image PhotoSwipe
-----------------------------------*/
.mfp-wrap { z-index: 2500; }

.mfp-bg { z-index: 2500; background: #000; opacity: 0.4; -webkit-transition: opactiy 0.3s ease-out; transition: opactiy 0.3s ease-out; }
    .mfp-bg.mfp-ready.mfp-fade { opacity: 0.4; }
    .mfp-bg.mfp-remove { opacity: 0; }

.mfp-container { padding: 4rem 2rem; }

.mfp-content > * { position: relative; margin: auto; background: #fff; opacity: 0; -webkit-box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.1); box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; transition: all 0.3s; }
.mfp-ready .mfp-content > * { opacity: 1; }
.mfp-remove .mfp-content > * { opacity: 0; }

.pswp__button--arrow--left,
.pswp__button--arrow--right { color: #fff; font-size: 1.6rem; font-weight: 500; font-family: "wolmart"; border: 0; opacity: 0.5; left: 10%; right: auto; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.pswp__ui > button::before { background: transparent; position: static; }
.pswp__ui > button:hover { opacity: 1; }

.pswp__button--arrow--right::before { content: ""; }

.pswp__button--arrow--left { right: 10%; left: auto; }
    .pswp__button--arrow--left::before { content: ""; }

.pswp { z-index: 3010; }
    .pswp .pswp__bg { background-color: rgba(0, 0, 0, 0.7); }

.pswp__scroll-wrap { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; }

.pswp__top-bar,
.pswp__caption { -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1), background-color 0.3s 0.5s; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1), background-color 0.3s 0.5s; }

.pswp:not(.pswp--animated-in) .pswp__top-bar,
.pswp:not(.pswp--animated-in) .pswp__caption { background-color: transparent; }

.pswp--visible .pswp__scroll-wrap { -webkit-transform: none; transform: none; opacity: 1; }

.pswp__img { border-radius: 3px; }

.pswp__img--placeholder--blank { background-color: #F2F3F5; }

.pswp__caption { min-height: auto; }

.pswp__caption__center { text-align: center; }

.pswp__counter { right: 0; }

.pswp__button { float: left; }

.pswp__button--arrow--left,
.pswp__button--arrow--right { width: 4.8rem; height: 4.8rem; margin-top: -2.4rem; color: #fff; border-radius: 50%; font-size: 1.6rem; font-weight: 900; font-family: "FontAwesome"; text-align: center; opacity: 0.5; left: 10%; right: auto; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; border: 2px solid; }

.pswp__ui > button::before { background: transparent; position: static; }
.pswp__ui > button:hover { opacity: 1; }

.pswp__button--arrow--right::before { content: ""; }

.pswp__button--arrow--left { right: 10%; left: auto; }
    .pswp__button--arrow--left::before { content: ""; }

.newsletter-popup { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 78rem; padding: 8.1rem 4.8rem; margin: auto; background-position: center; background-size: cover; border-radius: 1rem; background-image: url(../Content/Images/newsletter-1.jpg); }
    .newsletter-popup .popup-media { margin-bottom: 1.7rem; }
    .newsletter-popup h4 { margin-bottom: 0.4rem; font-size: 2rem; }
        .newsletter-popup h4 span { display: inline-block; margin-right: 0.4rem; font-weight: 800; }
    .newsletter-popup h2 { margin-bottom: 1.1rem; font-weight: 800; font-size: 2.8rem; line-height: 1.2; }
    .newsletter-popup p { margin-bottom: 2.3rem; line-height: 1.75; }
    .newsletter-popup .input-wrapper-inline { max-width: 34rem; margin-bottom: 3rem; }
        .newsletter-popup .input-wrapper-inline .form-control { min-height: 4.4rem; border-color: #ccc; color: #666; }
        .newsletter-popup .input-wrapper-inline .btn { padding-top: 0.9em; padding-bottom: 0.9em; }
    .newsletter-popup label { padding-right: 2.7rem; }
        .newsletter-popup label::before { border-color: #999; }

.newsletter-content { max-width: 36rem; }

.mfp-product .mfp-container { padding: 4rem 3rem 2rem; }
.mfp-product .mfp-content { max-width: 88rem; margin: auto; }
.mfp-product .product-popup { display: block; margin-bottom: 3rem; padding: 2rem; }
.mfp-product .product-details { overflow-x: hidden; overflow-y: auto; }

body .product-popup { display: none; }

.login-popup { max-width: 50rem; padding: 3.3rem 5rem 2.6rem; }
    .login-popup .nav.nav-tabs .nav-item { width: calc(50% - .5rem); margin: 0; }
        .login-popup .nav.nav-tabs .nav-item:first-child { margin-left: 1rem; }
    .login-popup .nav-item .nav-link { padding: 1.3rem 0; font-size: 1.6rem; font-weight: 700; }
        .login-popup .nav-item .nav-link::after { border-top-width: 2px; -webkit-transform: none; transform: none; }
    .login-popup .tab-pane { padding-top: 3.3rem; padding-bottom: 2.6rem; }
        .login-popup .tab-pane a:not(.btn):hover { text-decoration: underline; }
    .login-popup #sign-in { font-size: 1.4rem; }
    .login-popup .form-group { margin-bottom: 2.6rem; }
        .login-popup .form-group label { display: block; margin-bottom: 0.5rem; }
    .login-popup .form-control { min-height: 4.4rem; }
    .login-popup .form-checkbox { margin-top: 2.2rem; margin-bottom: 2.3rem; }
        .login-popup .form-checkbox a { font-size: 1.2rem; color: #a94442; }
    .login-popup .btn { display: block; padding-top: 0.79em; padding-bottom: 0.79em; }
    .login-popup p { margin-bottom: 1.9rem; }
    .login-popup #sign-up p { margin-bottom: 2.1rem; line-height: 1.84; }
    .login-popup .social-icon { margin-left: 0.8rem; }

@media (min-width: 768px) {
    .product-popup .product-details { position: absolute; overflow-y: auto; top: 0; right: 2rem; width: calc(100% - 3rem); height: 100%; }
}

.mfp-close { width: 18px; height: 18px; -webkit-transform: rotateZ(-45deg) scale(1); transform: rotateZ(-45deg) scale(1); top: -2.7rem; left: 0; right: auto; opacity: 1; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
    .mfp-close span { display: none; }
    .mfp-close:active { top: -2.7rem; }
    .mfp-close::before, .mfp-close::after { content: ""; display: block; position: absolute; width: 2px; height: 100%; top: 0; right: calc(50% - 1px); background-color: #fff; }
    .mfp-close::after { width: 100%; height: 2px; top: calc(50% - 1px); right: 0; }
    .mfp-close:hover { -webkit-transform: rotateZ(-135deg) scale(1.5); transform: rotateZ(-135deg) scale(1.5); }

.mfp-ready.mfp-zoom-popup .mfp-content { -webkit-transform: scale(1); transform: scale(1); }

.mfp-zoom-popup .mfp-content, .mfp-removing.mfp-zoom-popup .mfp-content { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); }

.mfp-ready.mfp-fadein-popup .mfp-content { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.mfp-fadein-popup .mfp-content,
.mfp-removing.mfp-fadein-popup .mfp-content { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeOut; animation-name: fadeOut; }

.mfp-video-popup .mfp-content { max-width: 100rem; }
.mfp-video-popup video { width: 100%; }
.mfp-video-popup .mfp-close { top: 2rem; left: 2rem; }

@media (min-width: 768px) {
    .mfp-product .product-popup { padding: 3rem; }
        .mfp-product .product-popup .product-form-group { display: block; }
        .mfp-product .product-popup .action-group { margin-right: 0; }
}

@media (max-width: 767px) {
    .newsletter-popup { max-width: 40rem; min-height: 40rem; padding: 0rem 2rem; background-image: url(../Content/Images/newsletter-2.jpg); text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
        .newsletter-popup .form-checkbox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
        .newsletter-popup .input-wrapper-inline { display: block; margin-right: auto; margin-left: auto; max-width: 24rem; }
            .newsletter-popup .input-wrapper-inline .form-control { margin-bottom: 1rem; border-radius: 3rem; border-width: 1px; }
            .newsletter-popup .input-wrapper-inline .btn { border-radius: 3rem; width: 100%; }
}

@media (max-width: 479px) {
    .mfp-product .mfp-container { padding-right: 1.5rem; padding-left: 1.5rem; }

    .login-popup { padding-right: 2rem; padding-left: 2rem; }
}
/*-----------------------------------------
    Product Single Component
------------------------------------------*/
.product-nav { margin: 0 auto 0 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .product-nav .product-nav-prev, .product-nav .product-nav-next { position: relative; }
        .product-nav .product-nav-prev a, .product-nav .product-nav-next a { display: inline-block; padding: 1.1rem 0.4rem 1.3rem; }
        .product-nav .product-nav-prev i, .product-nav .product-nav-next i { display: inline-block; border-radius: 50%; width: 2em; color: var(--wolmart-body-color, #666); border: 1px solid #eee; line-height: calc(2em - 2px); text-align: center; font-size: 1.3rem; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; }
        .product-nav .product-nav-prev:hover i, .product-nav .product-nav-next:hover i { border-color: #2A9CF5; background-color: #2A9CF5; color: #fff; }
        .product-nav .product-nav-prev:hover .product-nav-popup, .product-nav .product-nav-next:hover .product-nav-popup { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; }
    .product-nav .product-nav-popup { position: absolute; top: 100%; left: 0; z-index: 30; width: 120px; padding: 0 5px 9px; line-height: 1.5; text-align: center; background-color: #fff; -webkit-box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.1); box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }
        .product-nav .product-nav-popup img { position: relative; width: 100%; padding-top: 5px; background-color: #fff; }
        .product-nav .product-nav-popup::before { content: ""; position: absolute; top: -0.8rem; left: 1rem; width: 1.6rem; height: 1.6rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #fff; -webkit-box-shadow: inherit; box-shadow: inherit; }
    .product-nav .product-nav-prev .product-nav-popup { left: -3.4rem; }
        .product-nav .product-nav-prev .product-nav-popup::before { left: 4.2rem; }
    .product-nav .product-nav-next .product-nav-popup { left: 0; }
    .product-nav .product-name { position: relative; color: #666; font-size: 1.2rem; font-weight: 400; line-height: 1.2; padding: 1.1rem 0 0; margin: 0; background: inherit; z-index: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }

.product-thumbs-wrap,
.product-single-swiper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

    .product-single-swiper img { display: block; }
    .product-single-swiper .swiper-button-prev,
    .product-single-swiper .swiper-button-next { background-color: transparent; border: 0; font-size: 2rem; }

.product-image { position: relative; overflow: hidden; }

.product-thumbs-wrap { position: relative; margin-top: 1rem; overflow: hidden; }
    .product-thumbs-wrap img { display: block; width: 100%; }

    .product-thumbs-wrap button,
    .product-thumbs-wrap .swiper-button-prev,
    .product-thumbs-wrap .swiper-button-next { bottom: 0; top: unset; width: 2rem; height: 100%; background-color: #fff; border: none; color: #999; font-size: 1.8rem; font-weight: 600; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }

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

.product-thumbs-wrap .swiper-button-prev { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); }
.product-thumbs-wrap .swiper-button-next { right: auto; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.product-thumbs-wrap .swiper-button-disabled { opacity: 0; }
.product-thumbs-wrap:hover .swiper-button-prev:not(.swiper-button-disabled),
.product-thumbs-wrap:hover .swiper-button-next:not(.swiper-button-disabled) { opacity: 0.9; -webkit-transform: none; transform: none; }

.product-thumbs-wrap button,
.product-thumb::before { position: absolute; right: 0; left: 0; bottom: 0; top: 0; }

.product-thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; }

.product-gallery:not(.product-gallery-vertical) .swiper-slide img { width: 100%; }
.product-gallery:not(.product-gallery-vertical) .product-thumbs:not(.swiper-wrapper) { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .product-gallery:not(.product-gallery-vertical) .product-thumbs:not(.swiper-wrapper) .product-thumb { margin: 0; }
        .product-gallery:not(.product-gallery-vertical) .product-thumbs:not(.swiper-wrapper) .product-thumb::before { content: none; }

.product-thumb { position: relative; cursor: pointer; }
    .product-thumb::before { content: ""; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; border: 1px solid transparent; }
    .product-thumb.active::before { border-color: #2A9CF5; }

.swiper-slide-thumb-active::before { border-color: #2A9CF5; }

.rating-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.4rem; }
    .rating-form label { font-size: 1.4rem; }

.rating-stars { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 14px; font-size: 1.2rem; margin-right: 1rem; }
    .rating-stars a { color: #333; text-indent: -9999px; letter-spacing: 1px; width: 1.4rem; }
        .rating-stars a:before { content: ""; position: absolute; right: 0; height: 14px; line-height: 1; font-family: "wolmart"; text-indent: 0; overflow: hidden; white-space: nowrap; letter-spacing: 0.2em; }
        .rating-stars a.active:before,
        .rating-stars a:hover:before { content: ""; color: #1cbcd0; }
    .rating-stars .star-1 { z-index: 10; }
    .rating-stars .star-2 { z-index: 9; }
    .rating-stars .star-3 { z-index: 8; }
    .rating-stars .star-4 { z-index: 7; }
    .rating-stars .star-5 { z-index: 6; }
    .rating-stars .star-1:before { width: 20%; }
    .rating-stars .star-2:before { width: 40%; }
    .rating-stars .star-3:before { width: 60%; }
    .rating-stars .star-4:before { width: 80%; }
    .rating-stars .star-5:before { content: ""; }

.stock { margin-bottom: 3rem; font-size: 1.3rem; line-height: 1; }

.product-single { color: inherit; }
    .product-single .product-categories { margin-bottom: 1.1rem; }
    .product-single .product-details { padding: 0; }
    .product-single .product-title { margin-bottom: 0.9rem; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.6; }
        .product-single .product-title a { color: inherit; }
    .product-single .product-bm-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .product-single .brand { margin: 0 0 1rem 2rem; border: 1px solid #eee; border-radius: 0.5rem; }
    .product-single .product-meta { margin-bottom: 1rem; }
    .product-single .product-divider { margin: 1.4rem 0 2rem; }
    .product-single .social-icon { margin-left: 0.8rem; }
    .product-single .product-categories,
    .product-single .product-sku { color: #666; font-size: 1.3rem; font-weight: normal; line-height: 1; letter-spacing: 0; }
        .product-single .product-categories span,
        .product-single .product-sku span { color: #999; }
            .product-single .product-categories span:not(:last-child)::after,
            .product-single .product-sku span:not(:last-child)::after { content: ","; display: inline-block; vertical-align: middle; }
        .product-single .product-categories a,
        .product-single .product-sku a { color: inherit; }
            .product-single .product-categories a:hover,
            .product-single .product-sku a:hover { color: #2A9CF5; }
    .product-single .product-price { margin-bottom: 1.1rem; font-size: 3rem; color: #333; font-weight: 700; line-height: 1.2; }
    .product-single .old-price { font-size: 1.8rem; margin-left: 1rem; color: #999; }
    .product-single .ratings-container { margin-bottom: 1.8rem; font-size: 1.3rem; }
    .product-single .ratings-full { font-weight: 600; }
        .product-single .ratings-full::before { color: rgba(0, 0, 0, 0.2); }
    .product-single .ratings::before { color: #666; }
    .product-single .ratings-full, .product-single .ratings { letter-spacing: 0.18em; }
    .product-single .rating-reviews { color: #999; }
    .product-single .product-short-desc { margin-bottom: 1.6rem; font-size: 1.3rem; }
    .product-single .product-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
        .product-single .product-form .product-size { -webkit-box-flex: 0; -ms-flex: 0 0 18rem; flex: 0 0 18rem; max-width: 18rem; }
        .product-single .product-form select { border: 1px solid #ccc; color: #999; font-size: 1.3rem; max-width: none; width: 100%; padding: 0.88em 2rem; }
        .product-single .product-form label { display: block; min-width: 5rem; /*-webkit-box-flex: 0; -ms-flex: 0 0 7.5rem; flex: 0 0 7.5rem;*/ padding: 0.6rem 0; font-size: 1.4rem; color: #333; line-height: 1; }
    .product-single .product-variations { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
    .product-single .product-variation-price { display: none; font-size: 2.4rem; font-weight: 600; color: #333; line-height: 1; margin-bottom: 1.2rem; padding-top: 2.8rem; }
    .product-single .product-color-swatch { margin-left: 4rem; margin-bottom: 2rem; }
    /*  .product-single .product-color-swatch .color { display: block; text-align: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; border: none; margin-left: 0; }
          .product-single .product-color-swatch .color + .color { margin-right: 0.8rem; }
            .product-single .product-color-swatch .color::before { content: ""; display: inline-block; font-family: "FontAwesome"; font-size: 1.2rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 2.2; }
            .product-single .product-color-swatch .color.active::before { content: ""; }*/
    .product-single .product-size-swatch { margin-bottom: 2rem; }
        .product-single .product-size-swatch .size { display: block; text-align: center; margin-bottom: 0.5rem; padding: 0.6rem 0.8rem; width: auto; height: auto; line-height: 1; font-size: 1.2rem; border: 1px solid #ccc; border-radius: 2px; color: #666; -webkit-transition: border-color 0.35s, color 0.35s; transition: border-color 0.35s, color 0.35s; }
            .product-single .product-size-swatch .size.active, .product-single .product-size-swatch .size:hover { border-color: #2A9CF5; color: #2A9CF5; }
    .product-single .product-image-swatch { margin-bottom: 2rem; }
        .product-single .product-image-swatch .image { margin-left: 0.8rem; border: 1px solid #ccc; border-radius: 0.2rem; overflow: hidden; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; }
            .product-single .product-image-swatch .image img { width: 2.6rem; height: 2.6rem; }
            .product-single .product-image-swatch .image.active { border-color: #2A9CF5; }
    .product-single .quantity,
    .product-single .btn-cart,
    .product-single .btn-product-icon { border-radius: 3px; }
    .product-single .btn-cart { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1rem; padding-right: 0; padding-left: 0; min-width: 17rem; }
        .product-single .btn-cart i { margin: 0 0 0.2rem 0.4rem; font-size: 1.7rem; }
        .product-single .btn-cart.disabled { background-color: #eee; border-color: #eee; color: #666; cursor: not-allowed; }
    .product-single .product-qty-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 14rem; flex: 0 0 14rem; max-width: 14rem; margin-bottom: 1rem; margin-left: 2rem; }
    .product-single .social-links-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.3rem; }
        .product-single .social-links-wrapper > * { margin-left: 2rem; margin-bottom: 1rem; }
        .product-single .social-links-wrapper .btn-product-icon { width: 1.8rem; height: auto; margin-left: 1.6rem; margin-bottom: 0; font-size: 1.8rem; border: none; color: #333; overflow: initial; background-color: transparent; }
            .product-single .social-links-wrapper .btn-product-icon.btn-compare { font-size: 2rem; }
            .product-single .social-links-wrapper .btn-product-icon:hover { background-color: transparent; color: #2A9CF5; }
        .product-single .social-links-wrapper .divider { width: 1px; height: 1.8rem; background: #e1e1e1; margin-top: 1rem; }
    .product-single .social-icons { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .product-single.product-grid .product-image-full { left: 2.5rem; }
    .product-single .product-variation-clean { display: none; font-size: 1.2rem; background: #f4f4f4; padding: 0.3em 1em; color: #333; position: absolute; top: 100%; margin-top: 1rem; z-index: 1; }

.product-thumbs-sticky .product-image-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 10rem); flex: 0 0 calc(100% - 10rem); max-width: calc(100% - 10rem); }
.product-thumbs-sticky .product-thumbs-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 9rem; flex: 0 0 9rem; max-width: 9rem; margin-left: 1rem; margin-top: 0; }
.product-thumbs-sticky .product-thumbs { -webkit-transition: none; transition: none; }
.product-thumbs-sticky .product-image { margin-bottom: 2rem; }

.product-gallery-vertical.product-thumbs-sticky .product-thumbs-wrap { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
.product-gallery-vertical.product-thumbs-sticky .product-thumbs { display: block; position: absolute; top: 0; right: 0; left: 0; margin: -1rem 0; max-width: 100%; bottom: auto; }
.product-gallery-vertical.product-thumbs-sticky .product-thumb { margin: 1rem 0; }

.single-product .nav-top > .swiper-button-prev { left: 0.5rem; }
.single-product .nav-top > .swiper-button-next { left: 0.2rem; }
.single-product .nav-top > .swiper-button-next,
.single-product .nav-top > .swiper-button-prev { width: 15px; top: -6.2rem; color: #666; font-size: 1.3rem; font-weight: 600; }
    .single-product .nav-top > .swiper-button-next:not(.swiper-button-disabled):hover,
    .single-product .nav-top > .swiper-button-prev:not(.swiper-button-disabled):hover { color: #2A9CF5; }

@media (min-width: 992px) {
    .product-gallery-vertical .product-thumbs-wrap:not(.swiper-container-initialized) .product-thumb { margin-bottom: 1rem; }

    .product-gallery-vertical .product-thumbs-wrap { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; max-width: 9rem; margin: 0 0 0 1rem; }
        .product-gallery-vertical .product-thumbs-wrap:hover .swiper-button-prev:not(.swiper-button-disabled),
        .product-gallery-vertical .product-thumbs-wrap:hover .swiper-button-next:not(.swiper-button-disabled) { opacity: 0.9; -webkit-transform: none; transform: none; }
        .product-gallery-vertical .product-thumbs-wrap .swiper-button-prev,
        .product-gallery-vertical .product-thumbs-wrap .swiper-button-next { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; width: 100%; height: 2.5rem; }
        .product-gallery-vertical .product-thumbs-wrap .swiper-button-prev { top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
            .product-gallery-vertical .product-thumbs-wrap .swiper-button-prev::before { content: ""; }
        .product-gallery-vertical .product-thumbs-wrap .swiper-button-next { bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }
            .product-gallery-vertical .product-thumbs-wrap .swiper-button-next::before { content: ""; }
    .product-gallery-vertical .product-single-swiper { max-width: calc(100% - 10rem); }
    .product-gallery-vertical .product-thumbs { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 0; max-width: 100%; }
    .product-gallery-vertical .product-thumb { padding: 0; height: auto; }
}

@media (max-width: 991px) {
    .product-single .product-form .product-size { -webkit-box-flex: 0; -ms-flex: 0 0 14rem; flex: 0 0 14rem; max-width: 14rem; }
}

@media (min-width: 768px) {
    .product-single .product-details { padding: 3rem 1rem 0 0; }
}

@media (max-width: 479px) {
    .product-single:not(.product-popup) .product-qty-form { margin-left: 1rem; }
}

/*-------------------------------------------
    Products
        - Default
        - Simple
        - Slide Up
        - Image Gap
        - Widget
        - List
--------------------------------------------*/

.product { position: relative; font-family: yekan; font-size: 1rem; color: #020101; -webkit-transition: opacity 0.3s, -webkit-box-shadow 0.3s; transition: opacity 0.3s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, opacity 0.3s; transition: box-shadow 0.3s, opacity 0.3s, -webkit-box-shadow 0.3s; }
    .product:hover .product-action,
    .product:hover .product-action-vertical,
    .product:hover .product-action-horizontal { visibility: visible; opacity: 1; }
    .product:hover .product-action-horizontal { bottom: 1.5rem; }
    .product .product-price { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.product-media { position: relative; margin-bottom: 0; background-color: #fff; padding-bottom: 5px; -webkit-transition: -webkit-box-shadow 0.35s; transition: -webkit-box-shadow 0.35s; transition: box-shadow 0.35s; transition: box-shadow 0.35s, -webkit-box-shadow 0.35s; }
    .product-media img { display: block; padding: 20px; /*width: 100%;*/ height: auto; /*-webkit-transition: opacity 0.4s; transition: opacity 0.4s;*/ margin:auto }
        .product-media img:last-child { position: absolute; opacity: 0; right: 0; left: 0; bottom: 0; top: 0; -o-object-fit: cover; object-fit: cover; }
        .product-media img:first-child { position: relative; opacity: 1; }
    .product-media:hover img:last-child { opacity: 1; }

.product-label-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; right: 1rem; top: 1rem; max-width: 11rem; z-index: 1; }
    .product-label-group.left { left: 1rem !important; right: auto !important }
.product-label { display: inline-block; text-align: center; margin-bottom: 0.5rem; font-size: 1.2em; letter-spacing: -0.005em; color: #fff; line-height: 1; padding: 0.6rem 1rem; border-radius: 0.3rem; text-transform: uppercase; }
    .product-label.label-new { background: #fe3749; padding: 0.6rem 1rem; }
    .product-label.label-discount { background: #1cbcd0; }
    .product-label.label-hot { background: #799b5a; }
    .product-label.label-default.blue { background-color: #2A9CF5 !important }

    .product-sales-wrapper { position: relative; margin-bottom: 1.4rem; }
    .product-sales-wrapper .progress-bar { height: 1rem; background: #eee; margin-bottom: 0.7rem; }
    .product-sales-wrapper .product-sales-count { color: #666; font-size: 1.3rem; }
        .product-sales-wrapper .product-sales-count mark { background-color: transparent; color: inherit; }

.btn-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1.14em 0; line-height: 1.2; background-color: #2A9CF5; color: #fff; font-size: 1.4em; font-weight: 600; letter-spacing: -0.025em; text-transform: uppercase; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
    .btn-product:hover, .btn-product:active { color: #fff; }
    .btn-product.btn-link { display: inline-block; font-weight: 600; font-size: 1.3rem; line-height: 1.6; -webkit-box-flex: 0; -ms-flex: none; flex: none; background-color: transparent; padding: 0; }
        .btn-product.btn-link::after { margin-top: 0; }
    .btn-product.btn-sm { padding: 0.693em 0; }

.btn-wishlist { line-height: 1; }
    .btn-wishlist i::before { margin: 0; }

.btn-cart { font-weight: 600; }
    .btn-cart.btn-link { color: #2A9CF5; }
        .btn-cart.btn-link:hover, .btn-cart.btn-link:active { color: #2A9CF5; }
    .btn-cart:not(.btn-product-icon) i.w-icon-cart { font-size: 1.8rem; margin-bottom: 0.4rem; }

.btn-product-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.6rem; height: 3.6rem; margin-bottom: 0.5rem; background-color: #fff; border: 1px solid #eee; color: #999; font-size: 1.8em; font-weight: 400; line-height: 3.5rem; overflow: hidden; -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.3s, opacity 0.3s, transform 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }
    .btn-product-icon:hover, .btn-product-icon:active { border-color: #2A9CF5; color: #fff; background-color: #2A9CF5; }
    .btn-product-icon.btn-cart, .btn-product-icon.btn-quickview { font-size: 1.6em; }
    .btn-product-icon.btn-compare { font-size: 2em; }
.product-action-vertical .btn-product-icon { border-radius: 50%; }
.btn-product-icon.btn-cart { margin-bottom: 0.2rem; }
.btn-product-icon.loading { background-color: rgba(255, 255, 255, 0.2); }
    .btn-product-icon.loading::before { opacity: 0.4; }

.product-action { position: absolute; right: 0; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; z-index: 10; -webkit-transition: opacity 0.3s, visibility 0.3s, bottom 0.3s; transition: opacity 0.3s, visibility 0.3s, bottom 0.3s; opacity: 0; visibility: hidden; }

.product-action-vertical { position: absolute; top: 1.5rem; left: 1.5rem; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; opacity: 0; visibility: hidden; }

.product-action-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: -5px 5px 8px rgba(0, 0, 0, 0.08); box-shadow: -5px 5px 8px rgba(0, 0, 0, 0.08); right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); bottom: 0; width: 166px; max-width: 80%; border-radius: 3px; padding: 5px; opacity: 0; visibility: visible; -webkit-transition: opacity 0.3s, visibility 0.3s, bottom 0.3s; transition: opacity 0.3s, visibility 0.3s, bottom 0.3s; }
    .product-action-horizontal .btn-product-icon { margin-bottom: 0; border: none; color: #333; }
        .product-action-horizontal .btn-product-icon.btn-wishlist { font-size: 1.7em; }
        .product-action-horizontal .btn-product-icon.btn-compare { font-size: 1.9em; }

        .product-action-horizontal .btn-product-icon:hover, .product-action-horizontal .btn-product-icon:active, .product-action-horizontal .btn-product-icon:focus,
        .product-hidden-details .btn-product-icon:hover,
        .product-hidden-details .btn-product-icon:active,
        .product-hidden-details .btn-product-icon:focus,
        .product-list .product-details .btn-product-icon:hover,
        .product-list .product-details .btn-product-icon:active,
        .product-list .product-details .btn-product-icon:focus { background-color: transparent; color: #2A9CF5; }

.product-details { position: relative; padding-top: 1.7rem; background-color: #fff; padding: 1.7rem 1rem 0; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }
    .product-details > .btn-wishlist { position: absolute; top: 1.7rem; left: 0; color: #999999; font-size: 1.8em; z-index: 1; }
        .product-details > .btn-wishlist.loading { left: 1.8rem; }
            .product-details > .btn-wishlist.loading::after { right: 0.9rem; top: 0.9rem; }
        .product-details > .btn-wishlist:hover { color: #2A9CF5; }
            .product-details > .btn-wishlist:hover i { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }

.product-hidden-details .product-action { position: relative; visibility: hidden; opacity: 0; }
    .product-hidden-details .product-action .btn-wishlist { position: static; }
.product-hidden-details .btn-cart { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 9.5rem; max-width: 12.3rem; height: 3.5rem; padding: 0.92em 0; font-size: 1.3rem; font-weight: 600; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; z-index: 1; background-color: #454545; border-radius: 0.3rem; }
    .product-hidden-details .btn-cart:hover { background-color: #2A9CF5; border-color: #2A9CF5; }
    .product-hidden-details .btn-cart i { margin: 0; display: none; }
.product-hidden-details .btn-product-icon { visibility: hidden; opacity: 0; }

.product-hidden-details .btn-product-icon, .product-list .product-details .btn-product-icon { width: 3rem; height: 3.5rem; margin: 0 1rem 0 0; border: none; color: #333; text-align: center; }
    .product-hidden-details .btn-product-icon.btn-compare, .product-list .product-details .btn-product-icon.btn-compare { margin-right: 0.8rem; }

.product-hidden-details .btn-wishlist, .product-list .btn-wishlist { font-size: 1.8rem; }
.product-hidden-details .btn-compare, .product-list .btn-compare { font-size: 2rem; }

.product-name { margin-bottom: 0.7rem; font-size: 1.3rem; font-weight: 500; min-height: 50px; line-height: 2.3rem; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ }
    .product-name a { color: inherit; }
        .product-name a:hover { color: #2A9CF5; }

.product-cat { margin-bottom: 0.5rem; font-size: 1.1rem; color: #999; line-height: 1; text-transform: uppercase; }
    .product-cat a { display: inline-block; color: inherit; }
        .product-cat a:hover { color: #2A9CF5; }

.product-variations { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .product-variations > a { border: 1px solid #ccc; background-position: center; background-repeat: no-repeat; background-color: #fff; width: 2.6rem; height: 2.6rem; border-radius: 0.3rem; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; }
        .product-variations > a:not(:last-child) { margin-left: 0.8rem; }
        .product-variations > a:not(.color).active,
        .product-variations > a:not(.color):hover { border: 1px solid #2A9CF5; }

.ratings-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; margin-bottom: 0.6rem; font-size: 1.2rem; }

.ratings-full,
.ratings { position: relative; font-family: "wolmart"; letter-spacing: 0.2em; }

.ratings-full { cursor: pointer; margin-left: 0.5rem; }
    .ratings-full::before { content: "" "" "" "" ""; color: rgba(0, 0, 0, 0.16); white-space: nowrap; }
    .ratings-full:hover .tooltiptext { visibility: visible; opacity: 1; }

.ratings { position: absolute; top: 0; right: 0; white-space: nowrap; overflow: hidden; }
    .ratings::before { content: "" "" "" "" ""; color: #666; }

.rating-reviews { margin: 2px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; font-size: 1.2rem; color: #aaa; }
    .rating-reviews:hover { color: #2A9CF5; }

.product-price { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.6; -webkit-transition: visibility 0.4s, opacity 0.4s; transition: visibility 0.4s, opacity 0.4s; }
    .product-price .old-price { font-weight: 400; color: #777; font-size: 10pt; }
    .product-price .new-price { color: #333; text-decoration: none; }
    /*.product-price .new-price:not(:last-child) { margin-left: 1rem; }*/
    .product-price:not(:last-child) { margin-bottom: 2rem; margin-top: 1rem; }



.sold-by { margin-bottom: 0.5rem; font-size: 1.2rem; color: #666; }
    .sold-by a { color: #2A9CF5; }

.product-wrap { /*margin-bottom: 2rem;*/ border:1px solid #efefef }

.product-simple:hover .product-price { visibility: hidden; opacity: 0; }

.product-slideup-content { overflow: hidden; }
    .product-slideup-content .product-hidden-details { position: absolute; top: 100%; right: 0; width: 100%; padding-top: 1.5rem; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; background-color: #fff; }
    .product-slideup-content .product-details { background-color: #fff; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
    .product-slideup-content .btn-wishlist { -webkit-transform: translateX(150%); transform: translateX(150%); }
    .product-slideup-content .btn-compare { -webkit-transform: translateX(300%); transform: translateX(300%); }
    .product-slideup-content:hover .product-details,
    .product-slideup-content:hover .product-hidden-details { -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    .product-slideup-content:hover .btn-product-icon { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; }

.product-image-gap { padding: 0.9rem; border: 1px solid #eee; background-color: #fff; }
    .product-image-gap .product-details { padding: 1.8rem 1rem 1rem; }
    .product-image-gap.product-classic .product-action { right: 0; bottom: 0; }
    .product-image-gap:hover { -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05); }

.product-widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .product-widget .product-name { font-size: 1.3rem; white-space: normal; line-height: 1.45; margin-bottom: 0.6rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.product-widget { padding: 1rem 0; }
    .product-widget .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 11rem; flex: 0 0 11rem; margin: 0 0 0 1rem; max-width: 11rem; padding: 0 0 0 1rem; }
    .product-widget .product-details { padding: 0 0 0 1rem; }
    .product-widget .product-name { margin-bottom: 0.7rem; color: #666; }
    .product-widget .product-price { font-size: 1.5rem; }
.sidebar .product-widget { padding: 1rem 0; }
    .sidebar .product-widget .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 35.73%; flex: 0 0 35.73%; max-width: 35.73%; min-width: 33.33%; margin-left: 1rem; padding: 0; }
    .sidebar .product-widget .product-name { margin-bottom: 0.6rem; color: #333; }
    .sidebar .product-widget .ratings-container { margin-bottom: 0.5rem; }

.product.text-center .ratings-container { text-align: start; }
.product.text-center .ratings-container,
.product.text-center .product-action { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.product .product-pa-wrapper { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
    .product .product-pa-wrapper .product-price { margin-bottom: 0; }
    .product .product-pa-wrapper .product-action { bottom: -1rem; }
    .product .product-pa-wrapper .load-more-overlay.loading::after { top: 0; }
.product:hover .product-pa-wrapper .product-action { bottom: 0; }

.product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 2rem; }
    .product-list .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 26rem; flex: 0 0 26rem; max-width: 26rem; margin-left: 2rem; }
    .product-list .product-details { padding: 0; }
    .product-list .product-name { font-size: 1.8rem; font-weight: 600; margin-bottom: 0.5rem; }
    .product-list .ratings-container { margin-bottom: 0.9rem; }
    .product-list .product-price { margin-bottom: 0.6rem; font-size: 1.8rem; }
    .product-list .product-action { position: relative; visibility: visible; opacity: 1; }
    .product-list .product-desc { margin-bottom: 3.9rem; font-size: 1.3rem; color: #666; line-height: 1.9; }
        .product-list .product-desc li { position: relative; padding-right: 2rem; line-height: 1.86; }
            .product-list .product-desc li::before { position: absolute; display: block; right: 0; top: 1px; content: ""; font-family: "wolmart"; font-weight: 700; }
    .product-list .btn-product { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding: 0.86em 0.5em; max-width: 17.6rem; background-color: transparent; border: 2px solid #ccc; color: #333; font-size: 1.4rem; border-radius: 0.3rem; -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s; }
        .product-list .btn-product:hover { background-color: #2A9CF5; border-color: #2A9CF5; color: #fff; }
        .product-list .btn-product i.w-icon-cart { margin: 0 0 0 0.8rem; font-size: 1.7rem; }

.product-absolute::before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.6); opacity: 0; z-index: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.product-absolute .product-name { position: absolute; right: 0; left: 0; padding: 0 1rem; white-space: normal; margin-bottom: 0; top: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; margin-top: 1rem; -webkit-transition: margin-top 0.3s, opacity 0.3s; transition: margin-top 0.3s, opacity 0.3s; opacity: 0; z-index: 1; }
/*.product-absolute .product-name:hover a { text-decoration: underline; }*/
.product-absolute:hover { -webkit-box-shadow: 0 2rem 1.6rem -1.6rem rgba(0, 0, 0, 0.5); box-shadow: 0 2rem 1.6rem -1.6rem rgba(0, 0, 0, 0.5); }
    .product-absolute:hover::before { opacity: 1; }
    .product-absolute:hover .product-name { margin-top: 0; opacity: 1; }
        .product-absolute:hover .product-name a { color: #fff; }


@media (max-width: 575px) {
    .product-list { display: block; margin-bottom: 2rem; }
        .product-list .product-media { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 2rem 0; }
}

@media (max-width: 479px) {
    .product:not(.product-list) { font-size: 0.8rem; }
        .product:not(.product-list) .btn-product-icon { width: 3rem; height: 3rem; }
        .product:not(.product-list) .product-label-group { top: 1rem; right: 1rem; }
        .product:not(.product-list) .product-action-vertical { top: 1rem; left: 1rem; }

    .product-hidden-details .btn-cart { max-width: 3.5rem; min-width: auto; }
        .product-hidden-details .btn-cart i { display: block; }
        .product-hidden-details .btn-cart span { display: none; }
}
/*-------------------------------
    Social Links
        - Default Style
        - Other Styles
            - No Border
            - Inline Style
--------------------------------*/
.social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.social-icon { font-size: 1.4rem; width: 32px; height: 32px; margin: 2px 0 2px 10px; line-height: 28px; border: 2px solid #ccc; border-radius: 50%; color: inherit; -webkit-transition: color 0.4s, border 0.4s, background-color 0.4s; transition: color 0.4s, border 0.4s, background-color 0.4s; text-align: center; }
.border-thin .social-icon { border-width: 1px; line-height: 3rem; }
.social-icon:last-child { margin-left: 0; }
.social-icon.social-facebook { color: #1b4f9b; }
.social-icon.social-twitter { color: #00adef; }
.social-icon.social-instagram { color: #cc0001; }
.social-icon.social-youtube { color: #2c567e; }
.social-icon.social-pinterest { color: #f96a02; }
.social-icon.social-google { color: #dd4b39; }
.social-icon.social-linkedin { color: #0073b2; }
.social-icon.social-email { color: #dd4b39; }
.social-icon.social-whatsapp { color: #3c8a38; }

.social-icons-colored .social-icon { color: #fff; }
    .social-icons-colored .social-icon.social-facebook { border-color: #1b4f9b; background-color: #1b4f9b; }
    .social-icons-colored .social-icon.social-twitter { border-color: #00adef; background-color: #00adef; }
    .social-icons-colored .social-icon.social-instagram { border-color: #cc0001; background-color: #cc0001; }
    .social-icons-colored .social-icon.social-youtube { border-color: #2c567e; background-color: #2c567e; }
    .social-icons-colored .social-icon.social-pinterest { border-color: #f96a02; background-color: #f96a02; }
    .social-icons-colored .social-icon.social-google { border-color: #dd4b39; background-color: #dd4b39; }
    .social-icons-colored .social-icon.social-linkedin { border-color: #0073b2; background-color: #0073b2; }
    .social-icons-colored .social-icon.social-email { border-color: #dd4b39; background-color: #dd4b39; }
    .social-icons-colored .social-icon.social-whatsapp { border-color: #3c8a38; background-color: #3c8a38; }

.social-no-color .social-icon { border-color: #cdcdcd; color: #666; }
    .social-no-color .social-icon:hover, .social-no-color .social-icon:focus { color: #fff; }
        .social-no-color .social-icon:hover.social-facebook, .social-no-color .social-icon:focus.social-facebook { background-color: #1b4f9b; border-color: #1b4f9b; }
        .social-no-color .social-icon:hover.social-twitter, .social-no-color .social-icon:focus.social-twitter { background-color: #00adef; border-color: #00adef; }
        .social-no-color .social-icon:hover.social-instagram, .social-no-color .social-icon:focus.social-instagram { background-color: #cc0001; border-color: #cc0001; }
        .social-no-color .social-icon:hover.social-youtube, .social-no-color .social-icon:focus.social-youtube { background-color: #2c567e; border-color: #2c567e; }
        .social-no-color .social-icon:hover.social-pinterest, .social-no-color .social-icon:focus.social-pinterest { background-color: #f96a02; border-color: #f96a02; }
        .social-no-color .social-icon:hover.social-google, .social-no-color .social-icon:focus.social-google { border-color: #dd4b39; background-color: #dd4b39; }
        .social-no-color .social-icon:hover.social-linkedin, .social-no-color .social-icon:focus.social-linkedin { border-color: #0073b2; background-color: #0073b2; }
        .social-no-color .social-icon:hover.social-email, .social-no-color .social-icon:focus.social-email { border-color: #dd4b39; background-color: #dd4b39; }
        .social-no-color .social-icon:hover.social-whatsapp, .social-no-color .social-icon:focus.social-whatsapp { border-color: #3c8a38; background-color: #3c8a38; }

.social-icon-border-color .social-icon { background-color: #fff; border-width: 1px; }
    .social-icon-border-color .social-icon.social-facebook { color: #1b4f9b; border-color: #1b4f9b; }
    .social-icon-border-color .social-icon.social-twitter { color: #00adef; border-color: #00adef; }
    .social-icon-border-color .social-icon.social-instagram { color: #cc0001; border-color: #cc0001; }
    .social-icon-border-color .social-icon.social-youtube { color: #2c567e; border-color: #2c567e; }
    .social-icon-border-color .social-icon.social-pinterest { color: #f96a02; border-color: #f96a02; }
    .social-icon-border-color .social-icon.social-google { border-color: #dd4b39; color: #dd4b39; }
    .social-icon-border-color .social-icon.social-linkedin { border-color: #0073b2; color: #0073b2; }
    .social-icon-border-color .social-icon.social-email { border-color: #dd4b39; color: #dd4b39; }
    .social-icon-border-color .social-icon.social-whatsapp { border-color: #3c8a38; color: #3c8a38; }
    .social-icon-border-color .social-icon:hover { color: #fff; }
        .social-icon-border-color .social-icon:hover.social-facebook { background-color: #1b4f9b; }
        .social-icon-border-color .social-icon:hover.social-twitter { background-color: #00adef; }
        .social-icon-border-color .social-icon:hover.social-instagram { background-color: #cc0001; }
        .social-icon-border-color .social-icon:hover.social-youtube { background-color: #2c567e; }
        .social-icon-border-color .social-icon:hover.social-pinterest { background-color: #f96a02; }
        .social-icon-border-color .social-icon:hover.social-google { background-color: #dd4b39; }
        .social-icon-border-color .social-icon:hover.social-linkedin { background-color: #0073b2; }
        .social-icon-border-color .social-icon:hover.social-email { background-color: #dd4b39; }
        .social-icon-border-color .social-icon:hover.social-whatsapp { background-color: #3c8a38; }

/* ------------------------------------
    Sidebar
        - Base
        - Sidebar Elements
        - Fixed Sidebar
        - Right Sidebar
        - Tag
        - Blog Sidebar
------------------------------------- */
.sidebar-active .sidebar .sidebar-overlay,
.right-sidebar-active .right-sidebar .sidebar-overlay { visibility: visible; opacity: 0.5; }
.sidebar-active .sidebar .sidebar-close,
.right-sidebar-active .right-sidebar .sidebar-close { opacity: 1; visibility: visible; }
.sidebar-active .sidebar .sidebar-content,
.right-sidebar-active .right-sidebar .sidebar-content { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }

.sidebar-overlay, .sidebar-toggle, .sidebar-content, .sidebar-close { position: fixed; top: 0; right: 0; z-index: 2200; }

.sidebar-overlay { left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; -webkit-transition: visibility 0.4s, opacity 0.4s; transition: visibility 0.4s, opacity 0.4s; }

.sidebar-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 206px; width: 40px; height: 40px; font-size: 1.4rem; color: #fff; background-color: #222; opacity: 0.6; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; }
    .sidebar-toggle:hover { opacity: 0.8; color: #fff; }

.right-sidebar .sidebar-toggle { border-radius: 0 0.3rem 0.3rem 0; }

.left-sidebar .sidebar-toggle { border-radius: 0.3rem 0 0 0.3rem; }

.sidebar-close { opacity: 0; visibility: hidden; margin: 0; right: calc(100vw - 50px); top: 25px; z-index: 2201; -webkit-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; }

.sidebar-content { bottom: 0; width: 31rem; padding: 2rem; -webkit-transform: translateX(100%); transform: translateX(100%); overflow: auto; background-color: #fff; opacity: 0; line-height: 1.3; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; }

.widget:not(.widget-collapsible) .widget-title { border: none; }

.sidebar .widget:last-child .widget-body { padding-bottom: 0; }

.right-sidebar { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
    .right-sidebar .sidebar-toggle { right: auto; left: 0; }
    .right-sidebar .sidebar-close { right: 10px; padding: 10px; }
    .right-sidebar .sidebar-content { -webkit-transform: translateX(-100%); transform: translateX(-100%); right: auto; left: 0; }

        .right-sidebar .sidebar-content::-webkit-scrollbar { width: 0; }

.filter-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.8rem 0 1.7rem; }
    .filter-actions label { font-size: 1.6rem; font-weight: 600; letter-spacing: -0.025em; color: #333; }
    .filter-actions .filter-clean { padding-bottom: 0; text-transform: capitalize; font-weight: 400; }

.price-range { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1.3rem 0 1rem; }
    .price-range input { padding: 0.5rem; font-family: yekan; color: #999; border: 1px solid #ccc; border-radius: 3px; width: 62px; height: 37px; line-height: 37px; vertical-align: middle; -webkit-appearance: textfield; }
        .price-range input::-webkit-outer-spin-button, .price-range input::-webkit-inner-spin-button { -webkit-appearance: none; }
        .price-range input::-webkit-input-placeholder { color: inherit; }
        .price-range input::placeholder, .price-range input::-webkit-input-placeholder, .price-range input::-moz-placeholder { color: inherit; }
    .price-range .delimiter { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0.65rem; font-size: 1.9rem; font-weight: 600; color: #999; }
    .price-range .btn { padding: 0; font-size: 1.3rem; font-weight: 400; width: 4.8rem; height: 3.7rem; vertical-align: middle; line-height: 2.6; margin-right: 1rem; text-transform: none; }

.filter-items { font-size: 1.4rem; }
    .filter-items a { position: relative; display: block; color: inherit; padding: 1rem 0.2rem 1rem 0; }
        .filter-items a:hover { color: #2A9CF5; }
    .filter-items.item-check a { padding-right: 2.8rem !important; }
        .filter-items.item-check a::before { content: ""; position: absolute; border: 1px solid; border-radius: 2px; width: 18px; height: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 2px; color: #999; font-size: 1rem; font-weight: 900; font-family: "FontAwesome"; text-align: center; text-indent: 1px; line-height: 1.3em; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
    .filter-items.item-check a::before { text-indent: 0; }
}

.filter-items.item-check .active > a::before { content: ""; background-color: #2A9CF5; width: 20px; height: 20px; color: #fff; border-radius: 3px; right: 1px; padding-top: 3px; font-weight: 600; }
.filter-items.search-ul a::before { content: none; }
.filter-items .show > a { color: #2A9CF5; }
    .filter-items .show > a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.filter-items li span { position: absolute; left: 0; color: #ccc; }
.filter-items .with-ul > a > i { position: absolute; left: 0; line-height: 0; font-size: 1.2rem; font-weight: 600; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; top: 50%; }
.filter-items ul { display: none; position: relative; padding-right: 1.2rem; margin: 0.2rem 0; }
    .filter-items ul::before { content: ""; position: absolute; right: 0px; top: 7px; bottom: 7px; border-right: 1px solid #eee; }
    .filter-items ul a { font-size: 1.3rem; color: #999; padding: 0.45rem 0; }

.toolbox-horizontal .sidebar-fixed { max-width: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.toolbox-horizontal.toolbox .left-sidebar-toggle { padding: 0.65em; margin-bottom: 0; }
.toolbox-horizontal .select-menu select,
.toolbox-horizontal .toolbox-show select { padding-top: 0.65em; padding-bottom: 0.65em; }
.toolbox-horizontal .toolbox-show select { padding-right: 1.4rem; padding-left: 3.1rem; }
.toolbox-horizontal .select-box::before { left: 0.9rem; }
.toolbox-horizontal .toolbox-layout { margin-right: 2rem; }
.toolbox-horizontal .select-menu:not(.toolbox-sort) { display: block; }
    .toolbox-horizontal .select-menu:not(.toolbox-sort)::before { content: none; }
.toolbox-horizontal .select-menu-toggle { font-size: 1.6rem; font-weight: 600; color: #333; padding: 1.3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eee; }
.toolbox-horizontal .filter-items { padding: 0.7rem 0 1rem; }
    .toolbox-horizontal .filter-items a:not(.btn) { padding: 1rem 0; color: #333; }
    .toolbox-horizontal .filter-items .btn { color: #fff; }

@media (min-width: 992px) {
    .toolbox-horizontal { padding: 2rem; margin: -2rem; }
        .toolbox-horizontal .sidebar-fixed .sidebar-content.toolbox-left { padding-bottom: 0; }
        .toolbox-horizontal .toolbox-left .toolbox-item { margin-left: 1rem; margin-bottom: 1rem; }
            .toolbox-horizontal .toolbox-left .toolbox-item.opened .filter-items { opacity: 1; visibility: visible; }
        .toolbox-horizontal .filter-items { position: absolute; top: 100%; margin-top: 0.5rem; min-width: 23rem; padding: 1rem 2rem 2rem; font-size: 1.2rem; color: #333; visibility: hidden; opacity: 0; z-index: 100; -webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 16px rgba(0, 0, 0, 0.12); background-color: #fff; }
            .toolbox-horizontal .filter-items li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 1rem 0 0 0.5rem; }
            .toolbox-horizontal .filter-items a:not(.btn) { background: #f5f5f5; padding: 0.5em 1em; border-radius: 0.3rem; }
            .toolbox-horizontal .filter-items .active > a { background-color: #2A9CF5; color: #fff; }
        .toolbox-horizontal .select-menu::before { font-size: 1.1rem; left: 1rem; color: #333; }
        .toolbox-horizontal .select-menu-toggle { position: relative; border: 1px solid #ccc; font-weight: 400; font-size: 1.2rem; color: #222; line-height: 1.5; padding: 0.65em 1.2em 0.65em 4.3em; text-transform: none; border-radius: 0.3rem; -webkit-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s; }
            .toolbox-horizontal .select-menu-toggle::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0.9rem; font-family: "wolmart"; content: ""; font-size: 1.1rem; font-weight: 600; line-height: 1; }
        .toolbox-horizontal .filter-items.item-check a { padding-right: 1em !important; }
            .toolbox-horizontal .filter-items.item-check a::before { content: none; }
        .toolbox-horizontal .price-range { margin: 0; }
}

.shop-sidebar { position: relative; }
    .shop-sidebar .widget-body { margin-bottom: 1rem; }
    .shop-sidebar .filter-price-text { font-size: 1.3rem; letter-spacing: -0.025em; }

.widget-icon-box { padding: 0 2rem; border-radius: 0.5rem; border: 1px solid #eee; }
    .widget-icon-box .icon-box-side { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; padding: 2rem 0; }
        .widget-icon-box .icon-box-side:not(:last-child) { border-bottom: 1px solid #eee; }
    .widget-icon-box i.w-icon-truck { font-size: 3.4rem; }
    .widget-icon-box i.w-icon-bag, .widget-icon-box i.w-icon-money { font-size: 3rem; }
    .widget-icon-box .icon-box-title { font-weight: 600; }
    .widget-icon-box p { color: #999; }

.widget-banner .banner-content { right: 10.7%; bottom: 12.5%; }
.widget-banner .banner-price-info { margin-right: -2px; margin-bottom: 0.2rem; font-size: 4.6em; }
.widget-banner sup { margin-right: 1px; vertical-align: 12px; font-size: 0.652em; }
.widget-banner sub { margin-right: -1.7em; vertical-align: 0; font-size: 0.26em; }
.widget-banner .banner-subtitle { font-size: 1.6rem; }

.widget.widget-products .title { margin-bottom: 0.7rem; font-size: 1.6rem; }
    .widget.widget-products .title.title-link::before { height: 2px; background-color: #666; bottom: -0.7rem; }
.widget.widget-products .swiper-button-next,
.widget.widget-products .swiper-button-prev { top: -4.5rem; left: -0.5rem; font-size: 1.6rem; font-weight: 600; }
.widget.widget-products .swiper-button-prev { left: 0.3rem; }
.widget.widget-products .swiper-button-next { left: 0.2rem; }

.blog-sidebar .widget .widget-title { cursor: default; }
.blog-sidebar .widget .widget-body { padding: 0; }
.blog-sidebar .widget:not(:last-child) .widget-body { margin-bottom: 2.5rem; }
.blog-sidebar .widget:last-child .widget-body { margin-bottom: 1rem; }
.blog-sidebar .widget .widget-title { margin-bottom: 1rem; }

.widget-search-form .form-control { border-radius: 0 0.3rem 0.3rem 0; font-size: 1.2rem; color: #777; }
.widget-search-form .btn-search { padding: 0.9em 1.07em 1em; border-width: 1px 0 1px 1px; border-color: #eee; border-radius: 0.3rem 0 0 0.3rem; }
    .widget-search-form .btn-search i { font-size: 1.8rem; }
    .widget-search-form .btn-search:hover, .widget-search-form .btn-search:active, .widget-search-form .btn-search:focus { background-color: #fff; color: #2A9CF5; }

.widget-posts .swiper-button-next, .widget-posts .swiper-button-prev { top: -4.2rem; border: none; width: auto; height: auto; font-size: 1.5rem; font-weight: 600; }
    .widget-posts .swiper-button-next:not(.swiper-button-disabled):hover, .widget-posts .swiper-button-prev:not(.swiper-button-disabled):hover { background-color: #fff; color: #2A9CF5; }
.widget-posts .swiper-button-prev { left: 0.4rem; }
.widget-posts .swiper-button-next { left: 0.3rem; }

.widget-custom-block p { line-height: 1.6; }

.tags .tag { display: inline-block; margin: 0.5rem 0 0.5rem 1rem; padding: 0.5rem 0.9rem; font-size: 1.3rem; border: 1px solid #ccc; line-height: 1.35; text-transform: capitalize; color: #333; border-radius: 0.3rem; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; }
    .tags .tag:hover { border-color: #2A9CF5; color: #2A9CF5; }

.vendor-sidebar .widget-collapsible .widget-body { padding-top: 2rem; padding-bottom: 3rem; }
.vendor-sidebar .widget-categories .widget-body { padding: 0.7rem 0 2rem; }
.vendor-sidebar .widget-time .widget-body { padding: 0.3rem 0 2rem; }
.vendor-sidebar .widget.widget-products .widget-body { padding: 1rem 0 2rem; }
.vendor-sidebar .product-widget .product-media { padding-right: 0.2rem; }
.vendor-sidebar .product-widget .product-details { padding-bottom: 0.8rem; }
.vendor-sidebar .product-widget .product-name { margin-bottom: 0.6rem; }
.vendor-sidebar .product-widget .ratings-container { margin-bottom: 0.4rem; }
.vendor-sidebar .product-widget .product-price { font-size: 1.6rem; }

.widget-contact .form-control { padding-right: 1.5rem; padding-left: 1.5rem; font-size: 1.3rem; border-color: #e1e1e1; border-radius: 0.3rem; }
.widget-contact input { min-height: 4.4rem; padding-top: 0.9rem; padding-bottom: 1rem; margin-bottom: 1rem; }
.widget-contact textarea { min-height: 17.4rem; padding-top: 1.1rem; padding-bottom: 1.1rem; margin-bottom: 2rem; }

.widget-time li { padding: 1rem 0; }
.widget-time label::after { content: "-"; display: inline-block; margin-right: 0.4rem; }
.widget-time .widget-body span { display: inline-block; width: 11rem; font-weight: 600; color: #333; }

.widget-wcmp-contact .form-control { margin-bottom: 2rem; border-radius: 0.3rem; color: #666; }
.widget-wcmp-contact input { min-height: 4rem; }
.widget-wcmp-contact textarea { max-height: 12.4rem; }

.widget-search-products input { min-height: 4rem; margin-left: 0.5rem; color: #666; border-radius: 0.3rem; }
.widget-search-products .btn { padding: 0.86em 1em; background-color: #eee; border-color: #eee; color: #333; }
    .widget-search-products .btn:hover, .widget-search-products .btn:focus, .widget-search-products .btn:active { background-color: #333; border-color: #333; color: #fff; }

@media (min-width: 992px) {
    .sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 31rem; flex: 0 0 31rem; max-width: 31rem; }

    .main-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

    .row .main-content { max-width: calc( 100% - 31rem ); }

    .shop-sidebar.sidebar-fixed .sidebar-content { padding: 0 0 2rem; }

    .sidebar-fixed .sidebar-toggle,
    .sidebar-fixed .sidebar-overlay { display: none; }
    .sidebar-fixed .sidebar-content { position: relative; overflow: visible; padding: 0; opacity: 1; z-index: 2; width: auto; -webkit-transform: none; transform: none; }

    .shop-content { overflow: hidden; }
}

@media (max-width: 991px) {
    .sidebar-active .page-wrapper { margin-right: 310px; margin-left: -310px; }
    .right-sidebar-active .page-wrapper { margin-right: -310px; margin-left: 310px; }
}

@media (max-width: 479px) {
    .sidebar-content { width: 27rem; }

    .sidebar-active .page-wrapper { margin-right: 27rem; margin-left: -27rem; }
    .right-sidebar-active .page-wrapper { margin-right: -27rem; margin-left: 27rem; }

    .widget-icon-box .icon-box-side { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .widget-icon-box .icon-box-icon { margin: 0 0 0.5rem; }
    .widget-icon-box .icon-box-content { text-align: center; }
}
/* -------------------------------------------
    Tab
---------------------------------------------- */
.tab-content { background-color: #fff; }

.nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #eee; color: #333; }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-item .nav-link.active,
    .nav-tabs .nav-item:hover .nav-link { color: #2A9CF5; }

.nav-link { display: block; position: relative; font-size: 1.4rem; font-weight: 600; color: inherit; line-height: 1; letter-spacing: 0; text-align: center; text-transform: uppercase; border-radius: 0; border: 0; padding: 1.5rem 2.85rem; -webkit-transition: border 0.3s, color 0.3s, background-color 0.3s; transition: border 0.3s, color 0.3s, background-color 0.3s; }

.nav-item:not(:last-child) { margin-left: 3rem; }

.nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.tab-content { position: relative; }
    .tab-content > .tab-pane { position: absolute; right: 0; left: 0; top: 0; bottom: 0; height: 0; opacity: 0; z-index: -1; -webkit-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; overflow: hidden; visibility: hidden; }
    .tab-content > .active { visibility: visible; opacity: 1; height: auto; position: relative; z-index: auto; }

.tab-pane { font-size: 1.3rem; line-height: 1.7; padding: 1.3rem 0; color: #666; }
    .tab-pane p { margin-bottom: 0; font-size: inherit; letter-spacing: 0; line-height: 2; }

.tab-nav-boxed .nav-item:not(:last-child) { margin-left: 0.5rem; }

.tab-nav-solid .nav-tabs { border-bottom: 0; }
.tab-nav-solid .nav-item.show .nav-link,
.tab-nav-solid .nav-item .nav-link.active,
.tab-nav-solid .nav-item:hover .nav-link { color: #fff; background-color: #2A9CF5; border-color: #2A9CF5; }
.tab-nav-solid .nav-link { background-color: #f5f5f5; border-color: #f5f5f5; margin-bottom: 0.5rem; }
.tab-nav-solid .tab-pane { padding: 0.8rem 0 1.4rem; }

.tab-nav-solid2 .nav-item.show .nav-link,
.tab-nav-solid2 .nav-item .nav-link.active,
.tab-nav-solid2 .nav-item:hover .nav-link { color: #2A9CF5; background-color: #f5f5f5; border-color: #f5f5f5; }
.tab-nav-solid2 .nav-item:not(:last-child) { margin-left: 2rem; }
.tab-nav-solid2 .nav-link { color: #333; }
.tab-nav-solid2 .tab-content { border: 1px solid #eee; }

.tab-boxed .nav-tabs { border-bottom: 0; }
.tab-boxed .nav-link { padding: 1.45rem 2.95rem 1.55rem; margin-bottom: -0.1rem; z-index: 1; }
.tab-boxed .tab-pane { padding: 1.3rem 2rem 0; }
    .tab-boxed .tab-pane.active p { margin-bottom: 1.3rem; }

.tab-nav-outline .nav-tabs { border-bottom: 0; }
.tab-nav-outline .nav-item.show .nav-link,
.tab-nav-outline .nav-item .nav-link.active,
.tab-nav-outline .nav-item:hover .nav-link { border: 2px solid #2A9CF5; border-radius: 0.3rem; }
.tab-nav-outline .nav-link { color: #333; border: 2px solid transparent; padding: 1.3rem 2.85rem; }

.tab-nav-outline2 .nav { position: relative; z-index: 1; }
.tab-nav-outline2 .nav-item.show .nav-link,
.tab-nav-outline2 .nav-item .nav-link.active,
.tab-nav-outline2 .nav-item:hover .nav-link { border: 1px solid #eee; border-bottom-color: #fff; }
.tab-nav-outline2 .tab-content { border: 1px solid #eee; }
.tab-nav-outline2 .nav-item:not(:last-child) { margin-left: 0.7rem; }
.tab-nav-outline2 .nav-link { border: 1px solid transparent; padding: 1.4rem 2.85rem; margin-bottom: -1px; }

.tab-nav-outline3 .nav-tabs { border-bottom: 0; }
.tab-nav-outline3 .nav-item .nav-link::before { content: ""; display: block; position: absolute; right: 0; width: 3px; height: 100%; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); background-color: transparent; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; z-index: 1; }
.tab-nav-outline3 .nav-item.show .nav-link::before,
.tab-nav-outline3 .nav-item .nav-link.active::before,
.tab-nav-outline3 .nav-item:hover .nav-link::before { background-color: #2A9CF5; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }
.tab-nav-outline3 .nav-link { color: #333; border: 1px solid #eee; padding: 1.4rem 2rem 1.4rem 0; }

.tab-nav-underline .nav-item:not(:last-child) { margin-left: 3rem; }
.tab-nav-underline .nav-link { padding: 1.4rem 0; }
    .tab-nav-underline .nav-link::after { content: ""; display: block; position: absolute; bottom: -1px; right: 0; width: 100%; border-top: 3px solid transparent; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: border-color 0.3s, -webkit-transform 0.3s; transition: border-color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, border-color 0.3s; transition: transform 0.3s, border-color 0.3s, -webkit-transform 0.3s; }
.tab-nav-underline .nav-item.show .nav-link::after,
.tab-nav-underline .nav-item .nav-link.active::after,
.tab-nav-underline .nav-item:hover .nav-link::after { border-color: #2A9CF5; -webkit-transform: scaleX(1); transform: scaleX(1); }
.tab-nav-underline.type2 .nav-item { margin-left: 0; }
.tab-nav-underline.type2 .nav-link { padding: 1.4rem 1.5rem; }

.tab-nav-center .nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .tab-nav-center .nav .nav-item { margin: 0 1.5rem; }
.tab-nav-center.tab-nav-outline2 .nav-item { margin: 0 0.5rem; }

.tab-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .tab-vertical .nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 26.3%; }
    .tab-vertical .nav-item { margin-left: 0; }
    .tab-vertical .nav-link { position: relative; padding-right: 2.2rem; padding-left: 2rem; text-align: right; width: 100%; margin-bottom: 0.5rem; }
    .tab-vertical .tab-content { width: 73.7%; /*border-top: 1px solid #eee;*/ padding-right: 2rem; padding-top: 2% }
    .tab-vertical .tab-pane { padding-top: 1.3rem; }
    .tab-vertical.tab-nav-outline3 .nav { width: 27%; }
    .tab-vertical.tab-nav-outline3 .nav-link { padding-right: 2.1rem; }
    .tab-vertical.tab-nav-outline3 .tab-content { padding-right: 1.7rem; }

.tab-line-grow .tab-pane { padding: 1.7rem 0; }

.nav-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.5rem; font-size: 1.4rem; color: #666; line-height: 1; }
    .nav-filters li:not(:last-child) { margin-left: 1rem; }

.nav-filter { display: inline-block; position: relative; padding: 0.6rem 0 0.7rem; color: inherit; -webkit-transition: color 0.4s; transition: color 0.4s; }
    .nav-filter.active, .nav-filter:hover { color: #2A9CF5; }
    .nav-filter span { color: #aaa; margin-right: 0.6rem; }

.filter-underline .nav-filter::after { content: ""; display: block; height: 2px; border: 1px solid; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; }
.filter-underline .nav-filter.active::after, .filter-underline .nav-filter:hover::after { -webkit-transform: scale(1); transform: scale(1); }

.filter-boxed li { margin-bottom: 0.5rem; }
.filter-boxed .nav-filter { padding: 1.1rem 1.9rem; border: 1px solid #ccc; border-radius: 0.3rem; text-transform: uppercase; font-size: 1.3rem; font-weight: 600; color: #333; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; }
    .filter-boxed .nav-filter.active, .filter-boxed .nav-filter:hover { color: #2A9CF5; border-color: #2A9CF5; }

@media (max-width: 991px) {
    .filter-boxed { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
        .filter-boxed li { margin: 0 0.5rem 0.5rem !important; }
}

@media (max-width: 767px) {
    .tab-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
        .tab-vertical .tab-content,
        .tab-vertical .nav-tabs, .tab-vertical.tab-nav-outline3 .nav { width: 100%; }

    .tab-line-grow .tab-content { padding-left: 1rem; padding-right: 1rem; }
}

@media (max-width: 575px) {
    .tab-nav-outline2 .nav-link { padding-right: 1rem; padding-left: 1rem; }
}

.link-section { margin-bottom: 2.8rem; }
    .link-section .title { margin-bottom: 0.9rem; }

.side-tab-section { margin-bottom: 1.1rem; }

/*----------------------------
    Titles
        - Default
        - Simple
            - Link icon
            - Tab boxed
            - Tab link
        - Center
-----------------------------*/
/*  Default */
.title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-bottom: 1.7rem; font-size: 2rem; font-weight: 700; line-height: 1.2; }
    .title.title-link::before { position: absolute; content: ""; width: 100%; height: 3px; right: 0; bottom: -0.8rem; background-color: #2A9CF5; z-index: 1; }
    .title.title-sm { font-size: 1.6rem; }
    .title.title-md { font-size: 2rem; }
    .title.title-lg { font-size: 3rem; }

/* Simple */
.title-underline { position: relative; padding-bottom: 1.6rem; }
    .title-underline::before { content: none; }
    .title-underline::after { content: ""; position: absolute; right: 0; bottom: 0; margin-right: 0; width: 100%; height: 1px; background-color: #eee; }

.title-cross::before, .title-cross::after { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; content: ""; height: 2px; background-color: #eeeeee; }
.title-cross::before { margin-left: 3rem; }
.title-cross::after { margin-right: 3rem; }

@media (max-width: 479px) {
    .title-cross::before { margin-left: 1.5rem; }
    .title-cross::after { margin-right: 1.5rem; }
}

.title-link-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.3rem; }
    .title-link-wrapper .title { position: relative; margin-bottom: 0.8rem; padding: 0.8rem 0; }
    .title-link-wrapper a { margin-bottom: 0.2rem; margin-right: auto; text-transform: capitalize; font-weight: 600; letter-spacing: -0.025em; color: #333; }
        .title-link-wrapper a:hover { color: #2A9CF5; }
        .title-link-wrapper a i { vertical-align: middle; margin-right: 0.5rem; font-size: 1.35rem; display: inline-block; margin-bottom: 0.1rem; }
    .title-link-wrapper::after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; border-bottom: 1px solid #eee; }
    .title-link-wrapper.no-link .title-link { margin-bottom: 0.8rem; }

.tab-with-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .tab-with-title .nav-tabs { border-bottom: 0; }
    .tab-with-title .nav-item:not(:last-child) { margin-left: 2rem; }
    .tab-with-title .nav-link { font-size: 1.3rem; font-weight: 400; letter-spacing: 0; color: #333; text-transform: capitalize; padding: 0; }
    .tab-with-title.tab-nav-boxed { padding: 0.3rem 0; }
        .tab-with-title.tab-nav-boxed .title { margin-bottom: 0; margin-left: 2rem; }
        .tab-with-title.tab-nav-boxed .nav-item:not(:last-child) { margin-left: 1rem; }
        .tab-with-title.tab-nav-boxed .nav-item:last-child { margin: 0; }
        .tab-with-title.tab-nav-boxed .nav-link { border: 1px solid #ccc; border-radius: 0.3rem; padding: 0.85em 1.42em; font-weight: 600; text-transform: uppercase; }
            .tab-with-title.tab-nav-boxed .nav-link.active, .tab-with-title.tab-nav-boxed .nav-link:hover { border-color: #2A9CF5; }
    .tab-with-title.tab-nav-link { padding: 1.6rem 2rem 0.6rem; background: #f5f5f5; }
        .tab-with-title.tab-nav-link .title, .tab-with-title.tab-nav-link .nav-link { margin-bottom: 1rem; }
        .tab-with-title.tab-nav-link .title { margin-left: 2rem; }
    .tab-with-title.tab-nav-underline .nav-link::after { bottom: -1px; }
    .tab-with-title .nav-item.show .nav-link,
    .tab-with-title .nav-item .nav-link.active,
    .tab-with-title .nav-item:hover .nav-link { color: #2A9CF5; }

.title-separator { margin: 0 0.5rem; }

/* Center */
.title-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.tab-with-title.tab-nav-center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.2rem; }
    .tab-with-title.tab-nav-center .nav-tabs { margin: 0; }
    .tab-with-title.tab-nav-center .nav-item { margin: 0 1rem; }
    .tab-with-title.tab-nav-center .nav-link { padding: 0.8rem 0; }
        .tab-with-title.tab-nav-center .nav-link::after { bottom: 0; height: 0.3rem; border: none; background-color: #2A9CF5; }

.filter-with-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; }
    .filter-with-title .title { margin-bottom: 0.5rem; }

.title-section p { font-size: 1.3rem; color: #666; line-height: 2; letter-spacing: 0; }

@media (max-width: 991px) {
    .tab-with-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
        .tab-with-title .nav-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
        .tab-with-title.tab-nav-boxed .title { margin-bottom: 1rem; margin-left: 0; }
        .tab-with-title.tab-nav-boxed .nav-item { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
        .tab-with-title.tab-nav-boxed .nav-link { margin-bottom: 0.5rem; }
        .tab-with-title.tab-nav-link .nav-item { margin: 0 1rem !important; }
        .tab-with-title.tab-nav-link .title { margin-left: 0; }

    .filter-with-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
        .filter-with-title .title { margin-bottom: 1rem; }
        .filter-with-title .nav-filters { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
            .filter-with-title .nav-filters li { margin: 0 1.5rem; }
}

@media (max-width: 575px) {
    .title-link-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
        .title-link-wrapper .title-link { margin-bottom: 2rem; }
        .title-link-wrapper a { margin-right: 0; }
}
/*-----------------------------
    Tooltip
-----------------------------*/
.tooltiptext { position: absolute; padding: 1rem 0.7rem; bottom: 125%; right: 50%; background-color: #333; color: #fff; font: 400 1.3rem Poppins, sans-serif; letter-spacing: 0.01em; text-align: center; visibility: hidden; opacity: 0; -webkit-transform: translateX(50%); transform: translateX(50%); z-index: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.tooltip-top::after { content: ""; position: absolute; top: 96%; right: 50%; margin-right: -6px; border-width: 6px; border-style: solid; border-color: #333 transparent transparent transparent; }

/*-------------------------------------
    Widget
-------------------------------------*/
.widget-title { margin-bottom: 2rem; padding: 1.1rem 0; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: -0.025em; }

.widget-products .widget-title { font-size: 1.4rem; font-weight: 600; letter-spacing: -0.025em; padding-bottom: 0.8rem; }
.widget-products .widget-body { padding: 0 2rem; }
.widget-products.widget-products-bordered .widget-body { border: 1px solid #eee; }
.widget-products.widget-products-bordered .product-widget:not(:last-child) { border-bottom: 1px solid #eee; }
.widget-products .swiper-button-prev,
.widget-products .swiper-button-next { top: -1.7rem; left: -1rem; border: 0; color: #747474; font-weight: normal; width: 15px; height: 15px; }
    .widget-products .swiper-button-prev:not(.swiper-button-disabled):hover, .widget-products .swiper-button-prev:not(.swiper-button-disabled):focus, .widget-products .swiper-button-prev:not(.swiper-button-disabled):active,
    .widget-products .swiper-button-next:not(.swiper-button-disabled):hover,
    .widget-products .swiper-button-next:not(.swiper-button-disabled):focus,
    .widget-products .swiper-button-next:not(.swiper-button-disabled):active { background: transparent; border: 0; color: #2A9CF5; }
.widget-products .swiper-button-prev { -webkit-transform: translateX(50%); transform: translateX(50%); }
.widget-products .swiper-button-next { -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.sidebar .widget-products .widget-body { border: 0; padding: 0; }

.widget .widget-title { position: relative; margin: -0.1rem 0; padding: 1.4rem 0 1.4rem 2.5rem; font-weight: 600; font-size: 1.6rem; color: #333; letter-spacing: 0; border-bottom: 1px solid #eee; text-transform: capitalize; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.widget .widget-body { padding: 0.7rem 0 1rem; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; color: #333; }

.widget-collapsible .widget-title label { position: relative; padding: 0 0.2rem; }
    .widget-collapsible .widget-title label::after { position: absolute; content: ""; right: 0; bottom: -1.2rem; width: 100%; height: 2px; background-color: #666; }
.widget-collapsible .toggle-btn { left: 0.4rem; margin-top: -0.1rem; width: 10px; padding: 0; opacity: 1; }
    .widget-collapsible .toggle-btn::before, .widget-collapsible .toggle-btn::after { content: ""; position: absolute; border-top: 2px solid #666; width: 12px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.widget-collapsible > .collapsed .toggle-btn::before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.widget-collapsible > .collapsed .toggle-btn::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.widget-collapsible .collapsed + .widget-body { display: none; }
.widget-collapsible .collapsed ~ .widget-body { opacity: 0.1; }

/* ----------------------------------------
    Element Category Page
------------------------------------------*/
.category-default img { min-height: 20rem; }
.category-default .category-content { right: 3rem; }
.category-default .category-title { margin-bottom: 0; font-size: 2.2em; }
.category-default .category-count { opacity: 0.6; line-height: 1.2; }

.category-ellipse-section { margin-bottom: 5.2rem; }

.category-classic-section { background-color: #f8f8f8; }

.category-masonry-section { padding-bottom: 3.7rem; }
    .category-masonry-section .category-grid { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, calc( 100% / 4 )); margin: -1rem; }
        .category-masonry-section .category-grid > * { padding: 1rem; }
    .category-masonry-section .grid-item1 { -ms-grid-column-span: 2; grid-column-end: span 2; -ms-grid-row-span: 2; grid-row-end: span 2; }
    .category-masonry-section .grid-item2 { -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; }
    .category-masonry-section .grid-item3 { -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row-span: 2; grid-row-end: span 2; }
        .category-masonry-section .grid-item3 .category-banner, .category-masonry-section .grid-item3 figure, .category-masonry-section .grid-item3 img { height: 100%; }

@media (max-width: 991px) and (min-width: 768px) {
    .category-masonry-section .category-grid { grid-template-columns: repeat(auto-fill, calc( 100% / 3 )); }
    .category-masonry-section .grid-item3 { -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 3; grid-column-start: 3; -ms-grid-row-span: 3; grid-row-end: span 3; }
}

@media (max-width: 767px) {
    .category-masonry-section .category-grid { grid-template-columns: repeat(auto-fill, calc( 100% / 2 )); }
}

@media (max-width: 575px) {
    .page-title { font-size: 1.4rem !important; }

    .page-subtitle { font-size: 1.2rem; }
}

@media (max-width: 479px) {
    .category-masonry-section .grid-item2, .category-masonry-section .grid-item3 { -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-span: 2; grid-column-end: span 2; }
}
/*------------------------------------
    Element Product Page
-------------------------------------*/
.product-list-section { margin-bottom: 4.2rem; }
    .product-list-section .title-link-wrapper .title::after { height: 2px; background-color: #666; }

.product-wrapper.row [class*=col-] { margin-bottom: 2rem; }

.product:not(.product-single) .product-countdown-container { position: absolute; right: 10px; left: 10px; bottom: 10px; white-space: nowrap; overflow-x: auto; background-color: rgba(34, 34, 34, 0.8); color: #fff; letter-spacing: -0.025em; text-align: center; border-radius: 0.3rem; padding-right: 0; padding-left: 0; opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }
.product:not(.product-single) .countdown-row { display: -webkit-box; display: -ms-flexbox; display: flex; }
.product:not(.product-single) .countdown-section { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.9em 0 0.8em; }
.product:not(.product-single) .countdown-amount, .product:not(.product-single) .countdown-period { display: inline-block; }
.product:not(.product-single) .countdown-amount { font-size: 1.4em; font-weight: 700; line-height: 1.3; }
.product:not(.product-single) .countdown-period { font-size: 1em; font-weight: 500; opacity: 0.9; letter-spacing: -0.035em; }
.product:not(.product-single):hover .product-countdown-container { opacity: 0; visibility: hidden; }
.product:not(.product-single) .product-list .product-desc { margin-bottom: 3.9rem; line-height: 1.9; }

.product-sticky-content .product-list-sm { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.product-sticky-content .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 8.5rem; flex: 0 0 8.5rem; max-width: 8.5rem; height: 8.5rem; }
    .product-sticky-content .product-media img { height: 100%; }
.product-sticky-content .product-name { font-size: 1.4rem; }
.product-sticky-content .product-price { font-size: 1.6rem; }
.product-sticky-content .old-price { font-size: 1.6rem; }
.product-sticky-content .product-form.container { padding: 0; }
.product-sticky-content.fixed .product-list-sm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.product-sticky-content.fixed .product-form { padding: 2rem; }
.product-sticky-content.fixed .product-qty-form, .product-sticky-content.fixed .btn-cart { margin-bottom: 0; }
.product-sticky-content.fixed .product-qty-form { margin-left: 0.8rem; max-width: 14rem; -webkit-box-flex: 0; -ms-flex: 0 0 14rem; flex: 0 0 14rem; }
    .product-sticky-content.fixed .product-qty-form label { display: none; }
.product-sticky-content.fixed .btn-cart { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 21rem; }
.product-sticky-content.fix-top.fixed .product-form { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 1rem; padding-bottom: 1rem; }
.product-sticky-content.fix-top.fixed .product-media { max-width: 4.4rem; -webkit-box-flex: 0; -ms-flex: 0 0 4.4rem; flex: 0 0 4.4rem; height: 4.4rem; }
.product-sticky-content.fix-top.fixed .product-name { display: none; }
.product-sticky-content.fix-top.fixed .btn-cart { min-width: 14rem; }

.product-single .col-md-6 .product-bm-wrapper { margin-bottom: 0.8rem; }

.sticky-both-content .product-single { margin-top: 0.4rem; }
.sticky-both-content .product-title { margin-bottom: 1.2rem; line-height: 1.4; }
.sticky-both-content .product-color-swatch { margin-top: 0.3rem; }
.sticky-both-content .product-size-swatch { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.product-qty-form.with-label { -webkit-box-flex: 0; -ms-flex: 0 0 21.5rem; flex: 0 0 21.5rem; max-width: 21.5rem; }

@media (max-width: 1199px) {
    .shop-content .product-list .product-desc { margin-bottom: 2rem; }
}

@media (max-width: 575px) {
    .shop-content .product-list { display: block; margin-bottom: 2rem; }
        .shop-content .product-list .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 2rem 0; }
}

@media (max-width: 479px) {
    .product-sticky-content.fix-top.fixed .product-media, .product-sticky-content.fix-top.fixed .product-details { display: none; }
    .product-sticky-content.fix-top.fixed .btn-cart { max-width: none; }
    .product-sticky-content.fix-top.fixed .product-form { padding-right: 1.5rem; padding-left: 1.5rem; }

    .product-sticky-content.fixed .product-list-sm { -webkit-box-flex: 0; -ms-flex: none; flex: none; }
}
/*-------------------------
   Compare page
-------------------------*/
.compare-popup { position: fixed; top: 100%; right: 0; left: 0; padding: 2rem 0; background: #fff; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; z-index: 2400; }
    .compare-popup .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 2.1rem; padding-bottom: 3.1rem; }
    .compare-popup .btn-clean { margin-left: 1.8rem; padding: 0; border: none; text-transform: capitalize; font-weight: 400; }
        .compare-popup .btn-clean:hover, .compare-popup .btn-clean:active, .compare-popup .btn-clean:focus { color: #2A9CF5; background-color: #fff; }
    .compare-popup.show { -webkit-transform: translateY(-99%); transform: translateY(-99%); }
        .compare-popup.show + .compare-popup-overlay { opacity: 0.7; visibility: visible; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.compare-title { margin-top: 0.8rem; }
    .compare-title .title { margin-bottom: 0.3rem; font-size: 2.4rem; font-weight: 700; white-space: nowrap; }

.compare-product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.9rem 2rem 0; padding: 0; }
    .compare-product-list li { position: relative; width: 8vw; max-width: 138px; min-height: 8vw; }
        .compare-product-list li:not(:first-child) { margin-right: 3rem; }
        .compare-product-list li:empty::before { content: "+"; position: absolute; right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); text-align: center; line-height: 5rem; font-size: 3rem; color: #eee; width: 5rem; height: 5rem; border-radius: 50%; -webkit-box-shadow: -2px 4px 15px rgba(0, 0, 0, 0.12); box-shadow: -2px 4px 15px rgba(0, 0, 0, 0.12); }
        .compare-product-list li::after { content: ""; position: absolute; border: 1px solid #eee; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; }
    .compare-product-list .btn-remove { position: absolute; padding: 0; left: -1rem; top: -1rem; line-height: 1.2; width: 20px; height: 20px; font-size: 1.5rem; border-radius: 50%; border: none; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); overflow: hidden; }
        .compare-product-list .btn-remove i { font-size: 1.2rem; font-weight: 600; margin-bottom: 0; }
        .compare-product-list .btn-remove:hover, .compare-product-list .btn-remove:active, .compare-product-list .btn-remove:focus { background-color: #fff; }

.compare-popup-overlay { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: #000; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; z-index: 2399; }

.compare-table { overflow-x: auto; }
    .compare-table > div:nth-child(2n) .compare-col { background-color: #fbfbfb; }
    .compare-table .compare-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.compare-product .product-media { border: 1px solid #f5f5f5; }

.compare-col { padding: 2.5rem 2rem 2.5rem 0; }
    .compare-col.compare-product { text-align: center; }
    .compare-col.compare-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; padding-left: 5rem; font-weight: 400; color: #999; }
    .compare-col.compare-value { padding-left: 1rem; }
    .compare-col .remove-product { margin-bottom: 2.4rem; padding: 0; border: none; color: #333; }
        .compare-col .remove-product i { font-size: 2.2rem; }
        .compare-col .remove-product:hover, .compare-col .remove-product:focus, .compare-col .remove-product:active { background-color: transparent; color: #2A9CF5; }
    .compare-col .product-details { padding: 1.6rem 0 0.7rem; }
    .compare-col .product-price { font-size: 1.4rem; font-weight: 400; letter-spacing: 0; }
    .compare-col .new-price { margin-left: 0; color: #2A9CF5; }
    .compare-col .old-price { color: #999; }

.compare-availability .compare-value { color: #ffa800; }

.compare-description ul { margin: 0; padding: 0; }
.compare-description li { color: #333; line-height: 1.6; }
    .compare-description li::before { font-size: 1.4rem; }

.compare-rating { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .compare-rating .ratings-container { width: 100%; margin-bottom: 0; font-size: 1.4rem; }

.compare-category .compare-value,
.compare-meta .compare-value,
.compare-size .compare-value,
.compare-brand .compare-value { color: #333; }

.compare-color .swatch { vertical-align: middle; margin-left: 0.4rem; width: 1.5rem; height: 1.5rem; display: inline-block; border-radius: 50%; }

@media (min-width: 1921px) {
    .compare-product-list li { max-height: 15.5rem; max-width: none; }
        .compare-product-list li figure, .compare-product-list li img { height: 100%; width: 100%; }
}

@media (max-width: 991px) {
    .compare-popup .container { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0; padding-bottom: 0; }

    .compare-product-list { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 2rem 0; }
        .compare-product-list li { width: 18vw; min-height: 11rem; }
}

@media (max-width: 991) and (min-width: 480px) {
    .compare-title { display: -webkit-box; display: -ms-flexbox; display: flex; }
}

@media (max-width: 767px) {
    .compare-col.compare-field { max-width: 15rem; padding-left: 1rem; padding-right: 1rem; }
}

@media (max-width: 575px) {
    .compare-product-list li { min-height: 6rem; }
        .compare-product-list li:not(:first-child) { margin-right: 1.5rem; }
}

@media (max-width: 479px) {
    .compare-product-list li:empty::before { width: 3.5rem; height: 3.5rem; line-height: 3.5rem; font-size: 2rem; }
}
/*-----------------------------------------------
    Shop Page
        - Default Shop Banner
        - List
        - Category Wrapper
        - Toolbox
            (toolbox toolbox-left toolbox-right select-box)
        - Toolbox Item
        - Select Menu
        - Selected Items
        - Toolbox Pagination
        - Toolbox Horizontal
        - Toolbox Navigation
------------------------------------------------*/
.shop-default-banner { padding: 7.4em 8.7em 7.6em; }
    .shop-default-banner .banner-subtitle { margin-bottom: 0.2rem; font-size: 2.8em; }
    .shop-default-banner .banner-title { margin-bottom: 1.9rem; font-size: 4em; }
    .shop-default-banner .btn { padding: 1.25em 1.98em; font-size: 1.4em; }
        .shop-default-banner .btn i { font-size: 1.7rem; }

.shop-boxed-banner { padding-right: 4.8em; padding-left: 4.8em; }
    .shop-boxed-banner .banner-subtitle { letter-spacing: -0.02em; }

.shop-default-brands { padding: 0.5rem 0; }

.shop-default-category { border-bottom: 1px solid #eee; padding-bottom: 3.5rem; }
    .shop-default-category .category-name { text-transform: capitalize; font-size: 1.4rem; font-weight: 700; letter-spacing: 0; }
    .shop-default-category .category-media { border: none; -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s; }
    .shop-default-category .category-ellipse:hover .category-media { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.1); transform: scale(1.1); }
    .shop-default-category .category-ellipse:hover .category-name { color: #2A9CF5; }

.product-lists .product-list { border-top: 1px solid #eee; }
    .product-lists .product-list .product-short-desc { margin-bottom: 1.5rem; }
.product-lists .product-wrap:last-child .product-list { margin-bottom: 0; }

.toolbox,
.toolbox-right,
.toolbox-left,
.toolbox-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .toolbox label,
    .toolbox-right label,
    .toolbox-left label,
    .toolbox-item label { font-weight: 600; margin-left: 1rem; line-height: 1.5; }

.toolbox-right { margin-right: auto; }

.toolbox { padding-bottom: 1rem; }
    .toolbox.toolbox-pagination { padding: 2.5rem 0; border-top: 1px solid #f4f4f4; }
    .toolbox > :not(.toolbox-pagination)*:not(:last-child), .toolbox-left > :not(.toolbox-pagination)*:not(:last-child), .toolbox-right > :not(.toolbox-pagination)*:not(:last-child) { margin-left: 1rem; }
    .toolbox .showing-info { font-size: 1.3rem; color: #aaa; }
        .toolbox .showing-info span { margin: 0 0.9rem; color: #333; }
    .toolbox .select-box { color: #333; }
        .toolbox .select-box::before { font-size: 1.1rem; left: 1rem; margin-top: 0.1rem; }
    .toolbox select { max-width: none; width: 15.4rem; padding: 0.75em 1.4rem 0.75em 2.7rem; border-radius: 0.3rem; cursor: pointer; border: 1px solid #d7d7d7; }
    .toolbox .toolbox-show select { padding-right: 1.3rem; padding-left: 2.8rem; width: 9.4rem; }
    .toolbox .item-found { color: #a9a9a9; font-size: 1.4rem; letter-spacing: 0; }
        .toolbox .item-found span { color: #333; margin-left: 0.4rem; }
    .toolbox .left-sidebar-toggle,
    .toolbox .right-sidebar-toggle { padding: 0.78em 1.05em; font-size: 1.3rem; }
        .toolbox .left-sidebar-toggle i,
        .toolbox .right-sidebar-toggle i { margin-left: 0.7rem; margin-right: 0.3rem; font-size: 1.4rem; }
    .toolbox .left-sidebar-toggle { margin: 0 0 1rem 2rem; }
    .toolbox .right-sidebar-toggle { margin-right: 2rem; }

.toolbox-item { margin-bottom: 1rem; }

.sticky-toolbox.fixed { background: #fff; padding: 1rem 2rem 0 !important; }

.selected-items { display: none; }
.toolbox + .selected-items { font-size: 1.2rem; }
.selected-items > * { display: inline-block; margin: 0 0 0.5rem 0.8rem; }
.selected-items .filter-clean { margin-right: 1.2rem; }

.selected-item { line-height: 1; letter-spacing: 0; background-color: #f5f5f5; color: #666; padding: 8px 1rem; }
    .selected-item i { margin-right: 1.1rem; vertical-align: middle; }

.toolbox-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1.9rem; }

.btn-layout { line-height: 1; color: #dadada; -webkit-transition: color 0.4s; transition: color 0.4s; }
    .btn-layout + .btn-layout { margin-right: 1rem; }
    .btn-layout i { font-size: 1.9rem; color: inherit; }
    .btn-layout.active, .btn-layout:hover { color: #333; }

@media (max-width: 991px) {
    .shop-content .main-content { width: 100%; }

    .toolbox .sidebar-fixed { margin-left: 0; }
    .toolbox .sidebar-content { display: block; }
}

@media (max-width: 767px) {
    .shop-default-banner { padding: 5em; font-size: 0.9rem; }
}

@media (max-width: 575px) {
    .shop-default-banner { padding: 4rem 3rem; font-size: 0.8rem; }

    .toolbox-left label,
    .toolbox-right .toolbox-layout { display: none; }

    .toolbox-right .toolbox-item.toolbox-show { margin-left: 0; }

    .toolbox-pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

    .product-lists .product-list { border-top: 0; }

    .toolbox .left-sidebar-toggle { padding: 0.79em 0.83em; }
        .toolbox .left-sidebar-toggle i { margin: 0; }
        .toolbox .left-sidebar-toggle span { display: none; }
}

@media (max-width: 479px) {
    .shop-default-banner { font-size: 0.7rem; }

    .sticky-toolbox.fixed { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

    .toolbox .left-sidebar-toggle { margin-left: 1rem; }
    .toolbox select { max-width: 13.6rem; }
}
/* 7. header */
/*--------------------------------
    Header
        -Header
        -Welcom-msg
        -Header Search
        -Main Menu
        -Other
            - Login
            - Wishlist
        -Stick Header
        -Other Options
--------------------------------*/
.header { font-family: yekan; background: #fff; color: #333; }
    .header .container,
    .header .container-fluid,
    .header .inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .header .inner-wrap { width: 100%; }
    .header a:not(.btn) { color: inherit; }
        .header a:not(.btn):hover { color: #2A9CF5; }

.header-top,
.header-middle,
.header-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; }

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

.header-right { margin-right: auto; }

.has-center .header-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.has-center .header-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.has-center .header-center { margin-right: 2rem; margin-left: 2rem; }

.header-top { background: #333; font-size: 1.1rem; letter-spacing: -0.027em; text-transform: capitalize; /*margin: -0.1rem 0 0.1rem;*/ color: #BFBFBF; }
    .header-top .header-right { padding-left: 0.2rem; }
        .header-top .header-right > .dropdown:first-child { margin-right: 0; }
        .header-top .header-right .dropdown:hover .dropdown-box::before { visibility: visible; opacity: 1; top: auto; bottom: 100%; }
        .header-top .header-right .dropdown-box::before { content: ""; position: absolute; z-index: 1002; right: 50%; top: -9999px; -webkit-transform: translateX(50%); transform: translateX(50%); border: 11px solid transparent; border-bottom: 11px solid #fff; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; visibility: hidden; opacity: 0; cursor: pointer; pointer-events: none; }
        .header-top .header-right a { /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
        .header-top .header-right i { margin-left: 0.8rem; font-size: 1.5rem; }
        .header-top .header-right > * { margin-right: 2rem; }
        .header-top .header-right .delimiter { margin: 0 0.3rem; color: #aaa; }
        .header-top .header-right .divider { width: 1px; height: 1.5rem; background-color: #ccc; }
.header-right .dropdown i { padding-left: 5px }

      /*  .logo { min-width: 14.4rem; margin-left: 2rem; }*/
    .logo img { display: block; max-height:60px; padding-right:5px;}

.header h1 { line-height: 0; margin-bottom: 0; }

.header-bottom { color: #fff; background: #245594; font-size: 1.4rem; font-weight: 600; letter-spacing: -0.025em;  }
    .header-bottom .main-nav { margin-right: 2.1rem; }
    .header-bottom .header-right { padding-left: 0.2rem; }
        .header-bottom .header-right > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.4rem 0 1.3rem; }
            .header-bottom .header-right > a i { vertical-align: middle; }
                .header-bottom .header-right > a i.w-icon-map-marker { font-size: 2.2rem; margin-top: -0.5rem; }
                .header-bottom .header-right > a i.w-icon-sale { font-size: 2.4rem; margin-left: 0.8rem; }
            .header-bottom .header-right > a:first-child { margin-left: 3.2rem; }
    .header-bottom:not(.fixed) .show-dropdown .dropdown-box { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; -webkit-box-shadow: none !important; box-shadow: none !important; margin-top: 2rem; }

.welcome-msg { margin: 0; font-size: inherit; font-weight: inherit; letter-spacing: -0.022em; line-height: 1.5; white-space: nowrap; padding: 14px 0; text-transform: uppercase; }

.header-middle { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #fff; background: #245594; font-size: 1.2rem; border-bottom: 1px solid #4f719e; /*border-bottom: 1px solid #eee;*/ /*margin: -0.2rem 0 -0.1rem;*/ /*padding: 3.2rem 0 3.3rem; */ }
    .header-middle .header-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.account { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 2rem; }
    .account .login { font-size: 1.3rem; line-height: 1.5em; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s; }
    .account .w-icon-account { color: white; width: 5.3rem; height: 5.3rem; border: 1px solid rgba(238, 238, 238, 0.5); font-size: 2.6rem; -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; }
    .account span { color: #ccc; -webkit-transition: color 0.3s; transition: color 0.3s; }
    .account b { color: white; font-size: 1.5rem; -webkit-transition: color 0.3s; transition: color 0.3s; }
    .account:hover .login, .account:hover span, .account:hover b { color: #2A9CF5; }
    .account:hover .w-icon-account { color: #2A9CF5; border-color: #2A9CF5; }

.header-search { position: relative; width: 100%; max-width: 38rem; }
    .header-search input.form-control { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 40px; padding: 0.9rem; border: 2px solid #fff; border-left: 0; font-size: 1.2rem; letter-spacing: 0; font-family: yekan; }
        .header-search input.form-control::-webkit-input-placeholder { color: inherit; }
        .header-search input.form-control::-moz-placeholder { color: inherit; }
        .header-search input.form-control:-ms-input-placeholder { color: inherit; }
        .header-search input.form-control::-ms-input-placeholder { color: inherit; }
        .header-search input.form-control::placeholder { color: inherit; }
    .header-search .btn-search { margin: 0; padding: 0; min-width: 5.1rem; color: #333; border-right: 0; border-color: #fff; font-size: 1.5rem; font-weight: normal; letter-spacing: -0.025em; text-transform: none; }
        .header-search .btn-search i { font-size: 1.7rem; line-height: 1; letter-spacing: -0.01em; font-weight: 500; }
        .header-search .btn-search:hover, .header-search .btn-search:active, .header-search .btn-search:focus { color: #2A9CF5; background-color: transparent; }
    .header-search .select-box::before { left: 1.2rem; margin-top: -0.1rem; font-weight: 400; }
    .header-search .select-box select { position: relative; padding: 0 1.5rem 0 2rem; border: 0; font-weight: 400; z-index: 1; }
    .header-search.hs-toggle .input-wrapper { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; left: -2.5rem; top: 100%; min-width: 30rem; padding: 1.5rem; height: auto; background-color: #fff; -webkit-box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); z-index: 100; -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, visibility 0.3s, opacity 0.3s; transition: transform 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; }
    .header-search.hs-toggle:hover { color: #2A9CF5; }
    .header-search.hs-toggle .form-control { padding: 1.4rem 2rem; font-size: 1.3rem; color: #777; background-color: #f4f4f4; border: none; height: 5rem; }
    .header-search.hs-toggle .btn-search { background-color: #f4f4f4; min-width: 5rem; font-size: 1.8rem; color: #222; border: none; }
        .header-search.hs-toggle .btn-search i { margin-bottom: 0.3rem; font-size: inherit; }
    .header-search.hs-toggle.show .input-wrapper { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .header-search.hs-toggle.show .search-toggle::after { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
    .header-search.hs-expanded { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 auto; min-width: auto; max-width: 69.4rem; }
        .header-search.hs-expanded .select-box { width: 14.6rem; border: 2px solid #fff; border-left: none; color: #666666; }
            .header-search.hs-expanded .select-box::after { content: ""; height: 35px; width: 1px; background: #e5e5e5; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
        .header-search.hs-expanded input.form-control { color: #666; border-left: none; border-right: none; }
        .header-search.hs-expanded .btn-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 0.4s, color 0.4s; transition: opacity 0.4s, color 0.4s; }
            .header-search.hs-expanded .btn-search i { margin: 0; }
            .header-search.hs-expanded .btn-search span { margin-left: 0.5rem; letter-spacing: -0.03em; }
    .header-search.hs-simple { min-width: 35rem; }
        .header-search.hs-simple input.form-control { border: none; background-color: #f5f5f5; }
        .header-search.hs-simple .btn-search { position: absolute; left: 0; height: 100%; min-width: 4.5rem; background: transparent; color: #666; }
    .header-search.hs-rounded .select-box,
    .header-search.hs-rounded .form-control { border-radius: 0 0.5rem 0.5rem 0; }
    .header-search.hs-rounded .btn-search { border-radius: 0.5rem 0 0 0.5rem; }
    .header-search.hs-rounded.hs-simple input.form-control { border-radius: 5rem; }
    .header-search.hs-rounded.hs-expanded .form-control { border-radius: 0; }
    .header-search.hs-round .select-box,
    .header-search.hs-round .form-control { border-radius: 0 0.3rem 0.3rem 0; }
    .header-search.hs-round .btn-search { border-radius: 0.3rem 0 0 0.3rem; }
    .header-search.hs-round.hs-simple input.form-control { border-radius: 3rem; }
    .header-search.hs-round.hs-expanded .form-control { border-radius: 0; }


.dir-up.hs-toggle .input-wrapper { top: auto; bottom: 100%; margin-bottom: 2rem; }

.main-nav .menu > .has-submenu { padding-left: 1.5rem; }

.mobile-menu-toggle { display: none; font-size: 2.4rem; line-height: 1; padding-right: 10px; margin-top: 10px; }

.compare { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -0.4rem 0 0 3rem; color: #333; }
    .compare span.compare-label { cursor: pointer; margin-top: 0.1rem; font-weight: inherit; color: inherit; }
    .compare i { font-size: 3.3rem; color: inherit; }
    .compare:hover { color: #2A9CF5; }

.wishlist { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 0.3s; transition: color 0.3s; margin-left: 2.3rem; color: #333; }
    .wishlist span { margin-top: 0.3rem; font-weight: inherit; color: inherit; cursor: pointer; }
    .wishlist i { font-size: 2.7rem; color: inherit; }
    .wishlist:hover { color: #2A9CF5; }

.header-call { position: relative; margin-left: 4.8rem; }
    .header-call .w-icon-call { margin: 0rem 1rem 0 0.2rem; font-size: 3rem; }
    .header-call .call-info { margin-top: 0.4rem; }
    .header-call .phone-number { font-size: 1.6rem; line-height: 1.7; }
    .header-call .chat a { color: #333; }
        .header-call .chat a:hover { color: #2A9CF5; }
    .header-call:hover .w-icon-call,
    .header-call:hover .phone-number { color: #2A9CF5; }
    .header-call::after { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -2.5rem; width: 1px; height: 4.1rem; background-color: #e5e5e5; }

.cart-dropdown { color: #333; left: 7px; }
    .cart-dropdown > a i { font-size: 2.6rem; color: inherit; }

.label-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .label-down i { display: inline-block; }
    .label-down span { display: block; }
    .label-down i + span { margin-top: 0.3rem; letter-spacing: -0.03em; line-height: 1; }

.header-border .header-bottom { border-bottom: 1px solid #eee; }

@media (max-width: 991px) {
    .header .main-nav { display: none; }
    .header .sticky-content-wrapper { display: none; }

    .header-top .header-left { margin-left: 2rem; }

    .header-middle { border-top:0px !important }
    .header-middle .header-right > *:not(:last-child) { margin-left: 2rem; }

    .header-bottom { display: none; }

    .mobile-menu-toggle { display: block; }

    .header-call { margin-left: 1rem !important; }
        .header-call::after { content: none; }

}

@media (max-width: 991px) and (min-width: 480px) {
    .header-middle .logo { margin-right: 2rem; }
}

@media (max-width: 479px) {
    .header-top .header-left { position: relative; overflow: hidden; }

    .welcome-msg { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation: 6s linear 2s 1 showMsgFirst, 12s linear 8s infinite showMsg; animation: 6s linear 2s 1 showMsgFirst, 12s linear 8s infinite showMsg; }

    .header-middle .logo { margin: 0 auto; }
    .header-middle .header-right { margin-right: 0 !important; }
}
/*------------------------
    Dropdowns
        - Dropdown
        - Dropdown-expandex
        - Cart Dropdown
        - Category Dropdown
-------------------------*/
.dropdown { position: relative; }
    .dropdown:hover .dropdown-box, .dropdown.show .dropdown-box { visibility: visible; opacity: 1; top: 100%; }
    .dropdown:hover::after, .dropdown.show::after { visibility: visible; opacity: 1; top: calc(100% - 20px); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
    .dropdown:hover .dropdown-box, .dropdown.show .dropdown-box { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .dropdown:hover > a, .dropdown.show > a { color: #2A9CF5; }
    .dropdown a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
        .dropdown a .dropdown-image { max-width: 1.4rem; margin-left: 0.6rem; margin-top: -1px; height: auto; }
    .dropdown > a { line-height: 1.1; padding: 11px 0; }
        .dropdown > a::after { display: inline-block; margin-right: 6px; content: ""; font-family: "FontAwesome"; font-size: 8px; font-weight: 900; }
    .dropdown li.active > a, .dropdown li:hover > a { color: #2A9CF5; }

.dropdown-box { position: absolute; left: 0; top: -9999px; padding: 0.5rem 0; color: #666; background-color: #fff; -webkit-box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.3); z-index: 1000; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    .dropdown-box a { padding: 0.6rem 1rem; font-size: inherit; line-height: 1.1; }

.cart-dropdown .cart-toggle { padding: 0; }
    .cart-dropdown .cart-toggle::after { content: none; }
.cart-dropdown .cart-label { display: block; margin: 0.5rem 0 0; font-weight: inherit; letter-spacing: -0.025em; }
.cart-dropdown .cart-count { position: absolute; width: 1.9rem; height: 1.9rem; border-radius: 50%; font-style: normal; z-index: 1; left: -8px; top: -5px; font-family: yekan; font-size: 1.1rem; font-weight: 400; line-height: 1.8rem; background: #2A9CF5; color: #fff; text-align: center; }
.cart-dropdown .cart-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; margin-bottom: 1.4rem; }
    .cart-dropdown .cart-header span { font-size: 1.6rem; font-weight: bold; line-height: 1; color: #333; }
    .cart-dropdown .cart-header a { padding: 0; font-size: 1.4rem; font-weight: 400; color: #666; text-transform: capitalize; }
    .cart-dropdown .cart-header i { margin-right: 0.6rem; font-size: 1.8rem; }
.cart-dropdown .cart-action { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .cart-dropdown .cart-action .btn { width: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.3rem; line-height: 1; padding: 1rem; }
        .cart-dropdown .cart-action .btn:last-child { margin-right: 1rem; }
    .cart-dropdown .cart-action .btn-dark:hover, .cart-dropdown .cart-action .btn-dark:active, .cart-dropdown .cart-action .btn-dark:focus { border-color: #2A9CF5; background-color: #2A9CF5; color: #fff; }
.cart-dropdown .cart-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; padding: 1.8rem 0; font-size: 1.4rem; font-weight: 600; color: #333333; line-height: 1; text-transform: capitalize; letter-spacing: -0.025em; }
    .cart-dropdown .cart-total .price { font-size: 1.6rem; }
.cart-dropdown .dropdown-box { padding: 1rem 3rem 3rem; min-width: 30rem; margin-top: 0.5rem; }
.cart-dropdown .product-price { color: #2A9CF5; overflow: visible; }
.cart-dropdown .products { max-height: 40rem; border-bottom: 1px solid #eee; padding-bottom: 2.1rem;  overflow-y: hidden; overflow-y: scroll; }
.cart-dropdown.cart-offcanvas .dropdown-box { position: fixed; top: 0; left: -34rem; max-width: 34rem; margin-top: 0; padding: 2.4rem 2rem 2rem; width: 100%; height: 110vh; min-width: auto; padding: 2.9rem 3rem; opacity: 1; visibility: visible; -webkit-transition: left 0.3s; transition: left 0.3s; -webkit-transform: none; transform: none; z-index: 2499; -webkit-box-shadow: none; box-shadow: none; }
.cart-dropdown.cart-offcanvas .products { border-top: 1px solid #eee; }
.cart-dropdown.cart-offcanvas.opened .dropdown-box { left: 0; }
.cart-dropdown.cart-offcanvas.opened .cart-overlay { opacity: 1; visibility: visible; }
.cart-dropdown .cart-overlay { position: fixed; right: 0; width: 100vw; top: -10vh; height: 120vh; background: rgba(0, 0, 0, 0.3); z-index: 2498; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.product.product-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 2rem 0 0; }
    .product.product-cart .product-media { max-width: 8rem; -webkit-box-flex: 0; -ms-flex: 0 0 8rem; flex: 0 0 8rem; }
        .product.product-cart .product-media a { display: block; padding: 0; }
    .product.product-cart .product-detail { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    .product.product-cart .product-name { white-space: normal; padding: 0; font-size: 1.4rem; line-height: 1.4; margin-bottom: 1rem; }
    .product.product-cart .price-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .product.product-cart .product-quantity { margin-left: 0.7rem; font-size: 1.6rem; font-weight: 400; color: #999; }
        .product.product-cart .product-quantity::after { content: "x"; font-size: 1.8rem; font-weight: 400; margin-right: 0.7rem; text-transform: none; line-height: 0; }
    .product.product-cart .btn-close { position: absolute; top: 0.9rem; left: -1rem; width: 2rem; height: 2rem; border-radius: 50%; -webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.2); color: #333; background-color: #fff; padding-bottom: 0; }
        .product.product-cart .btn-close:hover { color: #2A9CF5; }
        .product.product-cart .btn-close i { font-size: 1.2rem; font-weight: 600; margin: 0; line-height: 1.7rem; }

.category-dropdown > a { background: #fff; min-width: 28rem; padding: 1.8rem 2rem 1.8rem 1.8rem; letter-spacing: -0.025em; -webkit-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; }
    .category-dropdown > a i { margin-bottom: 0.1rem; font-size: 1.7rem; line-height: 0; }
    .category-dropdown > a span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.7rem; }
    .category-dropdown > a::after { font-family: "wolmart"; content: ""; font-weight: 600; font-size: 0.9rem; }
    .category-dropdown > a:not(.btn):hover { color: #fff; }
.category-dropdown:hover > a, .category-dropdown.show > a { color: #fff; background-color: #2A9CF5; }
.category-dropdown .dropdown-box { padding: 0; right: 0; min-width: 24rem; color: #333; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); background-color: #fff; -webkit-transition: z-index 0.3s, -webkit-transform 0.3s; transition: z-index 0.3s, -webkit-transform 0.3s; transition: z-index 0.3s, transform 0.3s; transition: z-index 0.3s, transform 0.3s, -webkit-transform 0.3s; visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, -1rem, 0); transform: translate3d(0, -1rem, 0); top: 100%; }
.category-dropdown::before, .category-dropdown::after { right: 25px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
.category-dropdown::after { border-bottom-color: #f4f4f4; visibility: hidden; opacity: 0; top: calc(100% - 20px); }
.category-dropdown.menu-fixed .dropdown-box, .category-dropdown.menu-fixed::after { visibility: hidden; opacity: 0; }
.category-dropdown.dropdown.show .dropdown-box { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
.category-dropdown.dropdown.show .dropdown-box, .category-dropdown.dropdown.show::after { visibility: visible; opacity: 1; }
.category-dropdown.has-border .category-toggle { border-right: 1px solid #eee; border-left: 1px solid #eee; }
.category-dropdown.show-dropdown .dropdown-box { border-radius: 0.5rem; }
    .category-dropdown.show-dropdown .dropdown-box::before { content: ""; position: absolute; bottom: 100%; right: 1.7rem; border: 10px solid transparent; border-bottom: 10px solid #f5f5f5; }
    .category-dropdown.show-dropdown .dropdown-box .category-menu { background-color: #f5f5f5; border-radius: 0.5rem; }

@media (max-width: 1199px) {
    .category-dropdown > a { min-width: 24rem; }
}

@media (max-width: 991px) {
    .cart-dropdown .cart-label { display: none; }
}

@media (max-width: 479px) {
    .cart-dropdown.cart-offcanvas .dropdown-box { max-width: 28rem; }
}
/*------------------------------------------
    Menu
        - Default
        - Menu(Main Menu)
            - Megamenu
            - Menu Banner
            - Tips

        -Mobile Menu
            - MobileMenuWrapper
            - MobileMenuContainer
            - MobileMenu
            - MobileMenuOverlay
            - MobileMenuCloseButtonn

        - Vertical Menu
        - Category Menu
-----------------------------------------*/
.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .menu a { display: inline-block; color: inherit; }
        .menu a:hover { color: #2A9CF5; }
    .menu .menu-title { margin-bottom: 2rem; font-size: 1.4rem; font-weight: 600; line-height: 1; letter-spacing: -0.025em; text-transform: uppercase; }
    .menu .submenu { padding: 2rem 0; background: #fff; font-family: yekan; font-size: 1.4rem; font-weight: 400; line-height: 1; letter-spacing: 0; color: #666666; }
        .menu .submenu .has-submenu > h3 > a::after { content: ""; font-weight: 600; font-size: 0.9rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
   
        .menu li { position: relative; line-height: 1; }
          .menu li h3 { padding:0px !important; margin:0px !important }
        .menu li a { padding: 0.7rem 0 0.7rem 0 ; }    
        .menu li ul,
        .menu li .megamenu { position: absolute; top: -9999px; right: 100%; margin: 0; -webkit-box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); z-index: 1001; visibility: hidden; opacity: 1; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
        .menu li .megamenu { padding: 0 1rem; }
        .menu li > .submenu { min-width: 21.5rem; }
            .menu li > .submenu li { padding: 0 1.9rem; }
        .menu li:hover > .submenu,
        .menu li:hover .megamenu,
        .menu .show > .submenu,
        .menu .show .megamenu { visibility: visible; top: -2rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .menu > li { margin-left: 3rem; }
        .menu > li:last-child { margin-left: 0; }
        .menu > li > a { position: relative; padding: 1.8rem 0 1.7rem 0; font-weight: 600; font-size: 1.4rem; letter-spacing: -0.009em; line-height: 1.1; text-transform: capitalize; }
            .menu > li > a::after { margin-right: 0.6rem; }
        .menu > li > .submenu,
        .menu > li .megamenu { right: -1.5rem; }
        .menu > li:hover > a:not(.menu-title), .menu > li.active > a:not(.menu-title) { color: #fff; }
        .menu > li:hover > .submenu,
        .menu > li:hover .megamenu, .menu > li.show > .submenu,
        .menu > li.show .megamenu { top: 100%; }
    .menu .has-submenu > h3 > a { display: block; position: relative; }
    .menu > .has-submenu > h3 > a::after { margin-top: 1px; left: -16px; }
    .menu.no-arrow > li > a::after { content: none; }
    .menu .megamenu ul { position: static; -webkit-box-shadow: none; box-shadow: none; visibility: visible; opacity: 1; }
  

.active-underline > li > a::before { content: ""; position: absolute; right: 0; margin-top: 17px; width: 100%; border-top: 3px solid; border-color: inherit; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.active-underline > li:hover > a::before, .active-underline > li.active > a::before { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.has-submenu > h3 > a::after { display: inline-block; position: absolute; left: 0; top: 50%; line-height: 0; vertical-align: middle; font-family: "FontAwesome"; font-size: 1rem; color: inherit; content: ""; }

/* Mega Menu */
.megamenu { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 80rem; background: #fff; }
    .megamenu > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 2.7rem 1rem 0; }
        .megamenu > li.row:last-child { padding: 0 0 2rem 2rem; }
    .megamenu ul { font-size: 1.4rem; font-weight: 400; color: #666; padding: 0; letter-spacing: 0; }
        .megamenu ul:last-child { margin-bottom: 1rem; }

.megamenu-sm { min-width: 40rem; }

/* Menu Baner */
.megamenu .menu-banner { height: calc(100% + 2.7rem); margin: -2.7rem -1rem 0; overflow: hidden; }
    .megamenu .menu-banner figure { height: 100%; }
    .megamenu .menu-banner img { height: 100%; -o-object-fit: cover; object-fit: cover; }
    .megamenu .menu-banner .btn:not(.btn-outline) { padding: 0; letter-spacing: 0.005em; }

.menu-banner1 .banner-content { right: 10%; bottom: 5%; }
.menu-banner1 .banner-subtitle { font-size: 7.187rem; letter-spacing: -0.05em; -webkit-transform: rotateZ(90deg) translate(-2%, -50%); transform: rotateZ(90deg) translate(-2%, -50%); margin-bottom: 35px; }
.menu-banner1 .banner-title { position: relative; margin-bottom: 1.1rem; font-size: 2.4rem; letter-spacing: -0.05em; line-height: 1.3; }
    .menu-banner1 .banner-title span { display: block; font-size: 2.6rem; color: #547ca5; }

.menu-banner2 .banner-content { top: 8%; right: 12.7%; }
.menu-banner2 .banner-price-info { font-weight: 500; }
.menu-banner2 .banner-title { font-size: 2.5rem; line-height: 1.2; margin-bottom: 1.4rem; }

.menu-banner3 .banner-content { bottom: 2.8rem; right: 12.8%; }
.menu-banner3 .banner-subtitle { font-size: 1.6rem; }
.menu-banner3 .banner-title { margin-bottom: 0.1rem; font-size: 2.4rem; line-height: 1.25; }
.menu-banner3 .banner-price-info { margin-bottom: 2.3rem; font-size: 2rem; }

.menu-banner4 .banner-content { top: 6.9%; right: 12.7%; }
.menu-banner4 .banner-subtitle { margin-bottom: 1.1rem; font-size: 1.4rem; color: #ccc; }
.menu-banner4 .banner-title { margin-bottom: 0.3rem; font-size: 2.2rem; line-height: 1.1; }
.menu-banner4 .banner-price-info { margin-bottom: 1.6rem; font-size: 2.2rem; }
.menu-banner4 .btn-outline { padding: 0.75em 1.45em; letter-spacing: 0; }
    .menu-banner4 .btn-outline:hover, .menu-banner4 .btn-outline:active, .menu-banner4 .btn-outline:focus { color: #2A9CF5; background-color: #fff; border-color: #fff; }

.menu-banner5 .banner-content { margin-top: -0.2rem; right: 2rem; }
    .menu-banner5 .banner-content.text-right { left: 2rem; }
.menu-banner5 .banner-subtitle { font-size: 1.3rem; margin-bottom: 0.4rem; }
.menu-banner5 .banner-title { margin-bottom: 1.4rem; font-size: 2rem; }
.menu-banner5 .banner-price-info { font-size: 1.3rem; }

.tip { display: inline-block; position: relative; top: -1px; right: 7px; padding: 0.3rem 0.5rem 0.2rem; border-radius: 0.2rem; font-size: 1rem; font-weight: 600; line-height: 1; color: #fff; text-transform: uppercase; }
    .tip.tip-new { background-color: #2A9CF5; }
    .tip.tip-hot { background-color: #ff9742; }

.mobile-menu-wrapper { visibility: hidden; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 2400; font-family: yekan; -webkit-transition: visibility 0.4s; transition: visibility 0.4s; }

.mobile-menu-container { max-width: 296px; padding: 2rem 1.5rem; width: 100%; height: 100%; overflow-y: auto; background: #222; -webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, 0.5); box-shadow: -1px 0 5px rgba(0, 0, 0, 0.5); -webkit-transform: translateX(296px); transform: translateX(296px); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; }
    .mobile-menu-container .input-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
        .mobile-menu-container .input-wrapper .form-control { min-height: 4rem; padding-top: 0.9rem; padding-bottom: 0.8rem; color: #777; border: 1px solid; border-color: #333; border-left: 0; background-color: transparent; font-size: 1.2rem; border-radius: 0 0.3rem 0.3rem 0; }
        .mobile-menu-container .input-wrapper .btn-search { padding: 0; min-width: 4.8rem; background-color: transparent; color: #fff; font-size: 2rem; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; border: 1px solid #333; border-right: 0; border-radius: 0.3rem 0 0 0.3rem; }
            .mobile-menu-container .input-wrapper .btn-search i { margin: 0 0 0.4rem 0; }
    .mobile-menu-container .mobile-menu { margin-top: 0.4rem; margin-bottom: 0.5rem; background: #222; }
    .mobile-menu-container .tab-content { background-color: transparent; }
    .mobile-menu-container .nav { border: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
        .mobile-menu-container .nav .nav-item { margin: 0; width: 50%; }
    .mobile-menu-container .nav-link { margin-bottom: -2px; padding: 1rem; font-size: 1.3rem; color: #fff; border-bottom: 2px solid; }
    .mobile-menu-container .nav-item.show .nav-link,
    .mobile-menu-container .nav-item .nav-link.active { color: #2A9CF5; border-color: #2A9CF5; }
    .mobile-menu-container.scrollable::-webkit-scrollbar-thumb, .mobile-menu-container .sidebar-content::-webkit-scrollbar-thumb { margin-left: 2px; background: rgba(255, 255, 255, 0.1); border-radius: 7px; cursor: pointer; }
    .mobile-menu-container .tab-pane { font-size: 1.2rem; font-weight: 400; color: #fff; }

.mobile-menu { line-height: 1.5; color: #eeeeee; text-transform: capitalize; font-size: 1.2rem; font-weight: 400; line-height: 1.5; }
    .mobile-menu ul { display: none; width: 100%; }
    .mobile-menu > li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
        .mobile-menu > li a svg { width: 15px; height: 15px; margin-left: 10px; stroke: #fff; fill: #fff; vertical-align: middle; -webkit-transition: color 0.3s; transition: color 0.3s; }
    .mobile-menu > li:hover svg, .mobile-menu > li.active svg { stroke: #1cbcd0; fill: #1cbcd0; }
    .mobile-menu > li:last-child { padding-bottom: 0.5rem; }
    .mobile-menu > li:not(:last-child) { border-bottom: 1px solid #2E3237; }
    .mobile-menu li a { display: block; position: relative; padding: 1.3rem 1rem 1.3rem 0.6rem; color: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; }
    .mobile-menu li i { display: inline-block; margin-top: -0.3rem; margin-left: 1rem; font-size: 1.8rem; line-height: 0; vertical-align: middle; }
    .mobile-menu li li a { padding-right: 2.4rem; }
    .mobile-menu li li li a { padding-right: 3.6rem; }
    .mobile-menu li.expanded > a, .mobile-menu li.show > a, .mobile-menu li:hover > a { color: #2A9CF5; }

.mobile-menu-title { margin-bottom: 0.5rem; text-transform: uppercase; font-size: 1.4rem; font-weight: 600; color: #fff; }

.mobile-menu-overlay { position: fixed; right: 0; top: 0; bottom: 0; left: 0; background: #000; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; }

.mobile-menu-close { position: fixed; right: calc(100vw - 35px); top: 25px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; z-index: 1; }
    .mobile-menu-close i { font-size: 2.8rem; color: #e1e1e1; }

.mmenu-active { overflow: hidden; }
    .mmenu-active .mmenu-anim > li, .mmenu-active .mmenu-anim { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
    .mmenu-active .page-wrapper { margin-right: 296px; margin-left: -296px; }
    .mmenu-active .mobile-menu-wrapper { visibility: visible; }
    .mmenu-active .mobile-menu-container { -webkit-transform: translateX(0); transform: translateX(0); }
    .mmenu-active .mobile-menu-overlay { opacity: 0.5; }
    .mmenu-active .mobile-menu-close { opacity: 1; }

.toggle-btn { display: block; position: absolute; padding: 6px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.6; }
    .toggle-btn::before { content: ""; display: block; transform: rotate(180deg); font-size: 0.8rem; font-weight: 600; font-family: "wolmart"; line-height: 1; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.show > a .toggle-btn::before { -webkit-transform: rotate(-630deg); transform: rotate(-630deg); }

/* Category Menu */
.category-menu { padding: 1rem 0 0.8rem; background: #fff; }
    .category-menu i { display: inline-block; vertical-align: middle; line-height: 0; margin-left: 0.7rem; font-size: 1.7rem; width: 1.7rem; }
    .category-menu > li > h3 a { display: block; padding: 1.3rem 1rem; text-transform: capitalize; font-size: 1.3rem; font-weight: 500; line-height: 1.1; letter-spacing: -0.007em; color: #666666; }
        .category-menu > li > h3 a::before { content: none; }
    .category-menu > li:not(:last-child) > h3 > a { border-bottom: 1px solid #e1e1e1; }
    .category-menu > li:last-child > a i { margin: 0 0.4rem 0 0; font-size: 1.2rem; font-weight: 600; }
    .category-menu li .megamenu { padding: 0 2rem 0 0; }
    .category-menu li:last-child { -webkit-box-flex: 0; -ms-flex: none; flex: none; }
    .category-menu li:hover > a:not(.menu-title) { color: #2A9CF5; }
        .category-menu li:hover > a:not(.menu-title) i { color: inherit; }
    .category-menu > .has-submenu:hover > h3 > a::after { left: 0.5rem; }
    .category-menu .megamenu { min-width: 77rem; }
        .category-menu .megamenu > li:not(:last-child) { padding: 2.8rem 0rem 0 2rem; }
        .category-menu .megamenu .menu-title { font-size: 1.4rem; margin-bottom: 1.3rem; }
        .category-menu .megamenu .divider { border: 1px solid #eeeeee; border-bottom: 0px; margin: 0.5rem 0 2rem; }
        .category-menu .megamenu li a:not(.btn) { padding-top: 0.8rem; }
        .category-menu .megamenu.type2 { display: block; }
            .category-menu .megamenu.type2 figure { text-align: center; }

/* Vertical Menu */
.vertical-menu { display: block; min-width: 24rem; }
    .vertical-menu i.w-icon-electronics, .vertical-menu i.w-icon-furniture { font-size: 1.5rem; text-align: center; }
    .vertical-menu > li { margin-left: 0; padding: 0 1rem; }
        .vertical-menu > li > ul,
        .vertical-menu > li .megamenu { -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); }
        .vertical-menu > li > a { display: block; }
            .vertical-menu > li > a::after { content: none; }
        .vertical-menu > li:hover > ul,
        .vertical-menu > li:hover .megamenu, .vertical-menu > li.active > ul,
        .vertical-menu > li.active .megamenu { right: 100%; top: 0rem; }
        .vertical-menu > li:first-child:hover > ul,
        .vertical-menu > li:first-child:hover .megamenu, .vertical-menu > li:first-child.active > ul,
        .vertical-menu > li:first-child.active .megamenu { top: -1rem; }
    .vertical-menu > .has-submenu > h3  a::after { content: ""; position: absolute; transform: rotate(180deg); left: 1rem; line-height: 0; font-weight: 600; font-size: 1.2rem; -webkit-transition: left 0.3s; transition: left 0.3s; }

/* Horizontal Menu */
.horizontal-menu { width: 100%; padding: 1rem 3.2rem; background-color: #333; border-radius: 0.5rem; color: #fff; overflow-x: auto; }
    .horizontal-menu > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 3.05rem; text-align: center; }
        .horizontal-menu > li:not(:last-child) > a { border-bottom: none; }
        .horizontal-menu > li > a { padding: 0.8rem 1rem; font-size: 1.2rem; font-weight: 400; letter-spacing: 0; }
        .horizontal-menu > li:hover i { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); }
        .horizontal-menu > li:last-child > a i { margin: 0 0 0.9rem; font-size: 3rem; font-weight: 400; }
    .horizontal-menu i { display: block; width: auto; height: 3rem; margin: 0 0 0.9rem; font-size: 3rem; line-height: inherit; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
    .horizontal-menu::-webkit-scrollbar { width: 7px; height: 7px; }
    .horizontal-menu::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 10px; }

@media (min-width: 1200px) {
    .category-menu .megamenu.type2 { min-width: 88rem; }
}

@media (max-width: 1199px) {
    .main-nav .menu .megamenu { right: -18rem; }

    .category-menu .megamenu.type2 { min-width: 70rem; }
}
/* 8. footer */
/*-------------------------------------
    Footer
        - Footer top
        - Footer middle
        - Footer bottom
        - Copyright
        - Widget newsletter
        - Sticky Footer
--------------------------------------*/
.footer { font-family: yekan; font-size: 1.3rem; background: #757779; }
    .footer a { color: #666; }
        .footer a:hover, .footer a:active, .footer a.active { color: #2A9CF5; }
    .footer.footer-dark a:hover, .footer.footer-dark a:active, .footer.footer-dark a.active { color: #fff; }
    .footer p { font-size: inherit; }
        .footer p i { padding-left: 5px; }
    .footer .category-name { font-weight: 600; font-size: 1.4rem; color: #666; line-height: 1; letter-spacing: 0; padding-left: 2rem; margin-bottom: 1rem; -ms-flex-negative: 0; flex-shrink: 0; }
    .footer .category-box { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
        .footer .category-box:not(:last-child) { margin-bottom: 1.4rem; }
        .footer .category-box a { font-weight: normal; font-size: 1.3rem; letter-spacing: 0; color: #666; line-height: 1; margin-bottom: 1rem; position: relative; }
            .footer .category-box a:hover, .footer .category-box a:active, .footer .category-box a:focus { color: #2A9CF5; }
            .footer .category-box a:last-child::before { width: 100%; }
            .footer .category-box a::after { content: ""; display: inline-block; width: 1px; height: 13px; border-right: 1px solid #ccc; margin: 0px 1rem 0 0.9rem; vertical-align: bottom; }
            .footer .category-box a:last-child::after { content: none; }
    .footer .social-icons-colored .social-icon { color: #fff; }

.logo-footer, .logo-footer img { display: block; }

.footer-newsletter { padding: 2.1rem 0; }
    .footer-newsletter .icon-box-side { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
    .footer-newsletter .icon-box-title { margin-bottom: 0.2rem; font-size: 1.6rem; }
    .footer-newsletter .icon-box-icon { margin-left: 2rem; margin-bottom: 0.4rem; }
        .footer-newsletter .icon-box-icon i { font-size: 4.7rem; }
    .footer-newsletter .icon-box-content p { line-height: 1.6; }
    .footer-newsletter .input-wrapper-inline { max-width: 100%; }
    .footer-newsletter .btn { padding: 0.93em 1.85em; }
        .footer-newsletter .btn i { margin: -0.2rem 0.9rem 0 0; font-size: 1.6rem; }

.footer-top { padding: 5.6rem 0 1rem; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #eee; color: #999; }
    .footer-top .widget { margin-bottom: 3.7rem; }
    .footer-top .widget-title { padding: 0 0 0.6rem 0; margin-bottom: 2rem; font-family: inherit; font-size: 1.4rem; font-weight: 600; letter-spacing: 0; line-height: 1; text-transform: uppercase; color: #333; border: none; cursor: text; }
    .footer-top .widget-body { padding: 0; color: #d5d5d5; }
        .footer-top .widget-body li { line-height: 1.2; margin-bottom: 1.5rem; }
            .footer-top .widget-body li a { color: #d5d5d5 !important; }

.footer-middle { padding: 4.5rem 0 3.8rem; border-bottom: 1px solid #eee; }

.footer-bottom { padding: 3rem 0; color: #ccc; }
    .footer-bottom,
    .footer-bottom .container,
    .footer-bottom .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
        .footer-bottom .footer-left,
        .footer-bottom .footer-right { display: table; margin: auto }
        .footer-bottom .footer-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; /*flex: 1;*/ }

.footer .widget-about { margin-top: 0.2rem; }
    .footer .widget-about .logo-footer { margin-bottom: 1.1rem; }
    .footer .widget-about .widget-about-title { line-height: 2.1; margin-bottom: 1rem; color: #333; font-weight: 500; }
    .footer .widget-about .widget-about-call { display: block; color: #333; font-size: 1.8rem; font-weight: 600; line-height: 1; margin-bottom: 0.8rem; }
        .footer .widget-about .widget-about-call:hover { color: #2A9CF5; }
    .footer .widget-about .widget-about-desc { line-height: 2.15; margin-bottom: 2.1rem; max-width: 28rem; }

.footer .copyright { font-size: 1.3rem; line-height: 1.92; margin-bottom: 0; text-align: center; }

.payment img { display: block; }

.payment-label { margin-left: 2rem; }

.sticky-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 4rem; background: #fff; }
    .sticky-footer > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    .sticky-footer .cart-dropdown { position: relative; }
        .sticky-footer .cart-dropdown .dropdown-box { top: auto; bottom: 100%; left: 0; min-width: 34rem; padding: 2rem 3rem 3rem; margin-bottom: 2.1rem; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, visibility 0.3s; transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; }
        .sticky-footer .cart-dropdown:hover .dropdown-box { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
    .sticky-footer .products { border: none; }
    .sticky-footer .product-name a { padding: 0; }
    .sticky-footer .cart-total { padding-top: 1rem; }

.sticky-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; margin: 1.4rem 0 1.3rem; }
    .sticky-link i, .cart-dropdown .sticky-link i { font-size: 2.3rem; color: #666; }
    .sticky-link p { margin-top: 0.9rem; margin-bottom: 0; font-size: 1rem; line-height: 1; letter-spacing: 0.025em; text-transform: uppercase; }
    .sticky-link.search-toggle p { margin-top: 1rem; }
    .sticky-link:hover { color: #2A9CF5; }
        .sticky-link:hover i { color: inherit; }

.footer-dark { background-color: #757779; }
    .footer-dark .footer-top,
    .footer-dark .footer-middle,
    .footer-dark .category-box a::after { border-color: #454545; }
    .footer-dark a,
    .footer-dark .widget-about .widget-about-title,
    .footer-dark .category-name { color: #999; }
    .footer-dark .widget-about .widget-about-call,
    .footer-dark .widget-title { color: #fff; }

@media (min-width: 992px) {
    .footer-top .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 22.22%; flex: 0 0 22.22%; max-width: 22.22%; }
}

@media (min-width: 768px) {
    .sticky-footer { display: none; }
}

@media (max-width: 991px) {
    .footer-top { padding-bottom: 2.7rem; }

    .footer-middle .category-box a:first-child { margin-right: 0; }

    .footer-newsletter .icon-box-side { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}

@media (max-width: 767px) {
    .footer-newsletter .icon-box-icon { margin-left: 0; }

    .footer-bottom,
    .footer-bottom > .container { display: block; }
        .footer-bottom .footer-left,
        .footer-bottom .footer-right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
        .footer-bottom .footer-left { margin-bottom: 0.2rem; }
        .footer-bottom .footer-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
        .footer-bottom .payment-label { margin: 0 0 1rem 0; }
    .bpl-0 { padding-left: 0px !important; padding-right: 7.5px !important }
    .bpr-0 { padding-right: 0px !important; padding-left: 7.5px !important }
}

@media (max-width: 479px) {
    .sticky-footer { padding: 0; }
        .sticky-footer .hs-toggle .input-wrapper { left: 1rem; }
        .sticky-footer .cart-dropdown .dropdown-box { min-width: 30rem; left: -5.4rem; }

    .footer-newsletter .icon-box-side { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .footer-newsletter .icon-box-icon { margin: 0 0 2rem; }
    .footer-newsletter .icon-box-content { text-align: center; }
    .footer-newsletter .form-control { text-align: center; }
    .footer-newsletter .input-wrapper-inline { display: block; text-align: center; }
    .footer-newsletter .btn { margin-top: 2rem; }
}
/* 9. Demo */
/* Demo 11 */
/* Header */
.header-top .header-right .divider { background-color: #454545; opacity: 0.3; }
.header-top .dropdown a::after { margin: 0.2rem 0.5rem 0 0; }

.header-middle .header-call::after { background-color: #393939; }
.header-middle .label-down span { color: #bfbfbf; -webkit-transition: color 0.3s; transition: color 0.3s; }
.header-middle a:hover span { color: #2A9CF5; }

.menu .has-submenu h3 a::after { margin-top: 0; }

/* Intro Wrapper  */
.intro-slide-wrapper { margin-top: 2rem; }
    .intro-slide-wrapper .swiper-button-next:not(.swiper-button-disabled),
    .intro-slide-wrapper .swiper-button-prev:not(.swiper-button-disabled) { color: #3d5e6e; opacity: 0; }
        .intro-slide-wrapper .swiper-button-next:not(.swiper-button-disabled):hover, .intro-slide-wrapper .swiper-button-next:not(.swiper-button-disabled):active, .intro-slide-wrapper .swiper-button-next:not(.swiper-button-disabled):focus,
        .intro-slide-wrapper .swiper-button-prev:not(.swiper-button-disabled):hover,
        .intro-slide-wrapper .swiper-button-prev:not(.swiper-button-disabled):active,
        .intro-slide-wrapper .swiper-button-prev:not(.swiper-button-disabled):focus { color: #3d5e6e; background-color: transparent; border-color: transparent; }
    .intro-slide-wrapper .swiper-button-next,
    .intro-slide-wrapper .swiper-button-prev { border: transparent; font-size: 3.3rem; -webkit-transition: left 0.3s, opacity 0.3s; transition: left 0.3s, opacity 0.3s; }
    .intro-slide-wrapper .swiper-button-next { left: -10%; }
    .intro-slide-wrapper .swiper-button-prev { right: -10%; }
    .intro-slide-wrapper:hover .swiper-button-next { opacity: 1; left: 0.3%; }
    .intro-slide-wrapper:hover .swiper-button-prev { opacity: 1; right: 0.3%; }
    .intro-slide-wrapper .swiper-pagination { bottom: 2.9rem; }

/*.intro-slide { min-height: 49.8rem; }*/

.intro-slide1 .banner-content { left: 7%; margin-top: -0.3rem; }
    .intro-slide1 .banner-content span { margin: 0.9rem 0 3.2rem 0; font-size: 2.5em; line-height: 1.2; }
.intro-slide1 .banner-subtitle { font-size: 1.8em; line-height: 1.2; margin-bottom: 0.8rem; }
.intro-slide1 .banner-title { margin: -0.5rem -2rem 3rem 0; font-size: 4.5em; }
.intro-slide1 .btn { border-color: rgba(255, 255, 255, 0.4); }

.intro-slide2 .banner-content { right: 9.8%; top: 19%; }
.intro-slide2 .banner-title { font-size: 3em; letter-spacing: 1.5px; }
.intro-slide2 .banner-price-info { font-size: 3.5em; font-weight: 800; line-height: 1.17; margin-right: -0.3rem; }
.intro-slide2 .btn i { margin: 0.2rem 0.3rem 0 0; font-size: 1.5rem; }

.intro-slide3 .banner-content { right: 9.8%; }
    .intro-slide3 .banner-content img { margin-top: -0.8rem; max-width: 9.8rem; -o-object-fit: contain; object-fit: contain; }
.intro-slide3 .banner-price-info { font-size: 5em; font-weight: 800; margin: 0 -0.3rem 0.6rem 0; }
.intro-slide3 .banner-title { margin: 0 -0.2rem 0.2rem 0; font-size: 2.4em; }
.intro-slide3 .btn { padding: 1.7rem 3.3rem; }
    .intro-slide3 .btn i { margin-right: 0.3rem; font-size: 1.5rem; }

/*.intro-banner img { height: 23.9rem; }*/
.intro-banner .banner-content { top: 2.7rem; right: 3rem; }
.intro-banner .banner-subtitle { font-size: 2em; letter-spacing: 0.1rem; margin: 0 0 0.4rem 0; }
.intro-banner .banner-title { font-size: 2em; margin: 0 0 1.3rem 0; }

.intro-banner2 .banner-subtitle { color: #bebebf; }

@media screen and (min-width: 576px) and (max-width: 992px) {
    .intro-banner-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }
        .intro-banner-wrapper .banner:first-child { padding-left: 10px; }
        .intro-banner-wrapper .banner:last-child { padding-right: 10px; }
}
/* Icon Box Wrapper */
.icon-box-wrapper { margin-bottom: 3.8rem; margin-top: 2.8rem }
    .icon-box-wrapper .icon-box-side { padding: 2.5rem 0; }
        .icon-box-wrapper .icon-box-side::after { content: ""; position: absolute; width: 1px; height: 5.2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -0.5rem; background-color: #eee; }
    .icon-box-wrapper .icon-box-title { margin-bottom: 0.6rem; }

/* Category Icon Wrapper */
.icon-category-wrapper { padding-top: 2.3rem; }
    .icon-category-wrapper .category .category-name { font-weight: 700; }
    .icon-category-wrapper .category .category-media { background: #fff; margin-bottom: 1.6rem; border: none; }

/* Banner Big sale */
.banner-big-sale { margin-top: -0.3rem; min-height: 8.4rem; background-position-y: 55%; }
    .banner-big-sale .banner-content { padding: 1rem 3.2% 1rem 3.1%; width: 100%; }
        .banner-big-sale .banner-content > * { margin: 1rem 0; }
    .banner-big-sale .content-right { white-space: nowrap; }
    .banner-big-sale .banner-price-info { margin-left: 0.3em; font-size: 3.5em; font-weight: 800; }
    .banner-big-sale .banner-title { font-size: 1.8em; white-space: nowrap; }
    .banner-big-sale .banner-subtitle { margin-left: auto; font-size: 1.8em; border-top: 2px solid rgba(255, 255, 255, 0.4); border-bottom: 2px solid rgba(255, 255, 255, 0.4); line-height: 1.3; }
    .banner-big-sale .btn i { margin-right: 0.3rem; }

/* Product Deals Wrapper */
.product-deals-wrapper .product-details { background: transparent; }
.product-deals-wrapper .ratings-container { margin-bottom: 0.3rem; }

.title-deals .title { margin: 0.7rem 0 0.3rem 2rem; font-size: 2rem; }

.product-countdown-container { margin-bottom: 0.7rem; padding: 0.4rem 0.8rem 0.3rem; }

.rating-reviews { margin: 0.3rem 0 0.1rem; }

/* Vendor Wrapper*/
.vendor-wrapper { padding: 2.2rem 3rem; }
    .vendor-wrapper .row { margin-right: -20px; margin-left: -20px; }
    .vendor-wrapper p { /*max-width: 40rem;*/ line-height: 1.75; /*margin-bottom: 2.3rem;*/ /*height:15px;*/ }
    .vendor-wrapper img { width: 100%; border-radius: 0.5rem; }
    .vendor-wrapper .vendor-title { font-size: 2.4rem; line-height: 1.4; }
    .vendor-wrapper .vendor-widget { padding: 0 2rem 0.9rem 2rem; border: 1px solid #eee; border-radius: 0.5rem; }
    .vendor-wrapper .vendor-subtitle { font-size: 1.4rem; line-height: 1.4; }
    .vendor-wrapper .product-absolute:hover { -webkit-box-shadow: unset; box-shadow: unset; }
    .vendor-wrapper .product-details { padding-top: 0px !important; }
        .vendor-wrapper .product-details .product-name { line-height: 1.7rem !important; min-height: 68px; }

/* Category Banner Wrapper */
/*.category-banner-wrapper img { min-height: 18rem; }*/
.category-banner-wrapper .banner-content { right: 4rem; margin: 0.2rem 0 0 0; }
.category-banner-wrapper .banner-subtitle { font-size: 2.4em; letter-spacing: 1.2px; }
.category-banner-wrapper .banner-title { margin-bottom: 1.3rem; font-size: 2em; }
.category-banner-wrapper .banner-price-info { font-size: 1.8em; }
    .category-banner-wrapper .banner-price-info span { font-size: 1.1em; }

/* Banner Product Wrapper */
.categories { padding: 2.5rem 3rem 2.5rem 2rem; }
    .categories a:not(.btn) { display: inline-block; padding: 0.6rem 0; color: #666; }
        .categories a:not(.btn):hover { color: #2A9CF5; }
    .categories .nav-item.active a { color: #2A9CF5; }
    .categories .btn { margin-top: auto; text-align: start; }

.banner-product-wrapper .banner-title { margin-top: 0.1rem; font-size: 1.4em; letter-spacing: 0.01em; }
.banner-product-wrapper .product-wrap { margin-bottom: 0; }
    .banner-product-wrapper .product-wrap .product { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; }
.banner-product-wrapper .product-name { margin-bottom: 1rem; }
.banner-product-wrapper .product-details { margin-top: auto; padding: 1.8rem 1rem 1.7rem; }
.banner-product-wrapper .ratings-container { margin: -0.3rem 0 0.8rem; }
.banner-product-wrapper .product-price { line-height: 1; }
.banner-product-wrapper .btn-icon-right i { margin: 0 0.8rem 0.3rem 0; }
.banner-product-wrapper ul { margin-top: 1.2rem; }

/* Category Banner Wrapper2 */
.category-banner-wrapper2 .banner-content img { position: absolute; top: 33%; right: 13.8rem; max-width: 8rem; min-height: unset; }
.category-banner-wrapper2 .banner-content strong { font-weight: 800; line-height: 1.2; }
.category-banner-wrapper2 .banner-title, .category-banner-wrapper2 .banner-price-info { position: relative; font-size: 3em; letter-spacing: 1.5px; margin-bottom: 0.4rem; }
.category-banner-wrapper2 .banner-price-info { margin: 0.3rem 0 1.3rem 0; }
.category-banner-wrapper2 .btn i { margin-right: 0.3rem; }

/* Sale on Banner */
.sale-on-banner { margin: -0.1rem 0 6rem; }
    .sale-on-banner img { min-height: 20rem; }
    .sale-on-banner .banner-content { width: 100%; }
    .sale-on-banner .banner-title { font-size: 4.8em; margin: 0 -3px 7px 0; }
    .sale-on-banner .banner-price-info { font-size: 4.8em; font-weight: 800; line-height: 1.1; }

/* Brands Wrapper */
.title-client { font-size: 2rem; }

/*select-product-wrapper*/
.select-products-title .nav-link { padding: 1rem 2.5rem 1.3rem 1rem; font-weight: 400; }
.select-products-title .tab { margin: 0 auto 0 -0.5rem; }
.select-products-title .title { font-size: 2.1rem; }

/*recent-view*/
.title-recent .title { padding-top: 1.7rem; font-size: 2rem; }

/*footer*/
.footer-top .widget-about .widget-about-desc { max-width: 48.2rem; line-height: 2.1; }
.footer-top .widget-about-title { font-size: 1.35rem; }
.footer-top .label-social { margin: 1.8rem 0 1.3rem; text-align: right }

.footer-middle .category-box a { color: #999; }
    .footer-middle .category-box a::after { border-color: #888; }

.footer-dark .footer-top, .footer-dark .footer-middle { border-color: #888; }

.footer-newsletter { padding: 2.7rem 0 2.9rem; }
    .footer-newsletter .icon-box-icon i { font-size: 4.8rem; }
    .footer-newsletter .icon-box-title { margin-bottom: 0.2rem; }
    .footer-newsletter .form-control { border: none; min-height: 4.8rem; }

.footer.footer-dark a:active,
.footer.footer-dark a.active,
.footer.footer-dark a:hover { color: #2A9CF5; }

/*Shop default banner*/
.shop-default-banner { min-height: 30rem; }
    .shop-default-banner .banner-content { position: absolute; right: 3%; width: 100%; }
    .shop-default-banner .banner-subtitle { font-size: 2em; letter-spacing: -1px; margin-bottom: 0.2rem; }
    .shop-default-banner .banner-title { font-size: 5.5em; }
    .shop-default-banner .btn { font-size: 1.4rem; padding: 1.7rem 3.3rem; border-color: rgba(51, 51, 51, 0.6); }
        .shop-default-banner .btn i { font-size: 1.9rem; margin-right: 0.7rem; }

.toolbox .toolbox-show select { width: 9.8rem; padding-right: 1.5rem; }

.toolbox-horizontal .toolbox-item.opened .select-menu-toggle { border-color: #2A9CF5; }
.toolbox-horizontal .filter-items a:hover { color: #2A9CF5; }






.page-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 8rem; background-color: #eee; margin: 0px !important; text-align: center; text-transform: capitalize; }
.page-title { font-size: 2.3rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; margin-bottom: 0.2rem; }
.page-subtitle { margin-bottom: 0; font-size: 1.8rem; font-weight: normal; letter-spacing: 0; line-height: 1.6; color: #666; }
.page-content { background-color: #fff; min-height: 400px; }


#account-dashboard.tab-pane { padding-top: 1.5rem; }
#account-dashboard p.greeting { font-size: 1.6rem; }
#account-dashboard p a:hover { text-decoration: underline; }
#account-dashboard .icon-box { padding: 4rem 2rem; border: 1px solid #eee; border-radius: 3px; -webkit-transition: all 0.4s; transition: all 0.4s; }
    #account-dashboard .icon-box:hover { -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }
        #account-dashboard .icon-box:hover p { color: #336699; }
    #account-dashboard .icon-box p { margin-bottom: 0; font-size: 1.4rem; color: #666; -webkit-transition: color; transition: color; }
#account-dashboard .icon-box-title { font-size: 1.8rem; text-transform: capitalize; }
#account-dashboard .icon-box-icon i { font-size: 4.5rem; color: #555 }
#account-dashboard .icon-box:hover .icon-box-icon i { color: #2A9CF5}

/*my css*/
.m-w200 { min-width: 200px !important }
.Search-result { width: 60%; display: none; top: 70px; position: absolute; background-color: #fff; z-index: 5000; height: 315px; overflow-x: hidden; overflow-y: scroll; right: 25%; }
    .Search-result .searchItem { width: 100%; text-align: right; color: #666 !important; border-bottom: 1px solid rgba(0,0,0,.05); transition: all .4s; -ms-transition: all .4s; -moz-transition: all .4s; -o-transition: all .8s; -webkit-transition: all .4s; }
        .Search-result .searchItem:hover { background-color: #ecfae3; color: #3b530c; }
    .Search-result img { width: 45px; height: 45px; padding: 2px; }
.header-search .drop { border: 0px; border-left: 1px solid #eee; font-family: yekan; color: #666 }
.mSearch-result { position: relative !important; top: 0 !important; max-height: 425px; overflow-y: auto !important; width: 100% !important; right: 0 !important }
#mSearchModal .input-group-addon { width: 10%; padding-left: 5% !important }
    #mSearchModal .input-group-addon i { color: #666 !important; padding-top: 10px; padding-left: 5px; }
.sticky-footer span { background-color: #2A9CF5; color: #fff; /*position: absolute;*/ top: -5px; /*left: -5px;*/ padding: 0px 7px; font-size: 8.5pt; box-shadow: 1px -1px 2px #ccc; border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; }
.blog::before { height: 71% !important; }
.blog h4 { height: 50px; font-size: 1.4rem; padding-top: 15px; }
.blog i { padding: 10px 12px 10px 14px; border-radius: 100%; }
.blog .fa-play { border: 2px solid #ccc; }
.dashboard .link-item { margin-bottom: 0; font-size: 1.4rem; text-transform: none; border-bottom: 1px solid #eee; color: #555; }
    .dashboard .link-item a { color: inherit; padding: 1.4rem 0.5rem 1.3rem !important; font-weight: 600; }
    .dashboard .link-item:hover { color: #2A9CF5; }
    .dashboard .link-item i { padding-left: 7px; font-size: 1.7rem }

.video-container { position: relative; padding: 1px; margin-bottom: 10px; box-shadow: inset 0 1px 4px rgba(116, 120, 125, 0.4); -webkit-box-shadow: inset 0 1px 4px rgba(116, 120, 125, 0.4); -o-box-shadow: inset 0 1px 4px rgba(116, 120, 125, 0.4); border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px; }
    .video-container img { border-top-left-radius: 7px; -webkit-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; border-top-right-radius: 7px; -o-border-top-right-radius: 7px; -webkit-border-top-right-radius: 7px; width: 100%; }
.video-hover-box { position: absolute; top: 20%; }
.play-icon { color: #555; background: rgba(255,255,255,.8); border-radius: 50%; padding: 15px 0 0 3px; margin: 0 auto; width: 50px; height: 50px; text-align: center; }
    .play-icon .fa { font-size: 17pt; }
    .play-icon:hover { color: #E2382B; background: rgba(255,255,255,.95); }
.play-title { font-size: 10pt; font-weight: 700; color: #444; margin-bottom: 7px; padding-top: 5px; text-align: center; }
.Mag-header { text-align: center; top: 4%; bottom: 1%; }
    .Mag-header img { margin: auto; max-height: 80px; }

.currentLable, .numeric { font-size: 12pt; padding: 6px 12px; color: #666 }
.currentLable { color: #2A9CF5; border: 1px solid #ddd; }

.hidencheck label { padding: 3px 10px; border-radius: 15px; -webkit-border-radius: 15px; /*border: 1px solid #eee;*/ display: inline-block !important; }
input:checked + label .fa-check { display: inline-block !important; }
.hidencheck .fa-check { color: #3c763d; margin-top: 4px; display: none !important; }
.hidencheck input[type="radio"] { display: none !important; }
.hidencheck .fullw { width: 100%; text-align: right; }
.hidencheck input:checked + label { border: 1px solid #a9acb9; padding: 6px; }
    .hidencheck input:checked + label .fa-check { display: block !important; }
label { cursor: pointer; margin-right: 5px; line-height: 2; text-align: center; font-size: 12px; font-weight: normal !important; }
.hidencheck .color { border: 1px solid #999; border-radius: 50%; width: 18px; height: 18px; display: inline-block; float: right; bottom: 1px; margin-left: 5px; position: relative; }

.proDrop { cursor: pointer !important; min-height: 4.2rem !important; min-width: 240px; border-radius: 4px }
    .proDrop a { color: #444 !important }
    .proDrop .dropdown-menu li a { padding: 7px; border-bottom: 1px solid #ddd; }
    .proDrop .dropdown-menu li:last-child a { border-bottom: 0; }
    .proDrop .dropdown-menu li a:hover { background-color: #ddd !important; }
    .proDrop > a::after { font-family: "wolmart"; content: ""; font-weight: 600; font-size: 0.9rem; }
.product-form .fa-gift { color: #2A9CF5!important }
.Dropcolor { background-color: #fed6d6; border: 1px solid #fba9a9 !important }


#ProductDiscounts .fa-gift { color: #2A9CF5!important; font-size: 13pt; }
#ProductDiscounts .Drop { /* max-width: 85% !important; margin-right: 50px; border-radius: 10px; border: 1px solid #f0c19e !important;*/ }
#ProductDiscounts .dropdown-menu li { /*max-height: 80px;*/ cursor: pointer !important; white-space: unset !important; font-size: 10pt; color: #444; padding: 5px 6px; border-bottom: 1px solid #eed5c2; border-top: 2px solid #fff; }
    #ProductDiscounts .dropdown-menu li:first-child { border-top: 0px !important; }
    #ProductDiscounts .dropdown-menu li:last-child { border-bottom: 0px !important; }
#ProductDiscounts .dropdown-menu { top: 44px; max-height: 280px; overflow: hidden; overflow-y: scroll; width: 100%; }
    #ProductDiscounts .dropdown-menu li:hover { background-color: #fff !important; }
    #ProductDiscounts .dropdown-menu li img { max-height: 44px; border-radius: 20%; border-top-left-radius: 20%; border-top-right-radius: 20%; border-bottom-right-radius: 20%; border-bottom-left-radius: 20%; border: 1px solid #ddd; }
#ProductDiscounts .disc { font-size: 7.5pt; color: #a29d97; text-align: center; text-decoration: line-through; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
#ProductDiscounts .price { font-size: 9.5pt; text-align: center; color: darkorange; border-radius: 5px; -webkit-border-radius: 5px; padding: 3px; }
#ProductDiscounts .pkg-r { float: right; width: 27%; }
#ProductDiscounts .pkg-l { float: right; width: 73%; }
#ProductDiscounts .pkg-r a { border: 0px !important }
.scroller { scrollbar-width: thin; scrollbar-color: #aaa rgb(255, 255, 255); }
#selectPackage { cursor: pointer; color: #4f4d4c; font-size: 10pt; }
.discount { padding-top: 10px; }
.PkgColor { background-color: #ffdec6 !important; width: 100% !important; padding: 5px !important; box-shadow: 0 0 7px #e3cfc7; -ms-box-shadow: 0 0 7px #e3cfc7; }
    .PkgColor .Drop { background-color: #fff !important; }

.inform { /*float: left;*/ width: 100px }
    .inform .btn { color: #555 !important; margin-right: 4px; background: radial-gradient(#fff,#dfe1ec); -ms-background: radial-gradient(#fff,#dfe1ec); -o-background: radial-gradient(#fff,#dfe1ec); -webkit-background: radial-gradient(#fff,#dfe1ec); }
        .inform .btn span { border-right: 1px solid #b9b4b4; padding-right: 5px; }
    .inform i { font-size: 12pt; padding-top: 2px; margin-left: 7px; color: #000; }
    .inform:hover i { animation: Bell 0.7s infinite alternate; }
.iModal .modal-dialog { position: fixed; top: 0; left: 0; right: 0; }
.iModal .modal-content { position: absolute; top: 0; left: 0; right: 0; background: rgba(255,255,255,.9) !important; }
.iModal .modal-footer { text-align: right !important; color: #111; font-size: 12pt; }
.iModal .madal-header i { font-size: 14pt; }
.iModal .modal-header { font-size: 14pt; color: #555; }
.iModal .btn-row { padding-top: 10px; text-align: left; }

.proBtn { position: absolute; top: 40px; right: 15px; z-index: 100 }
    .proBtn .btn { margin-bottom: 5px; border-radius: 50% !important; padding: 10px 0px 0px 0px !important; width: 40px; height: 40px; background-color: rgba(243,244,244,.8) !important; color: #777 !important; border: none !important; text-align: center !important }
    .proBtn .fa { padding-top: 6.5px; font-size: 12pt; }
.SelectedF { color: #f14545 !important; }
.product-quantity a { width: 2.4rem; height: 2.4rem; border-radius: 50%; background-color: #eee; color: #444 !important; padding-top: 3.2px; }
.product-quantity span { padding: 0px 10px; }
.discountRow { color: rgb(102, 100, 98); background-color: rgb(253, 234, 191) }
    .discountRow .disTitle { text-align: right; padding-right: 5px; }


.shop-table { text-align: start; }
    .shop-table tbody { border-bottom: 1px solid #eee; }
    .shop-table td { padding: 0.5rem 0 0.5rem 0; border-top: 1px solid #eee; font-size: 1.4rem; }
    .shop-table tbody td:not(:first-child),
    .shop-table thead th:not(:first-child) { padding-left: 1rem; text-align: center }
    .shop-table .product-thumbnail { width: 11rem; padding-right: 1rem; }
    .shop-table .product-name { white-space: normal; word-break: break-word; }
    .shop-table .product-thumbnail a { position: relative; }
    .shop-table th { padding: 1.7rem 0 1.3rem; font-size: 1.6rem; font-weight: 600; color: #333; text-transform: capitalize; line-height: 1.6; letter-spacing: 0; }
    .shop-table img { display: block; max-width: 100px; }
    .shop-table .product-thumbnail > div { display: block; max-width: 10rem; width: 100%; }
    .shop-table .btn-close { position: absolute; padding: 0; background: #fff; border: 2px solid #fff; width: 20px; height: 20px; border-radius: 50%; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); top: -14px; right: -8px; }
        .shop-table .btn-close i { color: #333; font-size: 12px; font-weight: 600; margin-left: 0; }
        .shop-table .btn-close:hover { background-color: #fff; }
            .shop-table .btn-close:hover i { color: #336699; }
    .shop-table .bordered { border-right: 1px solid #eee; border-left: 1px solid #eee; }

    .shop-table.cart-table th { padding: 1rem 0 1.2rem; letter-spacing: -0.025em; }
    .shop-table.cart-table .product-price { width: 17.3%; }
    .shop-table.cart-table .product-quantity { width: 25.7%; }
    .shop-table.cart-table .product-subtotal { width: 16%; }
    .shop-table.cart-table .product-name { color: #333; }
    .shop-table.cart-table .product-quantity .input-group { max-width: 120px; }
    .shop-table.cart-table .btn-close { top: -8px; left: -7px; }
    .shop-table.cart-table td.product-subtotal { font-size: 1.6rem; font-weight: 600; color: #333; letter-spacing: -0.05em; }
    .shop-table.cart-table td.product-price { font-weight: 400; font-size: 1.6rem; }

.smallFrm { width: 50%; margin: auto; min-width: 300px; padding: 2% }
    .smallFrm a { color: #444 !important }
    .smallFrm i { padding-left: 10px; }

.validation-error { position: absolute; font-family: Tahoma; font-size: 8pt !important; text-align: left; bottom: 0; background-color: #ffd6d6; display: block; width: 97%; min-height: 4.7rem; padding: 0.85rem 2rem; }

#ShareModal .modal-header { font-size: 15pt; color: #555; }
#ShareModal .modal-footer { text-align: center !important; padding-top: 5%; padding-bottom: 10% }
    #ShareModal .modal-footer div { padding-top: 8%; }
    #ShareModal .modal-footer p { margin: 0 0 10px; color: #777; text-align: right; line-height: 25px; font-size: 12pt; }
#ShareModal .icon { width: 40px; height: 40px; margin: 5px; color: #fff; border-radius: 6px; }
#ShareModal img { margin-bottom: 10px !important }
#ShareModal .fa-facebook { background-color: #4d8deb; padding-top: 7px !important; font-size: 17pt; margin-top: 2px; }
#ShareModal .fa-twitter { background-color: #4dcceb; padding-top: 7px !important; font-size: 17pt; margin-top: 2px; }
#ShareModal .fa-send { background-color: #417cd3; padding-top: 7px !important; font-size: 17pt; margin-top: 2px; }
#ShareModal .fa-envelope { background-color: #F44720; padding-top: 7px !important; font-size: 17pt; margin-top: 2px; }

.modal-header { border: 0px !important }
.compare { position: relative }
    .compare .compare-count { position: absolute; width: 1.9rem; height: 1.9rem; border-radius: 50%; font-style: normal; z-index: 1; left: 6px; top: -5px; font-family: yekan; font-size: 1.1rem; font-weight: 400; line-height: 1.8rem; background: #2A9CF5; color: #fff; text-align: center; }

#product-tab-specification ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0rem 0 1rem; }
#product-tab-specification ul label { -webkit-box-flex: 0; -ms-flex: 0 0 18rem; flex: 0 0 18rem; max-width: 20rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; z-index: 1; color: #000; font-weight: bold !important; }
#product-tab-specification ul p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; }
#product-tab-specification ul li:not(:last-child) p { border-bottom: 1px dashed #eee; padding-bottom: 7px; }
.product-tabs .nav-item:not(:last-child) { margin-left: 4rem; }
.product-tabs .nav-link { padding: 1.5rem 0 1.3rem; font-size: 2rem; font-weight: 700; color: #999; text-transform: capitalize; }
    .product-tabs .nav-link::after { border-top: 2px solid transparent; }
.product-tabs .nav-tabs .nav-link:hover, .product-tabs .nav-tabs .nav-link.active { color: #333; background-color: transparent !important; border-color: transparent !important }
.product-tabs .tab-pane { padding: 2rem 0 2.7rem; }
.product-tabs ul { font-size: 1.4rem; color: #666; }
.product-tabs .product-video img { min-height: 20rem; }
.checkcontainer { width: 100%; display: block; text-align: right; position: relative; padding-right: 35px; margin-bottom: 12px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .checkcontainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; right: 0; height: 25px; width: 25px; background-color: #eee; }
.checkcontainer:hover input ~ .checkmark { background-color: #ccc; }
.checkcontainer input:checked ~ .checkmark { background-color: #ef384c /*2196F3*/; }
.checkmark:after { content: ""; position: absolute; display: none; }
.checkcontainer input:checked ~ .checkmark:after { display: block; }
.checkcontainer .checkmark:after { right: 9px; top: 5px; width: 5px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


.rblcontainer input[type="radio"] { width: auto; display: none; }
.rblcontainer br { display: none; }
.rblcontainer label { color: #777; width: auto; /*margin-right:5px;*/ border-radius: 3px; cursor: pointer; transition: 0.7s all; -o-transition: 0.7s all; -moz-transition: 0.7s all; -webkit-transition: 0.7s all; -ms-transition: 0.7s all; }
.rblcontainer input[type="radio"]:empty ~ label { font-size: medium; position: relative; float: right; line-height: 1.7em; text-indent: 2.5em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .rblcontainer input[type="radio"]:empty ~ label:before { position: absolute; display: block; top: 0; bottom: 0; right: 0; content: ''; width: 1.7em; border: 1px solid #ef384c; border-radius: 30px; }
.rblcontainer input[type="radio"]:hover:not(:checked) ~ label:before { content: '\2714'; text-indent: 0; color: #C2C2C2; }
.rblcontainer input[type="radio"]:hover:not(:checked) ~ label { }
.rblcontainer input[type="radio"]:checked ~ label:before { width: 1.7em; height: 1.7em; content: '\2714'; text-indent: 0; color: #fff; background-color: #ef384c; }
.rblcontainer input[type="radio"]:checked ~ label { color: #444; }
.rblcontainer input[type="radio"]:focus ~ label:before { box-shadow: 0 0 0 3px #999; }
.bo-no { border: 0px !important; }
.TelTxt { float: right; margin-left: 2%; }
.TelTxt { width: 70% !important; }
    .TelTxt .validation-error { top: 0; }
.CodeTxt { float: right; width: 28% }

    .CodeTxt .validation-error { max-width: 70px !important; top: 0; }


.cart-box1 { padding: 10px; border-bottom: 1px solid #eee; margin-bottom: 20px; margin-top: 10px; }
.cart-box { background-color: #fcfcfc; padding: 10px; border-radius: 10px; border: 4px solid #fff; }
    .cart-box .cart-title { text-align: right; font-size: 1.7rem }
.typeDesc { border-top: 1px solid #d2d1d1; color: #7f828a; padding-top: 15px; text-align: justify; font-size: 1.2rem; text-align: justify; margin-top: 20px; }
    .typeDesc p { font-size: 1.2rem; text-align: justify }
.table-hover .head { background-color: #777; color: #fff; }
.table-hover td { text-align: center; }


.factor-tbl { max-width: 700px; margin: 0 auto; }
    .factor-tbl td { vertical-align: middle !important; text-align: center; }
    .factor-tbl .success { background-color: #99a2b1 !important; color: #fff; text-align: right; }
    .factor-tbl .price { background-color: #efefef; text-align: right; }
    .factor-tbl .price-total { font-size: 12pt; text-align: right; }
    .factor-tbl span { color: #000; }
    .factor-tbl .title, .factor-tbl .value { float: right; padding: 4px 10px 4px 4px; }
    .factor-tbl .recieve-time { padding: 10px; text-align: center; font-size: 12pt; }
    .factor-tbl p { text-align: right; }
.factor-tbl-Full { max-width: 100% !important; color: #555; }
    .factor-tbl-Full .success { background-color: #eee !important; color: #222 !important; }
    .factor-tbl-Full .assemble { background-color: rgba(0,0,0,.25) !important; color: #222 !important; text-align: right; }
#followCode { font-size: 15pt; font-weight: 600; }

.cart-summary { padding: 2.3rem 3rem 3rem 3rem; border: 1px solid #eee; border-radius: 4px; line-height: 1; }
.payBtn { padding: 10px; font-size: 12pt !important; width: 100%; margin-bottom: 7px; }

.product-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: sticky; }
    .product-gallery.row > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .product-gallery.product-gallery-sticky { top: 2rem; }

.product-gallery-btn { position: absolute; padding: 1rem; width: 4rem; height: 4rem; left: 1.5rem; bottom: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; border-radius: 50%; color: #999; background: #fff; font-size: 2rem; line-height: 1; opacity: 0.7; -webkit-transition: opacity 0.3s, color 0.3s; transition: opacity 0.3s, color 0.3s; z-index: 1; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); cursor: pointer; }
    .product-gallery-btn.product-degree-viewer { bottom: 6.5rem; }
    .product-gallery-btn.product-video-viewer { bottom: 11.5rem; }
    .product-gallery-btn:hover { opacity: 1; color: #333; }

.product-sticky-content.fixed { background-color: #fff; }

.p-r-col { float: right; width: 21%; /*padding-right: 2% */}
    .p-r-col img { width: 100% }
.p-l-col { float: left; width: 79%; padding-right: 2.5% }
.clearBoth { clear: both; content: "."; display: block; visibility: hidden; }

.Cm { width: 100%; line-height: 23px; -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.09); box-shadow: inset 0 1px 4px rgba(0,0,0,.09); background-color: #f7f7f7; margin-bottom: 5px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 12px; }
    .Cm .Cm-title { color: #222; font-size: 12pt; }
    .Cm .Cm-description { color: #777; text-align: justify; font-size: 10pt; }
    .Cm .Cm-date { font-family: Tahoma; font-size: 8pt; color: #888; float: right; }
    .Cm .Cm-score { color: #888; float: left; }
        .Cm .Cm-score .fa-minus-circle { color: #f15858; padding-left: 10px; }
.Cm-Answer { padding: 1%; background-color: #fff; margin: .7% 3% 0 2%; border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #f0dfb7; color: #666; }
.currentLable, .numeric { font-family: IRANSans; font-size: 12pt; padding: 2px 5px; }
.Cm .Cm-score .fa-plus-circle { color: #8cad4e; }

.testimonial-blockquote blockquote { overflow: visible; padding: 4rem 3rem; margin-bottom: 2rem; text-align: justify; border: 0px; font-size: 10pt; color: #aaa }
.freeShipping { text-align: center; max-width: 90px; color: #f41919; border-radius: 50px; webkit-border-radius: 50px; font-size: 9pt !important; float: left }

.related-product-section { padding-bottom: 2rem; border-bottom: 1px solid #eee }
    .related-product-section .swiper-slide:not(:last-child) { border-left: 1px solid #eee; padding-left: 20px; }

.d-table { display: table }
.d-table-row { display: table-row }
.d-table-cell { display: table-cell }
.maglogo { margin: auto }

.img-grayscale { filter: grayscale(100%) !important; }
.swiper-pagination-bullet { width: 10.5px; height: 10.5px !important; }

.top-icon-box { padding: 2rem !important; background-color: #f5f5f5 }
    .top-icon-box .icon-box-content p span { color: #2A9CF5; font-size: 13pt; font-weight: bold }
    .top-icon-box .text-uppercase, .top-icon-box .text-uppercase a { color: #000 !important; font-weight: bold; }

nav a, mobile-menu a { cursor: pointer !important }

.pro-lst-img { width: 50%; margin-left: auto !important; margin-right: auto !important; }
.pro-lst-txt, .pro-lst-txt a { color: #333; font-family: yekan; text-decoration: none !important }
.pro-lst-header { background-color: #333; color: #fff; }
.pro-lst .table > tbody > tr:nth-child(odd) { background: #eee; }
.pro-lst .table > tbody > tr:nth-child(even) { background: #fff; }


.errorBox { text-align: center; padding: 7%; color: #b9560c; }
    .errorBox .fa-warning { color: #f3711b; }
    .errorBox p { font-size: 12pt; }
/*my css*/

@media (min-width: 1300px) {
    .banner-product-wrapper .col-xl-3 { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }
    .banner-product-wrapper .product-wrapper { max-width: 80%; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; }
}

@media (min-width: 1200px) {
    .footer-newsletter .col-xl-5 { padding-right: 7.7rem; }
}

@media (max-width: 991px) {
    .header-middle { padding: 2.6rem 0 2.8rem; }
    .footer-newsletter { padding: 4rem 0; }
        .footer-newsletter .logo-footer img { margin: 0 auto 2rem; }

    .Search-result { right: 25%; top: 120px; }
}

@media (min-width: 992px) {
    .footer-top .col-lg-2 { max-width: 19.4444%; -webkit-box-flex: 0; -ms-flex: 0 0 19.4444%; flex: 0 0 19.4444%; }
}

@media (min-width: 768px) {
    .select-products-title .nav-link { padding-left: 0; }

    .icon-box-wrapper .icon-box-icon { margin-left: 1.9rem; }
    .vendor-wrapper p { height: 15px; }
}

@media (max-width: 767px) {
    .title-link-wrapper.select-products-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }


    .select-products-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
        .select-products-title .tab { margin: auto; }
        .select-products-title .nav-link { padding: 1rem; }
    .intro-slide1 .banner-content { left: 5%; }
    .intro-slide2 .banner-content { right: 5%; }
    .title-deals { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
        .title-deals .title { margin: 0; padding: 0; }
        .title-deals .product-countdown-container { margin-right: auto; }
    .cart-table td.product-subtotal { text-align: center; }
    .cart-table.shop-table .product-quantity { width: auto; }
    .cart-table.shop-table .product-subtotal { width: auto; }

    .shop-table:not(.account-orders-table) { text-align: center; }
        .shop-table:not(.account-orders-table) thead { display: none; }
        .shop-table:not(.account-orders-table) tbody { border: 1px solid #eee; }
        .shop-table:not(.account-orders-table) tbody, .shop-table:not(.account-orders-table) tr, .shop-table:not(.account-orders-table) td { display: block; }
        .shop-table:not(.account-orders-table) tr { position: relative; padding: 4.2rem 2rem 4rem; }
            .shop-table:not(.account-orders-table) tr + tr { border-top: 1px solid #eee; }
        .shop-table:not(.account-orders-table) td { padding: 0; border: none; }
            .shop-table:not(.account-orders-table) td.product-thumbnail,
            .shop-table:not(.account-orders-table) .product-quantity { margin-bottom: 1rem; width: auto; }
            .shop-table:not(.account-orders-table) td.product-thumbnail { padding-right: 0; }
        .shop-table:not(.account-orders-table) .product-name, .shop-table:not(.account-orders-table) .product-price, .shop-table:not(.account-orders-table) .product-stock-status { margin-bottom: 1rem; }
        .shop-table:not(.account-orders-table) .product-thumbnail > div, .shop-table:not(.account-orders-table) td { margin-left: auto; margin-right: auto; }
        .shop-table:not(.account-orders-table) .product-thumbnail > div { max-width: 30rem; }
            .shop-table:not(.account-orders-table) .product-thumbnail > div img { max-width: 100%; margin: auto }
        .shop-table:not(.account-orders-table) .product-stock-status,
        .shop-table:not(.account-orders-table) .wishlist-action { width: auto; }
        .shop-table:not(.account-orders-table) tbody td:not(:first-child),
        .shop-table:not(.account-orders-table) thead th:not(:first-child) { padding-left: 0; }
    .p-r-col { display: none; }
    .p-l-col { float: none; width: 100% !important }
}
.SiteAlert { position: fixed; left: 1%; bottom: 2%; z-index: 2000; background-color: rgb(213 34 29 / 93%); padding: 20px; border-radius: 30px; color: #fff; }

@media (max-width: 575px) {
    .banner { font-size: 0.8rem; }
    .banner-big-sale { background-position: right; }
    .header-top .header-right { padding-top: 0.5rem; padding-bottom: 0.5rem }
  /*  .logo img{ min-width: 8.5rem !important; max-width: 8.5rem; position: absolute; top: 0px }*/
    .logo img {  max-height:38px;}
    .header-middle { padding: 1.3rem 0 1.3rem !important; }
    .SiteAlert { left: 2%; bottom: 9% !important; padding: 10px !important; font-size: 9pt !important; }
}

/*@media (min-width: 576px) {
    .header-middle .logo { margin-right: 3rem; }
}*/

.NotFoundError { font-family: Yekan; font-size: 12pt; margin: 0 auto; width: 100%; max-width: 500px; text-align: center; padding-top: 5%; }
    .NotFoundError span { font-size: 80pt; font-family: Verdana; color: #666; }
    .NotFoundError p { padding: 0 !important; }
    .NotFoundError .fa { color: #aaa; }