/*
	Table of Contents
	update on Wed May 14 2025 11:02:25 GMT+0300 (GMT+03:00)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Container --------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Scroll -----------------------------------
	         Variables --------------------------------
	         Favorite product -------------------------
	         Background -------------------------------
	         Grid -------------------------------------
	         Colors -----------------------------------
	II.  Regions --------------------------------------
	     01. Filter -----------------------------------
	     02. Footer -----------------------------------
	     03. Header -----------------------------------
	     04. Sidebar ----------------------------------
	     05. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Breadcrumb -------------------------------
	     02. Button -----------------------------------
	     03. Card -------------------------------------
	     04. Form Elements ----------------------------
	     05. Form -------------------------------------
	     06. List -------------------------------------
	         Product card -----------------------------
	         Contacts ---------------------------------
		 07. Modal -------------------------------------
	     08. Nav --------------------------------------
	     09. Pagination -------------------------------
	     10. Section ----------------------------------
	     11. Slider -----------------------------------
	     12. Table ------------------------------------
	     13. Widget -----------------------------------
 */

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; }

details, menu { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { appearance: none; }

textarea { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

table { width: 100%; border-spacing: 0; }

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

article ul,
article ol,
.article ul,
.article ol  { list-style-type: disc !important; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: white; font-family: 'Rubik Regular', sans-serif; font-size: 1rem; line-height: 1.2; color: #454545; }

a { color: inherit; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.6em; }

/* h1,
.h1,
h2,
.h2 { font-size: 2.5rem; line-height: 1.2; }
h3,
.h3 { font-size: 1.75rem; line-height: 1.33; }
h4,
.h4 { font-size: 1.5rem; line-height: 1.33; }
h5,
.h5 { font-size: 1.25rem; line-height: 1.2; } */

h1,
.h1,
h2,
.h2 { font-size: 34px;line-height: 1.2; }
h3,
.h3 { font-size: 1.75rem; line-height: 1.33; }
h4,
.h4 { font-size: 1.5rem; line-height: 1.33; }
h5,
.h5 { font-size: 1.25rem; line-height: 1.2; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }


@media (max-width: 767px) {
	h1,
	.h1,
	h2,
	.h2 { font-size: 2rem; line-height: 1.25; }

	h3,
	.h3 { font-size: 1.5rem; }

	h4,
	.h4 { font-size: 1.25rem; line-height: 1.2; }

	h5,
	.h5 { font-size: 1rem; line-height: 1.5; }
}
/* $breakpoint-lg-desktop {
	html { font-size: 14px; }
}

$breakpoint-mobile {
	html { font-size: 12px; }
} */

/* Container */

@media(min-width: 575px){
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl { max-width: 100% !important; }
}

@media(min-width: 767px){
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl { max-width: calc(1140px + 1.5rem) !important; }
}

@media(min-width: 992px){
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl { max-width: calc(1300px + 1.5rem) !important; }
}

@media(min-width: 1200px){
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl { max-width: calc(1400px + 1.5rem) !important; }
}

@media(min-width: 1400px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl,
	.container-xxl { max-width: calc(1440px + 1.5rem) !important; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/roboto-bold-webfont.woff') format('woff'),
    url('../fonts/roboto-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/roboto-regular-webfont.woff') format('woff'),
    url('../fonts/roboto-regular-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/roboto-medium-webfont.woff') format('woff'),
    url('../fonts/roboto-medium-webfont.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Regular';
    src: url('../fonts/rubik-regular-webfont.woff') format('woff'),
    url('../fonts/rubik-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Bold';
    src: url('../fonts/rubik-bold-webfont.woff') format('woff'),
    url('../fonts/rubik-bold-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserr Atalternates Bold';
    src: url('../fonts/montserratalternates-bold-webfont.woff') format('woff'),
    url('../fonts/montserratalternates-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma Italic';
    src: url('../fonts/axiforma-italic-webfont.woff') format('woff'),
    url('../fonts/axiforma-italic-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

body { overflow-x: hidden; }

/* Scroll */
::-webkit-scrollbar { width: 15px; height: 8px; }
::-webkit-scrollbar-track { background: #F1F1F1; }
::-webkit-scrollbar-thumb { background: #CC1E27; border-radius: 4px; }

* { scrollbar-color: #CC1E27 #F1F1F1; }

.backdrop-c { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.backdrop-c.active { opacity: 1; visibility: visible; }

.offcanvas-backdrop.show { z-index: 1900; opacity: .7; }


/* Variables */
:root {
	--heart: #CC1E27;
	--ease: cubic-bezier(0.42, 0, 0.58, 1);
  }

/* Favorite product */
.favorite-product { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; }
.favorite-product:hover { border: 1px solid #EBEBEB !important; background-color: #EBEBEB !important; }
.favorite-product .heart-active svg { fill: var(--heart); stroke: var(--heart);  }
.favorite-product svg { overflow: visible; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-57%, -50%); transform: translate(-57%, -50%); }
.favorite-product svg use { fill: transparent; stroke: #545454; stroke-width: 1.75; transition: all 0.33s ease-in; }
.favorite-product svg use:last-child { fill: var(--heart); stroke: var(--heart); -ms-transform: scale(.02); transform: scale(.02); opacity: 0; -ms-transform-origin: center; transform-origin: center; transition: all 0.33s var(--ease); }
.favorite-product .on use { stroke: transparent; }
.favorite-product .on use:last-child { -ms-transform: scale(1); transform: scale(1);  opacity: 1;  transition: all 0.33s var(--ease); }

/* Background */
.bg-secondary-c { background-color:#F7F7F7 !important; }


/* Grid */
.grid-gallery { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; gap: 1.5rem; }

.grid-item,
.grid-gallery .grid-item img { position: relative; border-radius: 32px; }
.grid-gallery .grid-item:nth-child(1),
.grid-gallery .grid-item:nth-child(5) { grid-column: span 3; grid-row: span 1; }
.grid-gallery .grid-item:nth-child(2),
.grid-gallery .grid-item:nth-child(4) { grid-column: span 6; grid-row: span 1; }
.grid-gallery .grid-item:nth-child(3) { grid-column: span 3; grid-row: span 2; }
.grid-item:hover .btn-arrow i { -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); color: #CC1E27; }


/* Colors */
.text-danger-c { color: #CC1E27 !important; }
.text-success-c { color: #21BF27 !important; }

@media (max-width: 767px) {
	.grid-gallery .grid-item { grid-column: span 12 !important; }
	.grid-gallery .grid-item img { width: 100%; }
}

@keyframes fillDown {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Filter
\* ------------------------------------------------------------ */


@media(min-width: 992px) {
    .filter-list-menu { position: static; display: block; -ms-transform: none !important; transform: none !important; visibility: visible; opacity: 1; }
}

.filter-list-menu { border: none !important; }
.filter-list-menu .offcanvas-body { padding: 0; }

.filters-group { overflow-y: auto; overflow-x: hidden; margin-bottom: 1rem; padding: 1rem; border: 1px solid #EBEBEB; border-radius: 16px; }
.filters-group .collapse-c.show { width: 100%; padding: 0; border: none !important; }
.filters-group .filters-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; margin-bottom: 12px; font-size: 13px; line-height: 1.23; color: #454545; }
.filters-group .filters-item:last-child { margin-bottom: 0; }
.filters-group .filters-item input:focus { box-shadow: none; }
.filters-group .filters-item .form-check-input { position: relative; -ms-flex: 0 0 14px; flex: 0 0 14px; width: 14px; height: 14px; margin-top: 0; margin-right: 6px; border-radius: 2px !important; border-color: #EBEBEB; }
.filters-group .filters-item .form-check-input:checked { background-color: #CC1E27; border-color: #CC1E27; box-shadow: none; background-size: 0; }
.filters-group .filters-item .form-check-input:checked::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 10px; color: white; border-radius: 50%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.filters-group .filters-item .form-check-input:checked ~ label { color: #CC1E27; }
.filters-group .collapse-c { margin-top: 12px; }
.filters-group .form-control { padding: 8px; border-color: #EBEBEB; border-radius: 4px; background-color: white; font-size: 13px; line-height: 1.23; color: #454545; }
.filters-group .form-control:-ms-input-placeholder { font-size: 13px; color: #848484; }
.filters-group .form-control::placeholder { font-size: 13px; color: #848484; }
.filters-group .line { margin: 0 8px; }
.filter-price { margin-top: -2rem; padding: 0 0 1rem 0; }
.filter-price .irs-from,
.filter-price .irs-to,
.filter-price .irs-single { top: 3rem; }
.filter-price .irs--round .irs-handle { top: 30px; width: 14px; height: 14px; border: none; border-radius: 50%; background-color: #848484; }
.filter-price .irs--round .irs-bar { height: 3px; background-color: #CC1E27; }
.filter-price .irs--round .irs-line { background-color: #EBEBEB; }
.filter-price .irs--round .irs-from,
.filter-price .irs--round .irs-to,
.filter-price .irs--round .irs-single { padding: 0; border-radius: 0; background-color: transparent; font-size: 13px; line-height: 1.23; color: #454545; }
.filter-price .irs--round .irs-from:before,
.filter-price .irs--round .irs-to:before,
.filter-price .irs--round .irs-single:before { display: none; }
.filter-price .irs--round .irs-from { left: 0 !important; }
.filter-price .irs--round .irs-to { right: 0 !important; left: unset !important; }
.filter-price .irs-min,
.filter-price .irs-max { visibility: hidden !important; }
.filters-group .filter-color .form-check-input:checked { background-color: transparent; }

@media (max-width: 991px) {
    .filter-list-menu { z-index: 2000; max-width: 337px; }
    .filter-list-menu .offcanvas-header { display: block; padding: 0; border-bottom: 1px solid #EBEBEB; }
    .filter-list-menu .header-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 12px; }
    .filter-list-menu .header-inner img { margin-right: 8px; }
    .filter-list-menu .offcanvas-title { font-family: 'Roboto Bold', sans-serif; font-size: 14px; font-weight: 700; line-height: 1.71; color: #CC1E27; margin-bottom: 0; }
    .filter-list-menu .offcanvas-header .btn-close { margin: 0; padding: 0; opacity: 1; }
    .filter-list-menu .section-inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: normal; align-items: normal; margin-bottom: 0; padding: 12px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; box-shadow: 0px 0px 4px 0px #00000040; }
    .filter-list-menu .offcanvas-body { padding: 0 12px; }
    .filters-group { padding: 0 0 1rem 0; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; }
    .filters-group:last-child { border-bottom: 0; }

}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { position: relative; background-color: #1C1C1C; }
.footer-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 4rem 0 3.5rem 0; }
.footer .list-group { display: block; }
.footer .list-group-left { margin-right: 3rem; }
.footer .list-inner-left { column-count: 3; column-gap: 2rem; text-decoration: underline; }
.footer .list-inner-left .list-item { margin-bottom: 12px !important; }
/* .footer .list-inner-left .list-item:nth-child(+n+7) { margin-left: -4rem; } */
.footer .list-group .list-item { margin-bottom: 8px; font-size: 13px; }
.footer .list-group .list-item:last-child { margin-bottom: 0 !important; }
.footer .list-group .list-item i { margin-right: 8px; color: white; }
.footer .list-group .list-item .fa-phone { -ms-transform: rotate(90deg); transform: rotate(90deg); }
.footer .list-group .list-title { position: relative; display: inline-block; padding-bottom: 8px; font-family: 'Roboto Bold', sans-serif; line-height: 1.5; font-size: 1rem; color: white; letter-spacing: .8px; }
.footer .list-group .list-title::before { content: ''; position: absolute; bottom: 0; left: 0; width: 104px; height: 1px; background-color: #CC1E27; }
.footer .list-group .list-title:first-of-type::before { width: 162px; }
.footer .list-inner { margin-top: 1rem; padding-left: 0; }
.footer .list-flex { display: -ms-flexbox; display: flex; gap: 2rem; padding-left: 0; }
.footer .list-inner .list-title { font-family: 'Rubik Regular', sans-serif; letter-spacing: 0; }
.footer .list-inner .list-title::before { display: none; }
.footer .list-inner .list-item span,
.footer .list-inner .list-link { font-size: 13px; text-decoration: none; line-height: 1.24; color: #848484; cursor: pointer; transition: .3s ease; }
.footer .list-inner .list-link:hover { color: #EBEBEB; }
.footer .list-group-links { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; gap: 1.5rem; }
.footer .list-group-links .btn { padding: 1rem 1.5rem; font-family: 'Roboto Bold', sans-serif; font-size: 16px; line-height: 1.5; color: white;  }
.footer-bottom { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 3rem; }
.footer-bottom .list-group:nth-child(2) { gap: 8px; }
.footer-bottom .list-group .list-item { margin-bottom: 0; }
.footer-bottom .list-btn-group { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; gap: 1.5rem; margin-right: 1rem; padding-left: 0; }

@media (max-width: 1399px) {
	.footer .list-inner-left { column-count: 2; }
}

@media (max-width: 1199px) {
	.footer .list-flex { -ms-flex-direction: column; flex-direction: column; }
}

@media (max-width: 991px) {
	.footer .list-group-left { max-width: 50%; }
}

@media (max-width: 767px) {
	.footer-inner { -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; padding: 7rem 0 30px 0; }
	.footer .list-group-left { max-width: 100%; margin-right: 0; }
	.footer .list-flex { -ms-flex-direction: row; flex-direction: row; }
	.footer .list-flex ol { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; }
	.footer-bottom { padding-bottom: 30px; }
	.footer-bottom .list-btn-group { position: absolute; top: 30px; }
}

@media (max-width: 575px) {
	.footer-inner { padding: 12.25rem 0 30px 0; }
	.footer .list-group .list-item i { margin-right: 4px; }
	.footer .list-inner .list-item,
	.footer .list-inner .list-item span,
	.footer .list-inner .list-link { font-size: 12px !important; }
	.footer .list-inner-left { column-count: 1; }
	.footer .list-flex ol { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; }
	.footer-bottom { -ms-flex-direction: column; flex-direction: column; }
	.footer .list-flex,
	.footer-bottom .list-btn-group { -ms-flex-direction: column; flex-direction: column; gap: 1rem; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { z-index: 1071; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Breadcrumb
\* ------------------------------------------------------------ */


.breadcrumb-inner { position: relative; min-height: 50px; margin-bottom: 1.5rem; padding: 1rem 12px; border: 1px solid #EBEBEB; border-right: 0; border-top-left-radius: 32px; border-bottom-left-radius: 32px; background-color: #F9F9F9; }
.breadcrumb-inner::before { content: ''; position: absolute; top: -1px; left: 100%; width: 100%; height: 100%; min-height: 50px; border: 1px solid #EBEBEB; border-left: 0; background-color: #F9F9F9; }
.breadcrumb img { width: 16px; margin-right: 8px; }
.breadcrumb .breadcrumb-item { font-size: 14px; line-height: 1.15; color: #848484; }
.breadcrumb .breadcrumb-item a { text-decoration: none; }
.breadcrumb .breadcrumb-item.active { font-weight: 600; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #848484; font-weight: 400; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { overflow: hidden; position: relative; border-radius: 32px; font-family: 'Roboto Bold', sans-serif; font-weight: 700; color: white; line-height: 1.5; transition: .3s ease; appearance: none; }
.btn:active { border-color: transparent !important; }
.btn span { position: relative; z-index: 10; transition: color 0.4s; }
.btn:focus,
.btn-close:focus { box-shadow: none !important; }

.btn-secondary-c { padding: 12px 1.5rem; background-color: #454545; line-height: 1.8 !important; }
.btn-secondary-c-lg { padding: 1rem 3rem; }
.btn-secondary-c:hover span { color: white; }
.btn-secondary-c::before,
.btn-secondary-c::after { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; }
.btn-secondary-c::before { content: ""; left: -10%; -ms-transform: skew(45deg); transform: skew(45deg); width: 120%; background: #454545; transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.btn-secondary-c:hover::before { transform: translate3d(100%, 0, 0); }
.btn-secondary-c:hover,
.btn-secondary-c:first-child:hover { background-color: #848484 !important; color: white !important; }

.btn-danger-c { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem 3rem; background-color: #CC1E27; }
.btn-danger-c img { position: relative; margin-right: 8px; }
.btn-danger-c:hover span { color: white; }
.btn-danger-c::before,
.btn-danger-c::after { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; }
.btn-danger-c::before { content: ""; left: -10%; -ms-transform: skew(45deg); transform: skew(45deg); width: 120%; background-color: rgba(204, 30, 39, .8); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.btn-danger-c:hover::before { transform: translate3d(100%, 0, 0); }
.btn-danger-c:hover,
.btn-danger-c:first-child:hover { background-color: rgba(204, 30, 39, .8) !important; color: white !important; }

.btn-sing-alt { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 12px 1rem; background-color: #CC1E27; cursor: pointer; transition: none; }
.btn-sing-alt .lock { position: relative; width: 24px; height: 14px; margin-right: 10px; margin-bottom: -4px; border: 2px solid white; border-radius: 5px; cursor: pointer; transition: all 0.1s ease-in-out; }
.btn-sing-alt .lock:after { content: ""; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block;  width: 2px; height: 7px; background: white; transition: all 0.1s ease-in-out; }
.btn-sing-alt .lock:before { content: ""; position: absolute; bottom: 100%; left: 50%; display: block; width: 12px; height: 10px; margin-left: -8px; border: 2px solid white; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom: 0; transition: all 0.1s ease-in-out; }
.btn-sing-alt:hover { background-color: #CC1E27 !important; }
.btn-sing-alt:hover span { color: white; }
.btn-sing-alt:hover .lock { -ms-transform: rotate(10deg); transform: rotate(10deg); }
.btn-sing-alt:hover .lock:before { bottom: 130%; left: 31%; -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -11.5px; }

.btn-logout { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 12px 1rem; background-color: #CC1E27; cursor: pointer; transition: none; }
.btn-logout .lock { position: relative; width: 24px; height: 14px; -ms-transform: rotate(10deg); transform: rotate(10deg); margin-right: 10px; margin-bottom: -4px; border: 2px solid white; border-radius: 5px; cursor: pointer; transition: all 0.1s ease-in-out; }
.btn-logout .lock:after { content: ""; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 2px; height: 7px; background: white; transition: all 0.1s ease-in-out; }
.btn-logout .lock:before { content: ""; position: absolute; bottom: 130%; left: 0; -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: block; width: 12px; height: 10px; border: 2px solid white; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom: 0; transition: all 0.1s ease-in-out; }
.btn-logout:hover { background-color: #CC1E27 !important; }
.btn-logout:hover span { color: white; }
.btn-logout:hover .lock { -ms-transform: rotate(0deg); transform: rotate(0deg); }
.btn-logout:hover .lock:before { bottom: 100%; left: 50%; -ms-transform: rotate(0deg); transform: rotate(0deg); margin-left: -8px; }

.btn-sing-alt:active,
.btn-logout:active { background-color: #CC1E27 !important; border-color: transparent !important; color: white !important; }

.btn-toggler { padding-top: 0; padding-right: 0; padding-bottom: 0;border: none; }
.btn-toggler i { font-weight: 300; color: #454545; transition: .3s ease; }
.btn-toggler.active i { -ms-transform: rotate(180deg); transform: rotate(180deg); color: #CC1E27; }

.btn-inner { display: -ms-flexbox; display: flex; margin-right: 1.75rem; }
.btn-inner .slide-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; border-color: transparent; background-color: #EBEBEB;  transition: .3s ease; }
.btn-inner .slide-arrow i { font-size: 16px; font-weight: 300; color: #454545; transition: .3s ease-in-out; }
.btn-inner .slide-arrow:hover { background-color: #F9F9F9; }
.btn-inner .arrow-prev:hover i { -ms-transform: translateX(-4px); transform: translateX(-4px); filter: drop-shadow(0px 0px 5px rgba(84,84,84,1)); }
.btn-inner .arrow-next:hover i { -ms-transform: translateX(4px); transform: translateX(4px); filter: drop-shadow(0px 0px 5px rgba(84,84,84,1)); }
.btn-inner .prev-btn { margin-right: 1rem; }

.btn-add-to-cart { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 1rem; padding: 0; border: none; border-radius: 0; background-color: transparent; font-family: 'Roboto Regular', sans-serif; color: #CC1E27; transition: .3s ease; }
.btn-add-to-cart img { margin-right: 1rem; border-radius: 0 !important; }
.btn-add-to-cart:hover { background-color: transparent !important; color: #CC1E27 !important; text-decoration: underline; }

.btn-arrow { position: absolute; bottom: -2rem; right: -.5rem; -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 56px; height: 56px; padding: 0; border: none; border-radius: 50%; background-color: white; }
.btn-arrow i { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); transition: .3s ease; cursor: pointer; font-weight: 300; color: #454545; transition: .3s ease-in-out; }
.btn-arrow::before { content: '';  width: 48px; height: 48px; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; cursor: pointer; transition: .3s ease; }
.btn-arrow:hover::before { background-color: #EBEBEB; }
.btn-arrow-dark { background-color: #565656 !important; }

.btn-white-c { overflow: hidden; position: relative; border-radius: 32px; font-family: 'Roboto Bold', sans-serif; font-weight: 700; padding: 12px 1.5rem; background-color: white; }
.btn-white-c span { position: relative; z-index: 10; color: #454545; transition: color 0.4s; }
.btn-white-c:hover { background-color: #CC1E27 !important; }
.btn-white-c:hover span { color: white; }
.btn-white-c::before,
.btn-white-c::after { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; }
.btn-white-c::before { content: ""; left: -10%; -ms-transform: skew(45deg); transform: skew(45deg); width: 120%; background: #EBEBEB; transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.btn-white-c:hover::before { transform: translate3d(100%, 0, 0); }

.btn-border-secondary { padding: 12px 1rem; border: 1px solid #EBEBEB; border-radius: 32px; background-color: #F9F9F9; font-family: 'Rubik Regular', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.15; color: #454545; }
.btn-border-secondary i { margin-left: 8px; font-size: 16px; font-weight: 300; }
.btn-border-secondary:hover { border: 1px solid #EBEBEB !important; background-color: #EBEBEB !important; }

.btn-outline-danger-c { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border: none; background-color: transparent; font-family: 'Rubik Regular', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.15; color: #CC1E27; }
.btn-outline-danger-c img { margin-right: 3px; }
.btn-outline-danger-c:hover { color: #CC1E27 !important; }

.btn-transparent { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; padding: 0; border: none; border-radius: 0; font-family: 'Roboto Medium', sans-serif; font-size: 14px; line-height: 1.7; font-weight: 500; color: #454545; text-align: start; transition: .3s ease; }
.btn-transparent i { font-size: 10px; font-weight: 300; transition: .3s ease; }
.btn-transparent.collapsed i { -ms-transform: rotate(180deg); transform: rotate(180deg); }

.btn-social { padding: 0; background-color: transparent; border: none; border-radius: 0; }
.btn-social:hover,
.btn-social:active,
.btn-social:focus { background-color: transparent !important; border: none !important; }

.btn-success-c { padding: 1rem 3rem; border-radius: 32px; background-color: #21BF27; font-family: 'Rubik Bold',sans-serif; font-size: 16px; color: white; letter-spacing: 1.2px; }
.btn-success-c:hover { background-color: #1eaf23 !important; color: white !important; }

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card { border-color: transparent; }

.card-title { font-family: 'Roboto Bold', sans-serif; font-weight: 700; }

.card-product-teaser { -ms-flex-pack: justify; justify-content: space-between; height: 100%; text-decoration: none; transition: .3s ease; }
.card-product-teaser:hover .btn-add-to-cart { border: 1px solid #EBEBEB !important; background-color: #EBEBEB !important; }
.card-product-teaser .card-img-top { overflow: hidden; position: relative; margin-bottom: 8px; border-radius: 16px; }
.card-product-teaser .card-img-top img { width: 100%; border-radius: 16px; transition: .3s ease; }
.card-product-teaser .card-img-top:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-product-teaser a { text-decoration: none; }
.card-product-teaser a:hover { color: #454545; }
.card-product-teaser .badge-sale { position: absolute; z-index: 20; top: 2rem; left: 0; margin-bottom: 0; font-family: 'Roboto Bold', sans-serif; color: #CC1E27; }
.card-product-teaser .badge-sale::before { content: url('/themes/custom/css/images/assets/home/badge-sale.png'); position: absolute; top: -1.25rem; left: 0; z-index: -1; }
.card-product-teaser .badge-new { position: absolute; z-index: 20; right: 0; bottom: 0; left: 0; padding: 5px; background-color: #CC1E27; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; font-family: 'Montserr Atalternates Bold', sans-serif; font-size: 18px; line-height: 1.33; color: white; text-align: center; }
.card-product-teaser .card-title { margin-bottom: 8px; padding: 0 8px; }
.card-product-teaser .card-body { padding: 0 8px; }
.card-product-teaser .card-desc { margin-bottom: 8px; }
.card-product-teaser .card-flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.card-product-teaser .card-flex-bottom { -ms-flex-pack: justify; justify-content: space-between; /*margin-top: 8px;*/ }
.card-product-teaser .old-price { position: relative; display: inline-block; margin-right: 8px; font-family: 'Roboto Bold', sans-serif; font-size: 12px; line-height: 1.33; color: #CC1E27; letter-spacing: .6px; }
.card-product-teaser .old-price::before { content: ''; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #CC1E27; }
.card-product-teaser .meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-family: 'Rubik Regular', sans-serif; font-size: 12px; line-height: 1.33; color: #21BF27; }
.card-product-teaser .price { margin-bottom: 0; font-family: 'Roboto Bold', sans-serif; letter-spacing: 1px; white-space: nowrap; }
.card-product-teaser .card-bottom { padding: 0 8px 8px 8px; }
.card-product-teaser .card-flex-right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.card-product-teaser .btn-add-to-cart { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; height: 40px; margin-top: 0; margin-left: 8px; padding: 0; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; transition: .3s ease; }
.card-product-teaser .btn-add-to-cart img { margin-right: 0; }


.card-news { -ms-flex-pack: justify; justify-content: space-between; height: 100%; }
.card-news a { text-decoration: none; }
.card-news a:hover { color: #454545; }
.card-news .card-inner { display: block; }
.card-news .card-img-top { overflow: hidden; position: relative; margin-bottom: 1rem; border-radius: 16px; }
.card-news .card-img-top img { width: 100%; transition: .3s ease-in-out; }
.card-news:hover .card-img-top img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-news .card-img-top::before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 76.83%, rgba(0, 0, 0, 0.5) 100%); }
.card-news .meta { position: absolute; bottom: 8px; left: 14px; z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: white; line-height: 1.5; }
.card-news .meta i { margin-right: 6px; font-size: 12px; }
.card-news .card-title { margin-bottom: 8px; font-size: 16px; line-height: 1; letter-spacing: .8px; }
.card-news .card-body { -ms-flex: none; flex: none; padding: 0; }
.card-news .card-text { margin-bottom: 1rem; font-size: 16px; line-height: 1.5; color: #848484; }
.card-news .btn-arrow { position: relative; right: 0; bottom: 0; -ms-transform: none; transform: none; }
.card-news:hover .btn-arrow::before { background-color: #EBEBEB; }
.card-news:hover .btn-arrow i { -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }

.card-horizontal { overflow: hidden; -ms-flex-direction: row; flex-direction: row; border: 1px solid #D9D9D9; border-radius: 16px; }
.card-horizontal .card-left { overflow: hidden; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 420px; }
.card-horizontal .card-left img { width: 100%; transition: .3s ease-in-out; }
.card-horizontal:hover .card-left img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-horizontal .card-right { overflow-y: auto; overflow-x: hidden; max-height: 280px; padding: 1rem; background-color: #F9F9F9; }
.card-horizontal .card-title { margin-bottom: 8px; font-family: 'Axiforma Italic', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; /*color: #636363;*/ }
.card-horizontal .card-text { font-size: 14px; line-height: 1.15; color: #848484; }

.card-product .card-head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; }
.card-product .card-title { font-family: 'Roboto Regular', sans-serif; font-size: 2rem; font-weight: 400; color: #454545; letter-spacing: 1.6px; line-height: 1.25; }
.card-product .card-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 1rem; margin-bottom: 1.5rem; padding-left: 0; }
.card-product .card-inner .badge { padding: 4px 4px 2px 4px; border-radius: 4px; background-color: #CC1E27; font-family: 'Rubik Bold', sans-serif; font-weight: 700; font-size: 14px; line-height: 1; color: white; }
.card-product .card-inner li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: .5rem; list-style: none; font-size: 14px; line-height: 1.71; color: #848484; }
.card-product .card-body { padding: 0; }
.card-product .card-meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 1rem; margin-bottom: 1rem; padding-left: 0; }
.card-product .card-meta li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: .5rem; list-style: none; font-size: 1rem; line-height: 1.5; }
.card-product .card-meta li img { margin-right: 4px; }
.card-product .product-controls { margin-bottom: 2rem; padding: 1.5rem; border: 1px solid #EBEBEB; border-radius: 16px; box-shadow: 0px 0px 12px 0px #0000000A; }
.card-product .qty-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.card-product .btn-qty { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 32px; flex: 0 0 32px; width: 32px; height: 32px; padding: 0; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; color: #454545; transition: .3s ease; }
.card-product .btn-qty i { font-size: 10px; }
.card-product .btn-qty:hover { border: 1px solid #EBEBEB !important; background-color: #EBEBEB !important; }
.card-product .form { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.card-product .form-control { width: 25%; padding: 0; border: none; font-size: 14px; line-height: 1.14; text-align: center; }
.card-product .form-control:focus { box-shadow: none; }
.card-product .price-inner { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; gap: 1.5rem; -ms-flex-flow: wrap; flex-flow: wrap; }
.card-product .price,
.card-product .old-price { font-family: 'Roboto Bold', sans-serif; }
.card-product .old-price { position: relative; display: inline-block; color: #CC1E27; }
.card-product .old-price::before { content: ''; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #CC1E27; }
.card-product .card-bottom { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; margin-bottom: 2rem; }
.card-product .card-bottom .btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 1rem 1.5rem; white-space: nowrap; }
.card-product .card-bottom .btn img { position: relative; margin-right: 15px; }
.card-product .card-footer { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; border: none; background-color: transparent; font-size: 14px; line-height: 1.14; }
.card-product .card-footer img { margin-right: 6px; }
.card-product .card-footer a:hover { color: #454545; }

.card-order { border-color: transparent; }
.card-order .card-head { margin-bottom: 1.5rem; padding: 1rem; border-radius: 8px; background-color: #F9F9F9; }
.card-order .card-body { padding: 0 1rem; }
.card-order .card-title { margin-bottom: 0; font-family: 'Roboto Bold', sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: .8px; font-weight: 700; }
.card-order .card-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.card-order .card-inner a { display: block; -ms-flex: 0 0 161px; flex: 0 0 161px; width: 161px;}
.card-order .product-inner { position: relative; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #EBEBEB; }
.card-order .product-img { margin-right: 1rem; border-radius: 8px; }
.card-order .product-title { margin-left: 1rem; font-family: 'Roboto Bold', sans-serif; font-size: 16px; line-height: 1.375; letter-spacing: .8px; }
.card-order .product-title a { text-decoration: none; transition: .3s ease; }
.card-order .product-title a:hover { color: #848484; }
.card-order .price { margin-bottom: 8px; font-family: 'Roboto Bold', sans-serif; font-size: 18px; line-height: 1.33; letter-spacing: .9px; white-space: nowrap; }
.card-order .old-price { position: relative; display: inline-block; font-family: 'Roboto Bold', sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: .8px; color: #CC1E27; white-space: nowrap; }
.card-order .old-price::before { content: ''; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: #CC1E27; }
.card-order .qty-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.card-order .qty-inner span { margin-left: .5rem; font-family: 'Roboto Bold', sans-serif; font-size: 18px; line-height: 1.33; letter-spacing: .9px; white-space: nowrap; }
.card-order .qty-inner span b { font-size: 16px; }
.card-order .btn-qty { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 32px; flex: 0 0 32px; width: 32px; height: 32px; padding: 0; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; color: #454545; transition: .3s ease; }
.card-order .btn-qty i { font-size: 10px; }
.card-order .btn-qty:hover { border: 1px solid #EBEBEB !important; background-color: #EBEBEB !important; }
.card-order .form-control-input { min-width: 40px; width: auto; padding: 0; border: none; border-radius: 0; font-size: 14px; line-height: 1.15; text-align: center; }
.card-order .total-price { display: inline-block; font-family: 'Roboto Bold', sans-serif; font-size: 18px; line-height: 1.33; letter-spacing: .9px; white-space: nowrap; }
.card-order .btn-trash { border: none; border-radius: 0; }
.card-order .btn-trash i { font-size: 16px; color: #454545; font-weight: 300; transition: .3s ellipse }
.card-order .btn-trash:hover i { color: #CC1E27; }
.card-order .card-group { display: block; margin-bottom: 1.5rem; padding: 0 1rem; border: 1px solid #EBEBEB; border-radius: 16px; background-color: white; box-shadow: 0px 0px 12px 0px #0000000A; }
.card-order .card-group .card-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid #EBEBEB; font-size: 16px; }
.card-order .card-group .card-inner:last-child { border-bottom: none; }
.card-order .card-group .card-inner span:first-child { font-size: 16px; line-height: 1.5; }
.card-order .card-group .price { margin-bottom: 0; }
.card-order .col-flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.card-order .col-flex .total-price { margin-bottom: 0; }
.card-order .total-amount { margin-bottom: 0; font-family: 'Roboto Bold', sans-serif; color: #CC1E27; letter-spacing: 1.2px; }
.card-order .btn-cart { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 56px; flex: 0 0 56px; width: 56px; height: 56px; padding: 0; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; color: #454545; transition: .3s ease; }
.card-order .btn-cart:hover { border: 1px solid #EBEBEB !important; background-color: #EBEBEB !important; }
.card-order .card-bottom { display: -ms-flexbox; display: flex; gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; font-family: 'Roboto Bold', sans-serif; }
.card-order .card-bottom .card-left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.card-order .card-bottom h4 { margin-bottom: 0; }
.card-order .card-bottom .card-left h5 { margin-bottom: 0; margin-left: 8px; font-size: 18px; line-height: 1.33; color: #21BF27; letter-spacing: .9px; }
.card-order .card-bottom .card-left img { margin-left: 8px; }
.card-order .card-bottom .card-right { font-size: 1.5rem; line-height: 32px; color: #CC1E27; letter-spacing: 1.2px; }
.card-order .promo-code-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #EBEBEB; }
.card-order .promo-code { background-color: transparent; font-family: 'Montserr Atalternates Bold'; color: #21BF27; font-size: 16px; line-height: 1.5; letter-spacing: 1.2px; }
.card-order .promo-code-inner .promocode-input { max-width: 205px; padding: .75rem; font-family: 'Montserr Atalternates Bold'; color: #21BF27; font-size: 16px; line-height: 1.5; letter-spacing: 1.2px; }
.card-order .promo-code-inner .promocode-input:focus { border-bottom: 1px solid #21BF27; }

.card-blog-list { height: 100%; border-color: transparent; text-decoration: none; transition: .3s ease; }
.card-blog-list:hover { color: #CC1E27; }
.card-blog-list .card-img-top { overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.card-blog-list .card-img-top img { width: 100%; transition: .3s ease-in-out; }
.card-blog-list .card-img-top img:hover { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-blog-list .card-body { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: baseline; align-items: baseline; padding: 1.5rem 0 0 0; }
.card-blog-list .card-title { margin-bottom: 1rem; }
.card-blog-list:hover .card-title { color: #CC1E27; }
.card-blog-list .btn { padding: 0; border-bottom-color: #EBEBEB; border-radius: 0; color: #EBEBEB; }
.card-blog-list .btn:hover { border-bottom-color: #EBEBEB !important; color: #EBEBEB !important; }

@media (max-width: 1399px) {
	.card-order .btn-trash { position: absolute; z-index: 2; top: -.25rem; right: -.5rem; padding: 0; border: none; border-radius: 50%; background-color: white; box-shadow: 0px 0px 12px 0px #0000000A; }
}

@media (max-width: 1199px) {
	.card-horizontal .card-left { width: 40%; }
	.card-horizontal .card-left img { height: 100%; }
	.card-horizontal .card-right { height: 212px; }
}

@media (max-width: 991px) {
	.card-order .card-inner a { -ms-flex: auto; flex: auto; width: -webkit-fill-available; }

	.card-order .btn-cart { -ms-flex: 0 0 45px; flex: 0 0 45px; width: 45px; height: 45px; }
}

@media (max-width: 767px) {
	.card-horizontal { -ms-flex-direction: column; flex-direction: column; }
	.card-horizontal .card-left { width: 100%; }
	.card-horizontal .card-left img { height: auto; }
	.card-horizontal .card-right { height: 400px; }

	.card-product-teaser .badge-sale::before { top: -1.5rem; }

	.card-order { position: static; }
	.card-order .card-body,
	/* .card-order .card-bottom { position: relative; padding: 0; } */
	.card-order .card-inner { display: block; }
	.card-order .card-inner a { -ms-flex: unset; flex: unset; width: auto; }
	.card-order .product-img { margin-right: 0; width: 100%; }
	/* .card-order .price-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } */
	.card-order .product-title { margin-left: 0; }
	.card-order .price { margin-bottom: 0; }
	.card-order .total-price { text-align: end; }
	.card-order .total-price span { margin-right: 4px; }
	.card-order .col-flex { width: 100%; }
}

@media (max-width: 575px) {
	.card-product-teaser .card-title { font-size: 14px; }
	.card-product-teaser .card-title,
	.card-product-teaser .card-body { padding: 0 2px; }
	.card-product-teaser .card-bottom { padding: 0 2px 2px 2px; }

	.card-product .product-controls { padding: 1rem; }
	.card-product .price-inner { gap: 0 1rem; }
	.card-product .card-bottom { grid-template-columns: repeat(1,1fr); gap: 1rem 0; margin-bottom: 1.5rem; }

	.card-order .product-inner .row { display: grid; grid-template-columns: 180px auto; gap: .5rem 0; }
	.card-order .product-title { margin-right: .5rem; line-height: 1.2; }
	.card-order .total-price { margin-top: 6px; font-size: 16px; }
	/* .card-order .card-bottom { flex-direction: column; } */
	/* .card-order .card-bottom .card-title { display: flex; justify-content: space-between; width: 100%; margin-bottom: 8px; }
	.card-order .card-bottom .btn { width: 100%; } */
	.card-order .price-inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: baseline; align-items: baseline; }
	.card-order .btn-cart { margin-left: 1rem; }
	.card-order .promo-code-inner { flex-direction: column; align-items: normal; justify-content: normal; }
	.card-order .promo-code-inner .promocode-input { max-width: 100%; margin-top: 1rem; padding: .25rem; }
	.card-order .promo-code { margin-top: 1rem; text-align: start; }
}

@media (max-width: 490px) {
	.card-order .product-inner .row { grid-template-columns: 150px auto; }
}

@media (max-width: 410px) {
	.card-order .product-inner .row { display: block; }
	.card-order .card-inner a { margin-bottom: 1rem; }
	.card-order .col-right .row { display: -ms-flexbox; display: flex; }
	.card-order .btn-trash { top: unset; right: 0; }
}

/* ------------------------------------------------------------ *\
  	Flipbook paging
  \* ------------------------------------------------------------ */
.flipbook { position: relative; padding: 0 10rem; width: 100%; pointer-events: none; }
.flipbook:before { position: fixed; content: ""; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: var(--c-white, #fff); opacity: 1; transition: opacity var(--t-dur, 0.3s), z-index var(--t-dur, 0.3s), visibility var(--t-dur, 0.3s); pointer-events: all; }
.flipbook.no-overlay { pointer-events: all; }
.flipbook.no-overlay:before { z-index: -1; opacity: 0; pointer-events: none; visibility: hidden; }
.flipbook.click-blocked { pointer-events: none; cursor: pointer }
.flipbook.click-blocked .flipbook__actions .flipbook__btn { pointer-events: none; cursor: pointer; }
.flipbook .flipbook__inner { position: relative; width: 100%; padding-top: 70.4%; transform-style: preserve-3d; perspective: 900rem; }
.flipbook .leaf { position: absolute; transform-style: preserve-3d; top: 0; left: 50%; transform: rotate3d(0, 1, 0, 0deg); width: 50%; height: 100%; background-color: var(--c-white); -ms-transform-origin: left 0px; transform-origin: left 0px; transition: transform 1s; }
.flipbook .leaf .page { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; transform-style: preserve-3d; pointer-events: none; }
.flipbook .leaf .page.is-active { transition: opacity 0s, visibility 0s; pointer-events: all; opacity: 1; visibility: visible; }
.flipbook .leaf .page.front { transform: rotate3d(0, 1, 0, 0deg) translate3d(0, 0, 0.1px); }
.flipbook .leaf .page.back { transform: rotate3d(0, 1, 0, 180deg) translate3d(0, 0, 0.1px); }
.flipbook .leaf .page:before { position: absolute; content: ""; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; display: none; width: 100%; height: 100%; background-color: var(--c-white, #fff); opacity: 1; transition: opacity 0s, z-index 0s, visibility 0s; pointer-events: none }
.flipbook .leaf .page:after { position: absolute; content: ""; z-index: 5; top: 0; left: 0; display: none; width: 1.7%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 100%); pointer-events: none }
.flipbook .disabled { -webkit-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.6; }
.flipbook .flipbook__media { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; }
.flipbook .flipbook__media > div { position: static !important; }
.flipbook .flipbook__media img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.flipbook .flipbook__actions { position: absolute; z-index: 10; top: 50%; right: 0; left: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; max-width: 96%; margin: 0 auto; margin-top: -2rem; pointer-events: none; padding: 0 6.3rem; }
.flipbook__arrow { position: relative; z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 56px; height: 56px; padding: 0; border-radius: 50%; background-color: white; pointer-events: all; }
.flipbook__arrow span i { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: .3s ease; cursor: pointer; font-weight: 300; }
.flipbook__arrow::before { content: '';  width: 51px; height: 51px; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; cursor: pointer; transition: .3s ease; }
.flipbook__arrow:hover::before { border-color: #F9F9F9; background-color: #EBEBEB; }
.flipbook__arrow:hover { color: #454545; }
.flipbook__arrow[disabled] { pointer-events: none; opacity: 0.5; }
.flipbook__btn-secondary { color: #848484; }
.flipbook .flipbook__paging-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; margin-top: 1.9rem }
.flipbook .flipbook__paging-wrapper .flipbook__paging p { margin: 0 0.7rem 0; font-family: 'Arial', sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: -0.05em; color: #848484 }
.flipbook .flipbook__paging-wrapper .flipbook__btn-secondary:active,
.flipbook .flipbook__paging-wrapper .flipbook__btn-secondary:hover { color: #CC1E27 !important; }
.flipbook .flipbook__paging.hide-external span:nth-child(2),
.flipbook .flipbook__paging.hide-external span:nth-child(3) { display: none;}


@media (min-width: 767.02px) {
  .flipbook .leaf .page { opacity: 0; visibility: hidden; transition: opacity 0s 1s, visibility 0s 1s; }
  .flipbook .leaf .page.is-active { z-index: 4; }
  .flipbook .leaf .page.front:after { display: block; }
  .flipbook .leaf .page.back:after { right: 0; left: auto; display: block; background: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%); }
  .flipbook .leaf:first-child .front { opacity: 1; visibility: visible; }
  .flipbook .leaf:first-child .front:before { top: -5px; left: 50%; -ms-transform: none; transform: none; z-index: 2; display: block; width: calc(100% + 5px); height: calc(100% + 10px); transition: opacity 0s, z-index 0s, visibility 0s; }
  .flipbook .leaf:first-child .front:after { display: none; }
  .flipbook .leaf:first-child .front { -ms-transform: translateX(-50%); transform: translateX(-50%); transition: opacity 0s 1s, visibility 0s 1s, transform 0.3s 0.7s; }
  .flipbook .leaf:first-child .front.is-active:before { opacity: 1; transition: opacity 0.6s 0s ease-out, left 0.6s; }
  .flipbook .leaf:first-child.turned .front { -ms-transform: translateX(0); transform: translateX(0); transition: transform 0.3s; }
  .flipbook .leaf:first-child.turned .front:before { left: 0; opacity: 0; transition: opacity 0s 1s, left 0.2s 0s ease-in; }
  .flipbook .leaf:last-child:has(.page.back) .back { -ms-transform: translateX(0); transform: translateX(0); transition: opacity 0s 1s, visibility 0s 1s, transform 0.3s; }
  .flipbook .leaf:last-child:has(.page.back) .back:before { top: -5px; right: 0; left: auto; -ms-transform: none; transform: none; z-index: 2; display: block; width: calc(100% + 5px); height: calc(100% + 10px); transition: opacity 0s 1s, right 0.2s 0s ease-in; opacity: 0; }
  .flipbook .leaf:last-child:has(.page.back) .back:after { display: none; }
  .flipbook .leaf:last-child:has(.page.back).turned { z-index: 0; }
  .flipbook .leaf:last-child:has(.page.back).turned .back { -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .flipbook .leaf:last-child:has(.page.back).turned .back:before { right: -70%; opacity: 1; transition: opacity 0.6s 0s ease-out, right 0.6s; }
  .flipbook .leaf:last-child:has(.page.back).turned .back.is-active { transition: opacity 0s, visibility 0s, transform 0.3s 0.7s; }
}

@media (max-width: 1599px) {
  .flipbook { padding: 0 6rem; }
  .flipbook .flipbook__actions { padding: 0; }
}

@media (max-width: 1399px) {
  .flipbook { padding: 0 5rem; }
}

@media (max-width: 1199px) {
  .flipbook { padding: 0 4rem; }
}

@media (max-width: 1023px) {
  .flipbook { padding: 0; }
  .flipbook .flipbook__actions { display: none; }
  .flipbook .flipbook__paging-wrapper { margin-top: 1.4rem; }
  .flipbook .flipbook__paging-wrapper .flipbook__btn-secondary { font-size: 1.5rem; }
}

@media (max-width: 767px) {
  .flipbook .flipbook__inner { padding-top: 140.6%; }

  .flipbook .leaf { left: 0; display: contents; width: 100%; -ms-transform-origin: 0; transform-origin: 0; }

  .flipbook .leaf .page { left: 100vw; -ms-transform: none !important; transform: none !important; transition: transform 1s, opacity 0s 0.4s, left 0.4s ease-in; opacity: 0; }
  .flipbook .leaf .page.turned { left: 0; opacity: 1; transition: transform 1s, opacity 0s, left 0.4s ease-out; }
  .flipbook .leaf .page.front { transform: rotate3d(0, 1, 0, 0deg) translate3d(1000px, 0, 0.1px); }
  .flipbook .leaf .page.back { transform: rotate3d(0, 1, 0, 0deg) translate3d(-1000px, 0, 0.1px); }
  .flipbook .leaf:first-child .front:before { display: none; }
  .flipbook .flipbook__paging-wrapper { margin-top: 1rem; }
  .flipbook .flipbook__paging span:nth-child(2),
  .flipbook .flipbook__paging span:nth-child(3) { display: none; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { position: relative; }
.form-search { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-width: 942px; margin: 0 2rem; }
.form-search .form-control { padding: 12px 1.5rem; border: 1px solid #EBEBEB; border-radius: 32px; background-color: #F9F9F9; font-family: 'Rubik Regular', sans-serif; font-size: 16px; line-height: 1.5; color: #454545; transition: .3s ease; }
.form-search .form-control:focus { box-shadow: inset 1px -1px 1px #EBEBEB; }
.form-search .form-control:-ms-input-placeholder { color: #C8C8C8; }
.form-search .form-control::placeholder { color: #C8C8C8; }
.form-search .btn-search { margin-left: -3.5rem; background-color: #F9F9F9; }

.form-section .form-group { position: relative; margin-bottom: .5rem; padding: 0 4px; }
.form-section .form-control { position: relative; padding: 12px 1rem; border: 1px solid #EBEBEB; border-radius: 8px; background-color: #F9F9F9; font-size: 16px; line-height: 1.5; color: #C8C8C8; transition: .3s ease; }
.form-section .form-control:-ms-input-placeholder { font-size: 16px; color: #C8C8C8; }
.form-section .form-control::placeholder { font-size: 16px; color: #C8C8C8; }
.form-section .form-control:focus { border-color: #F9F9F9; box-shadow: none; }
.form-section .form-group .placeholder { position: absolute !important; z-index: 2; top: 50%; left: 12px; -ms-transform: translate(12px,-50%); transform: translate(12px,-50%); background-color: transparent; font-size: 16px; line-height: 1.5; color: #C8C8C8; opacity: 1; pointer-events: none; }
.form-section .form-group .placeholder-textarea { top: 12px !important; -ms-transform: none; transform: none; }
.form-section .placeholder span { font-size: 16px; color: #CC1E27; }
.form-section .form-group.hide .placeholder { display: none; }
.form-section .form-check { display: -ms-flexbox; display: flex; margin-bottom: 1rem; }
.form-section .form-check-input { -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; height: 20px; margin-top: 0; margin-right: 8px; border-radius: 2px; border-color: #EBEBEB; background-color: #F9F9F9; }
.form-section .form-check-input:checked { background-color: #CC1E27; border-color: #CC1E27; }
.form-section .form-check-input:focus { box-shadow: none; }
.form-section .form-group a { text-decoration: none; transition: .3s ease; }
.form-section .form-group a:hover { color: #CC1E27; }
.form-section .form-check-label { font-size: 1rem; line-height: 1; color: #848484; }
.form-section .form-check-label-sm { font-size: 13px; line-height: 1.5; color: #848484; }
.form-section .form-check-label a { text-decoration: none; }
.form-section .label-file { margin-bottom: 8px; }
.form-section .label-file span { display: block; color: #848484; line-height: 1.5; }
.form-section .label-file .small { font-size: 13px; line-height: 1.23; }

@media (max-width: 1499px) {
	.form-search { min-width: 50%; }
}

@media (max-width: 1199px) {
	.form-search { position: absolute; right: 0; bottom: -3rem; left: 0; width: 100%; min-width: unset; margin: 0; }
}

@media (max-width: 575px) {
	.form-search { bottom: -2.35rem; }
	.form-search .form-control { padding: 10px 12px; font-size: 12px; line-height: 1.33; }
	.form-search .btn-search { margin-left: -2.5rem; padding: .25rem; }
	.form-search .btn-search img { width: 16px; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

.list-search-results { overflow-y: auto; overflow-x: hidden; position: absolute; top: 100%; z-index: 500; display: none; width: 100%; max-height: 450px; padding: .5rem; border-radius: 0; background-color: white; filter: drop-shadow(1px 2px 6px #848484); scrollbar-width: thin; scrollbar-color: #CC1E27 #F9F9F9; }
.list-search-results.show { display: block; }
.list-search-results::-webkit-scrollbar { width: 8px; }
.list-search-results::-webkit-scrollbar-track { background: #F9F9F9; }
.list-search-results::-webkit-scrollbar-thumb { border-radius: 32px; background: #CC1E27; transition: .3s ease; }

.list-search-results .list-item { margin-bottom: 1rem; }
.list-search-results .list-item img { transition: .3s ease; }
.list-search-results .list-item:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }
.list-search-results a { -ms-flex-align: center; align-items: center; text-decoration: none; }
.list-search-results h6 { color: #454545; transition: .3s ease; }
.list-search-results a:hover h6 { color: #848484; }
.list-search-results .btn-close-c { display: flex; align-items: center; justify-content: center; margin-left: auto; }
.list-search-results .btn-close-c i { font-size: 1.5rem; }

/* Product card */
.list-group-desc { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.list-group-desc .list-item { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin-right: 8px; margin-bottom: 8px; font-size: 12px; color: #848484; line-height: 1.33; }
.list-group-desc .list-item img { margin-right: 2px; }
.list-group-desc ol { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-left: 0; }
.list-group-desc ol .color-thumb { width: 14px; height: 14px; border-radius: 50%; margin-left: 4px; list-style-type: none; }
.list-group-desc ol .color-number { margin-left: 4px; font-family: 'Roboto Bold', sans-serif; font-size: 12px; color: #454545; }

.list-group-teaser { margin-top: .5rem; margin-bottom: 2rem; }
.list-group-teaser .list-title { letter-spacing: 1.2px; }

/* Contacts */
.list-group-contacts .list-title { margin-bottom: 8px; line-height: 1.5; }
.list-group-contacts .list-item { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin-bottom: 8px; font-size: 13px; color: #848484; line-height: 1.23; }
.list-group-contacts .list-item i { margin-right: 8px; font-size: 10px; color: #444444; }
.list-group-contacts .list-item .rotate-90 { -ms-transform: rotate(90deg); transform: rotate(90deg); }
.list-group-contacts .list-item span { margin-right: 2px; }
.list-group-contacts .list-item a { text-decoration: none; transition: .3s ease; cursor: pointer; }
.list-group-contacts .list-item a:hover { color: #CC1E27; }

@media (max-width: 767px) {
	.list-group-contacts .list-item { font-size: 14px; }
}

/* ------------------------------------------------------------ *\
	Modal
\* ------------------------------------------------------------ */

.modal { z-index: 1060; }
.modal-backdrop { z-index: 1056; }
.modal-promo-code .modal-content { border-radius: 0; }
.modal-promo-code .modal-header { border-bottom: none; }
.modal-promo-code .modal-title { font-family: 'Rubik Bold',sans-serif; }
.modal-promo-code .modal-footer { gap: 1rem; border-top: 0; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.navbar-brand { margin-right: 0; padding: 0; }

.navbar-toggler { padding: 0; border: none; background: transparent !important; }
.navbar-toggler:hover { background: transparent !important; }
.navbar-toggler:focus { box-shadow: none !important; }
.navbar-toggler { position: relative; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 2rem; margin-right: 1.5rem; cursor: pointer; }
.navbar-toggler .toggler-btn-c-lines { width: 22px; }
.navbar-toggler .toggler-btn-c-lines::before,
.navbar-toggler .toggler-btn-c-lines::after { content: ""; position: absolute; }
.navbar-toggler .toggler-btn-c-lines,
.navbar-toggler .toggler-btn-c-lines::before,
.navbar-toggler .toggler-btn-c-lines::after { left: 0; height: 2px; background: #CC1E27; transition: all 0.4s ease-in-out; }
.navbar-toggler .toggler-btn-c-lines::before { width: 29px; -ms-transform: translateY(-0.5rem); transform: translateY(-0.5rem); }
.navbar-toggler .toggler-btn-c-lines::after { width: 14px; -ms-transform: translateY(0.5rem); transform: translateY(0.5rem); }
.navbar-toggler[aria-expanded="true"] .toggler-btn-c-lines { -ms-transform: translateX(1rem); transform: translateX(1rem); background: transparent; }
.navbar-toggler[aria-expanded="true"] .toggler-btn-c-lines::before { -ms-transform: rotate(45deg) translate(-0.5rem, 0.5rem); transform: rotate(45deg) translate(-0.5rem, 0.5rem); background: #CC1E27; }
.navbar-toggler[aria-expanded="true"] .toggler-btn-c-lines::after { width: 29px; -ms-transform: rotate(-45deg) translate(-0.5rem, -0.5rem); transform: rotate(-45deg) translate(-0.5rem, -0.5rem); background: #CC1E27; }

.navbar-top { -ms-flex-pack: justify; justify-content: space-between; margin: 1.5rem 0 1rem 0; padding: 0; }
.navbar-top .nav-item { position: relative; margin-right: 1rem; }
.navbar-top .nav-item:last-child { margin-right: 0; }
.navbar-top .nav-link { color: #454545 !important; transition: .3s ease; }
.navbar-top .nav-link:hover { color: rgba(114, 114, 114, .8) !important; }
.navbar-top .badge { position: absolute; top: -5px; right: 2%; z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; border: 1px solid white; border-radius: 50%; background-color: #CC1E27;
	font-family: 'Roboto Bold', sans-serif; font-size: 10px; line-height: 2; font-weight: 700; color: white; }
.navbar-top i { font-size: 1.25rem; color: #454545; }

.navbar-top .dropdown-menu { overflow: hidden; position: absolute; width: 7rem; min-width: 7rem; }
.navbar-top .dropdown-item:hover { background-color: #dadada40 !important; }
.navbar-top .dropdown-item.active,
.navbar-top .dropdown-item:active { background-color: #454545 !important; color: white; }
.navbar-top .dropdown-cart { right: 0; left: unset; min-width: 23.75em; padding: 1rem 14px; border-radius: 16px; }
.navbar-top .dropdown-cart .cart-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid #E6E6E6; }
.navbar-top .dropdown-cart .card-title { margin-bottom: 0; letter-spacing: 1.2px; }
.navbar-top .dropdown-cart .dropdown-menu-cart-list { overflow-y: auto; overflow-x: hidden; max-height: 305px; }
.navbar-top .dropdown-cart .product-head { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; margin-right: .5rem; }
.navbar-top .dropdown-cart .product-head .btn { padding: 5px; }
.navbar-top .dropdown-cart .product-head .btn:active { border-color: transparent; }
.navbar-top .dropdown-cart .product { padding: 1rem 0; border-bottom: 1px solid #EBEBEB; }
.navbar-top .dropdown-cart .product:hover,
.navbar-top .dropdown-cart .product:active { background-color: transparent !important; }
.navbar-top .dropdown-cart .product img { border-radius: 8px; }
.navbar-top .dropdown-cart .product-title { display: block; margin-bottom: 12px; font-family: 'Roboto Bold', sans-serif; font-size: 10px; line-height: 1.4; letter-spacing: .5px; color: #454545; text-decoration: none; white-space: normal; }
.navbar-top .dropdown-cart .qty-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 12px; }
.navbar-top .dropdown-cart .btn-qty { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; transition: .3s ease; }
.navbar-top .dropdown-cart .btn-qty:hover,
.navbar-top .dropdown-cart .btn-qty:active { background-color: #EBEBEB !important; }
.navbar-top .dropdown-cart .btn-qty i { font-size: 14px; color: #454545; }
.navbar-top .dropdown-cart .form-control { width: auto; border-color: transparent; background-color: transparent; font-size: 14px; line-height: 1.14; }
.navbar-top .dropdown-cart .form-control:focus { box-shadow: none; border-color: #EBEBEB; }
.navbar-top .dropdown-cart .price { margin-bottom: 4px; font-family: 'Roboto Bold', sans-serif; font-size: 14px; line-height: 1.14; color: #454545; letter-spacing: .7px; }
.navbar-top .dropdown-cart .old-price { position: relative; display: inline-block; font-family: 'Roboto Bold', sans-serif; font-size: 10px; line-height: 1.6; color: #CC1E27; letter-spacing: .5px; }
.navbar-top .dropdown-cart .old-price::before { content: ''; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #CC1E27; }
.navbar-top .cart-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding-top: 1rem; }

.navbar-right { -ms-flex-direction: row !important; flex-direction: row !important; padding: 0; }
.navbar-right .nav-item { /*overflow: hidden; position: relative; */display: -ms-flexbox;display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; cursor: pointer; transition: .3s ease-in-out; }
/* .navbar-right .nav-item::before { content: ''; position: absolute; z-index: 1; top: -100%; left: 0; width: 100%; height: 100%; background-color: $grey-light; border-radius: 50%; transform: translateY(0); }
.navbar-right .nav-item:hover::before { animation: fillDown 0.3s forwards ease-in-out; }
.navbar-right .nav-item > * { position: relative; z-index: 5; } */
.navbar-right .nav-link { padding: 0; }
.navbar-right .dropdown-user { right: 0; left: unset; min-width: 18rem; padding: 0; border-radius: 16px; }
.navbar-right .dropdown-user h5 { text-align: center; }
.navbar-right .dropdown-user li { padding: .5rem 1rem; transition: .3s ease-in; }
.navbar-right .dropdown-user li:first-child { padding-top: 1rem; }
.navbar-right .dropdown-user .dropdown-link { text-decoration: none; font-size: 14px; color: #454545; transition: .3s ease; }
.navbar-right .dropdown-user ol { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin: .5rem 1rem 1rem 1rem; padding-left: 0; }
.navbar-right .dropdown-user ol li { padding: 0; }
.navbar-right .dropdown-user ol li:first-child { padding-top: 0; }
.navbar-right .dropdown-user ol li a { font-size: 13px !important; transition: .3s ease; }
.navbar-right .dropdown-user ol li a:hover { color: #CC1E27 !important; }

.navbar-collapse-c { -ms-flex-align: normal; align-items: normal; }

.navbar-bottom { margin-top: 1.5rem; padding: 0; }
.navbar-bottom .toggler-btn-c-lines { display: inline-block; width: 15px; margin-right: 1rem; margin-bottom: 5px; }
.navbar-bottom .toggler-btn-c-lines::before,
.navbar-bottom .toggler-btn-c-lines::after { content: ""; position: absolute; }
.navbar-bottom .toggler-btn-c-lines,
.navbar-bottom .toggler-btn-c-lines::before,
.navbar-bottom .toggler-btn-c-lines::after { height: 2px; background: white; transition: all 0.4s ease-in-out; }
.navbar-bottom .toggler-btn-c-lines::before { width: 20px; -ms-transform: translateY(-0.5rem); transform: translateY(-0.5rem); }
.navbar-bottom .toggler-btn-c-lines::after { width: 9px; -ms-transform: translateY(0.5rem); transform: translateY(0.5rem); }
.navbar-bottom .nav-item { position: static; margin-right: 1.25rem; padding-bottom: 1.5rem; }
.navbar-bottom .nav-item:first-child .nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background-color: #CC1E27; }
.navbar-bottom .nav-item:last-child { margin-right: 0; }
.navbar-bottom .nav-link { padding: 12px 1.5rem; border-radius: 32px; background-color: #454545; font-family: 'Roboto Bold', sans-serif; font-weight: 700; color: white; line-height: 1.5; transition: .3s ease; }
.navbar-bottom .nav-link:hover { background-color: rgba(69, 69, 69, .85); }
.navbar-bottom .nav-link[aria-expanded="true"] .toggler-btn-c-lines { -ms-transform: translateX(1rem); transform: translateX(1rem); background: transparent; }
.navbar-bottom .nav-link[aria-expanded="true"] .toggler-btn-c-lines::before { -ms-transform: rotate(45deg) translate(-0.5rem, 0.5rem); transform: rotate(45deg) translate(-0.5rem, 0.5rem); background: white; }
.navbar-bottom .nav-link[aria-expanded="true"] .toggler-btn-c-lines::after { width: 20px; -ms-transform: rotate(-45deg) translate(-0.5rem, -0.5rem); transform: rotate(-45deg) translate(-0.5rem, -0.5rem); background: white; }
.navbar-bottom .megamenu { overflow: auto; top: 100%; left: 0; width: 100%; height: 560px; margin-top: 0; padding: 23px 2.5rem; border-color: transparent; border-radius: 32px; box-shadow: 0px 2px 15px 0px #00000040;  }
.navbar-bottom .megamenu a { text-decoration: none; transition: .3s ease; }
.navbar-bottom .megamenu a:hover { color: #CC1E27; text-decoration: underline; }
/* .navbar-bottom .submenu-inner { display: -ms-flexbox; display: flex; width: 100%; height: 100%; } */
.navbar-bottom .submenu-list { height: 100%; padding-left: 0; column-count: 6; }
.navbar-bottom .list-item { break-inside: avoid-column; padding-left: 0; }
.navbar-bottom .list-item:nth-child(3),
.navbar-bottom .list-item:nth-child(4) { margin-left: 2rem; }
.navbar-bottom .title { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.navbar-bottom .submenu-title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 14px; font-family: 'Roboto Bold', sans-serif; font-weight: 700; font-size: 15px; line-height: 1.05; letter-spacing: 0.75px; white-space: nowrap; }
.navbar-bottom .submenu-title.active { color: #CC1E27; }
.navbar-bottom .submenu-title.active a:hover { text-decoration: none; }
.navbar-bottom .submenu-title.active img { filter: brightness(0) saturate(100%) invert(23%) sepia(84%) saturate(5500%) hue-rotate(347deg) brightness(82%) contrast(94%); }
.navbar-bottom .submenu-title img { margin-right: 8px; }
.navbar-bottom .submenu-item { margin-bottom: 12px; font-family: 'Rubik Regular', sans-serif; font-size: 13px; font-weight: 400; color: #848484; line-height: 1.38; }

.navbar-main .menu-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }


@media (min-width: 1199px) {
	/* .navbar-main .menu-dropdown:hover > .submenu { margin-top: 1rem; visibility: visible; opacity: 1; } */
	/* .navbar-main .menu-dropdown:hover > .megamenu { display: flex !important; margin-top: 1rem; } */
	.navbar-bottom .megamenu a { display: block; max-width: 90%; }

}

@media (max-width: 1499px) {
	.navbar-bottom .nav-item { margin-right: 1rem; }
	.navbar-bottom .list-item { -ms-flex: auto; flex: auto; max-width: unset; }
	.navbar-bottom { margin-top: 1rem; padding-bottom: 1rem; }
}

@media (max-width: 1399px) {
	.navbar-bottom .nav-link { padding: 12px 1rem; font-size: 14px; }
	.navbar-bottom .megamenu { padding: 23px 1.75rem; }
	.navbar-bottom .submenu-list { column-count: 5; }
	.navbar-bottom .list-item { break-inside: auto; }
	.navbar-bottom .submenu-item { margin-bottom: 0; padding-bottom: 14px; }
	.navbar-bottom .list-item:nth-child(3),
	.navbar-bottom .list-item:nth-child(4) { margin-left: 0; }
}

@media (max-width: 1199px) {
	.navbar-wrapper { padding-bottom: 4rem; background-color: white; }
	.navbar-m { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 12px 0; }

	.navbar-toggler { -ms-flex-order: -1; order: -1; }

	.navbar-top { position: static; -ms-flex-pack: end; justify-content: flex-end; width: 100%; margin: 0; }
	.navbar-collapse-c { overflow: auto; position: fixed; left: -100%; border: 1px solid #EBEBEB; background-color: white; }
	.navbar-collapse-c.show { bottom: 0; left: 0; width: 60%; padding: 1rem; }
	.navbar-collapse-c.show .megamenu { top: auto; display: block; }
	.navbar-bottom { margin: 0; padding: 0; }
	.navbar-bottom .nav-item { display: none; }
	.navbar-bottom .nav-item:first-child .nav-link { position: relative; top: -8000px; display: none; margin: 0; padding: 0; opacity: 0; pointer-events: none; }
	.navbar-bottom .dropdown-megamenu { display: inline; margin: 0; padding: 0; }
	.navbar-main .menu-inner { height: 0; }
	.navbar-bottom .megamenu { overflow: unset; height: auto; padding: 0; border-radius: 0; box-shadow: none; }
	.navbar-bottom .submenu-inner { display: block; }
	.navbar-bottom .submenu-list { column-count: unset; }
	.navbar-bottom .list-item { margin-bottom: 1.5rem; }
	.navbar-bottom .list-item:nth-child(4),
	.navbar-bottom .list-item:nth-child(5) { margin-left: 0; }
	.navbar-bottom .list-item li:nth-child(2) { padding-top: 14px; }
	.navbar-bottom .submenu-item:last-child { padding-bottom: 0; }
	.navbar-bottom .submenu-title { margin-bottom: 0; }
}

@media (max-width: 575px) {
	.navbar-wrapper { padding-bottom: 3.25rem; }
	.navbar-toggler { margin-right: 1rem; }
	.navbar-right .nav-item { width: 36px; height: 36px; margin-right: 8px; }
	.navbar-right .nav-link img { width: 18px; }
	.navbar-top .badge { width: 16px; height: 16px; font-size: 8px; }
	.navbar-collapse-c.show { width: 80%; }
}

@media(max-width: 460px) {
	.navbar-top .dropdown-favorite { right: -100%; }
}

@media(max-width: 400px) {
	.navbar-right .dropdown-user { right: -200%; }
	.navbar-top .dropdown-cart { min-width: 22.75rem; }
	.navbar-top .dropdown-cart .cart-bottom .btn { font-size: 14px; }
}

@media(max-width: 380px) {
	.navbar-collapse-c.show { width: 90%; }
	.navbar-top .dropdown-cart { min-width: 21.5rem; }
	.navbar-top .dropdown-cart .product-head .btn { -ms-flex: 0 0 20px; flex: 0 0 20px; }
	.navbar-top .cart-bottom { gap: 1rem; }
	.navbar-top .cart-bottom .btn { -ms-flex-pack: center; justify-content: center; width: 100%; padding: 1rem 1.5rem; }
}

@media(max-width: 360px) {
	.navbar-right .nav-item { width: 30px; height: 30px; }
	.navbar-right .nav-link img { width: 16px; }
	.navbar-top .dropdown-cart { min-width: 19rem; }
}

/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.pagination { -ms-flex-pack: center; justify-content: center; gap: 8px; }
.pagination .page-link { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; border-radius: 50% !important; border-color: #EBEBEB; background-color: #F9F9F9; font-size: 14px; line-height: 1.15; color: #454545; transition: .3s ease; }
.pagination .page-link.active { background-color: #CC1E27; color: white; }
.pagination .page-link:focus { box-shadow: none; }
.pagination .page-item:not(:first-child) .page-link { margin: 0; }
.pagination .page-item:hover .page-link { background-color: #EBEBEB; }
.pagination .page-item:first-child .page-link { margin-right: 8px; }
.pagination .page-item:last-child .page-link { margin-left: 8px; }

@media ( max-width: 360px ) {
	.pagination .page-link { width: 27px; height: 27px; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { overflow: hidden; position: relative; padding: 2rem 0; }
.section-head { margin-bottom: 1.5rem; text-align: center; }
.section-head .desc { position: relative; display: inline-block; margin-bottom: 8px; font-family: 'Axiforma Italic', sans-serif; color: #CC1E27; text-align: center; }
.section-head .desc span { display: inline-block; width: 40px; height: 1px; margin: 0 8px; background-color: #CC1E27; display: inline-block; vertical-align: middle; }
.section-body,
.section-bottom { margin-top: 1.5rem; }

.section-title { font-family: 'Roboto Bold', sans-serif; font-weight: 700; }

.section-top { margin-top: -6rem; }
.section-top.unactive { z-index: 50; }
.section-top .section-inner { position: absolute; bottom: 1.5rem; left: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.section-top .counter { font-family: 'Rubik Regular', sans-serif; font-weight: 700; font-size: 2rem; color: white; line-height: 1.25; letter-spacing: 1.6px; }

.section-about-us::before { content: url('/themes/custom/css/images/assets/home/bg.png'); position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%); transform: translate(-50%); z-index: -1; }
.section-about-us .section-head { display: -ms-flexbox; display: flex; gap: 4rem; color: white; text-align: start; }
.section-about-us .section-left { display: -ms-flexbox; display: flex; gap: 59px; max-width: 55%; }
.section-about-us .desc { margin-bottom: 0; }
/* .section-about-us .desc span { display: none; } */
.section-about-us .h1 { margin-bottom: 0; font-size: 7.5rem; line-height: 1.06; letter-spacing: 6px; }
.section-about-us .section-subtitle { font-family: 'Roboto Bold', sans-serif; letter-spacing: 2px; }
.section-about-us .section-text { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; }
.section-about-us .section-text .btn { margin-top: 2.5rem; }
.section-about-us .section-right { position: relative; display: block; }
.section-about-us .section-right:hover .btn-arrow i { -ms-transform: translate(-50%,-50%) rotate(0deg); transform: translate(-50%,-50%) rotate(0deg); }
.section-about-us .section-right img { border-radius: 32px; max-width: 600px; }
.section-about-us .section-body { position: relative; }
.section-about-us .section-body .overlay { position: absolute; bottom: 0; left: 0; }
.section-about-us .section-body h1 span:first-child { margin-bottom: 0; font-family: 'Axiforma Italic', sans-serif; color: #CC1E27; }
.section-about-us .section-body h1 span:last-child { font-family: 'Roboto Bold', sans-serif; font-size: 2.5rem; line-height: 1.2; letter-spacing: 2px; color: #454545; }
.section-about-us .section-body span { display: block; }
.section-about-us .section-bottom .section-head { margin-bottom: 1rem; padding-left: 12px; }
.section-about-us .section-bottom .desc { color: #454545; }
.section-about-us .section-bottom .col-md-6 { padding: 0 12px; }
.section-about-us .section-bottom .section-text { color: #848484; }

.section-intro { font-size: 14px; color: #848484; line-height: 1.15; text-align: start; }

.section-product-list { display: -ms-flexbox; display: flex; }
.section-product-list .section-left { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 269px; margin-right: 1.5rem; }
.section-product-list .section-right { width: calc(100% - (269px + 1.5rem)); }

.section-product-list .section-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }
.section-product-list .section-inner .text-sm { font-size: 14px; line-height: 1.71; color: #848484; }
.section-product-list .custom-select {  border: 1px solid #EBEBEB; border-radius: 32px; background-color: #F9F9F9 !important; background: url('/themes/custom/css/images/assets/product-list/sort.svg') no-repeat 6% 50%;}
.section-product-list .custom-select .form-select { padding: 13px 2.5rem; border: none; background-color: transparent; font-size: 14px; line-height: 1.5; color: #848484; apperance: none; cursor: pointer; }
.section-product-list .custom-select .form-select:focus { outline: none; box-shadow: none; }
.section-product-list .filters-selected .text-sm { margin-right: 8px; }
.section-product-list .filters-selected .btn { margin-right: 1rem; margin-bottom: 8px; }

.section-product { padding-top: 0 !important; }
.section-product .flex-inner { display: grid; grid-template-columns: 802px calc(100% - 802px - 3.25rem); gap: 3.25rem; }
.section-product .section-left { width: 98%; }
.section-product .section-info { padding: 3rem 0 0 0; }
.section-product .section-info .btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 12px 1rem; border: 1px solid #EBEBEB; border-radius: 32px; background-color: #F9F9F9; font-family: 'Roboto Regular', sans-serif; font-size: 1rem; line-height: 1.5; color: #454545; }
.section-product .section-info .btn i { font-size: 10px; transition: .3s ease; }
.section-product .section-info .btn.is-open i { -ms-transform: rotate(180deg); transform: rotate(180deg); }
.section-product .section-info .card-body { padding-bottom: 1.5rem; }
.section-product .section-info .card-text { font-size: 1rem; line-height: 1.5; color: #848484; }
.section-product .section-info em { display: block; margin-bottom: 8px; font-family: 'Axiforma Italic', sans-serif; font-size: 1rem; line-height: 1.5; color: #636363; }
.section-product .section-info .collapse:last-of-type .card-body { padding-bottom: 0; }
.section-product .slider-right .section-title { color: #636363; }
.section-product .table { overflow: hidden; border: 1px solid #EBEBEB; border-radius: 32px; border-collapse: unset; }
.section-product .table tr,
.section-product .table td { border-bottom: none; line-height: 1.5; }
.section-product .table td { padding: 12px 1rem; color: #848484; }
.section-product .table tr:nth-child(odd) { background-color: #F9F9F9; }
.section-product .table tr:nth-child(even) { background-color: #EAEAEA; }

.section-blog-inner img { margin-bottom: 1rem; border-radius: 16px; }
.section-blog-inner .date { margin-bottom: 1rem; }
.section-blog-inner .date i { margin-right: 6px; font-size: 16px; color: #CC1E27; }
.section-blog-inner .date span { font-size: 16px; line-height: 1.5; color: #CC1E27; }
/* .section-blog-inner section { padding-right: 12px; } */
.section-blog-inner p,
.section-blog-inner span,
.section-blog-inner b,
.section-blog-inner ul,
.section-blog-inner ol,
.section-blog-inner li { font-size: 16px; line-height: 1.5; color: #848484; }
.section-blog-inner ol { padding-left: 0; list-style: none; counter-reset: section; }
.section-blog-inner ol > li { position: relative; counter-increment: section; }
.section-blog-inner ol > li::before { content: counter(section) ". "; }
.section-blog-inner ol ol { list-style: none; counter-reset: subsection; }
.section-blog-inner ol ol > li { counter-increment: subsection; position: relative; }
.section-blog-inner ol ol > li::before { margin-right: 4px; content: counter(section) " . " counter(subsection) " "; }
.section-blog-inner ol ol ol li::before { content: counter(subsection) ". "; }
.section-blog-inner ul { padding-left: 1.5rem; }
.section-blog-inner ul li { list-style-type: disc; }
.section-blog-inner h1,
.section-blog-inner h2,
.section-blog-inner h3,
.section-blog-inner h4,
.section-blog-inner h5,
.section-blog-inner h6,
.section-blog-inner b,
.section-blog-inner strong { font-family: 'Roboto Bold', sans-serif; font-weight: 700; color: #454545; }
.section-blog-inner h1,
.section-blog-inner h2,
.section-blog-inner h3,
.section-blog-inner h4,
.section-blog-inner h5,
.section-blog-inner h6 { margin-bottom: 1rem; letter-spacing: 1.6px; }

.section-blog .social { display: -ms-flexbox; display: flex; gap: 1.5rem; -ms-flex-align: center; align-items: center; margin: 1.5rem 0; }
.section-blog .social span { line-height: 1.5; color: #848484; }

.section-contacts .section-body { overflow: hidden; border-radius: 16px }
.section-contacts .section-body img { width: 100%; }
.section-contacts .section-inner { display: -ms-flexbox; display: flex; gap: 2.5rem; margin-bottom: 1rem; }
.section-contacts .map { overflow: hidden; border-radius: 16px; }
.section-contacts .map iframe { width: 100%; height: 548px; }

.section-teaser .section-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; }
.section-teaser .section-title { font-family: 'Axiforma Italic', sans-serif; font-size: 2rem; font-weight: 400; line-height: 1.25; }
.section-teaser .section-head { margin-bottom: 2rem; }
.section-teaser .section-body { margin-top: 0; }
.section-teaser .section-bottom { margin-top: 2rem; }
.section-teaser .section-text { max-width: 46%; margin: 0 auto; margin-bottom: 1.5rem; color: #848484; line-height: 1.5; }

.section-auth .btn-inner { gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; padding-bottom: 1rem; }
.section-auth .btn-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 1rem; width: 100%; padding-top: 1rem; border-top: 1px solid #EBEBEB; }
.section-auth .btn-social { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem 1.5rem; border-radius: 32px !important; border-color: transparent; font-family: 'Roboto Bold', sans-serif; font-weight: 700; line-height: 1.5; color: white;  transition: .3s ease; }
.section-auth .btn-social img,
.section-auth .btn-social span { display: block; margin-right: auto; }
.section-auth .btn-social img { width: 24px; height: 24px; }
.section-auth .btn-red { background-color: #CF553D; }
.section-auth .btn-blue { background-color: #415A94; }
.section-auth .btn-black { background-color: #252525; }
.section-auth .meta { font-size: 13px; line-height: 1.23; color: #848484; }

.section-delivery-address { padding-top: 0; }
.section-delivery-address .section-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem; border-radius: 8px; border-color: transparent; background-color: #F9F9F9; }
.section-delivery-address .section-title { margin-top: 0; margin-right: 1rem; margin-bottom: 0; margin-left: 0; letter-spacing: .8px; }
.section-delivery-address .section-head span { font-size: 18px; line-height: 1.33; color: #21BF27; letter-spacing: .9px; }
.section-delivery-address .col-1of5 { padding: 0 .5rem; }

.section-service .img-inner { position: relative; overflow: hidden; border-radius: 16px; }
.section-service .img-inner img { width: 100%; border-radius: 16px; }
.section-service .section-text { margin-bottom: 1rem; font-family: 'Roboto Medium', sans-serif; line-height: 1.5; letter-spacing: .8px; }

.section-terms .section-title { letter-spacing: 2px; }
.section-terms section { margin-bottom: 2rem; }
.section-terms h6 { margin-bottom: 0; }
.section-terms h6,
.section-terms strong,
.section-terms b { font-family: 'Rubik Bold', sans-serif; font-weight: 700; color: #454545; }
.section-terms h6,
.section-terms p,
.section-terms li,
.section-terms span,
.section-terms b,
.section-terms strong,
.section-terms a { margin-bottom: 0; font-size: 16px; line-height: 1.5; }
.section-terms p,
.section-terms li,
.section-terms span,
.section-terms a { color: #848484; }
.section-terms ol { margin-bottom: 0; padding-left: 0; }
.section-terms ol li { list-style-type: none; }

@media(min-width: 575px){
	.section-about-us { background-size: 0; }

	.section-blog-inner h3 { font-size: 2rem; line-height: 1.25; }
}

@media(min-width: 1200px) {
	.section-blog .section-wrapper { display: grid; grid-template-columns: 950px calc(100% - 950px - 2rem); gap: 2rem; }
}

@media(min-width: 1400px) {
	.section-blog .section-wrapper { grid-template-columns: 950px calc(100% - 950px - 3.25rem); gap: 3.25rem; }
}

@media(min-width: 1500px) {
	.section-blog .section-wrapper { grid-template-columns: 1050px calc(100% - 1050px - 3.25rem); }
}

@media (max-width: 1399px) {
	.section-about-us .section-body h1 span:first-child { font-size: 1.25rem; }

	.section-product .flex-inner { display: -ms-flexbox; display: flex; }
	.section-product .flex-inner .section-left { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; }
	.section-product .flex-inner .section-right { -ms-flex: 0 0 45%; flex: 0 0 45%; width: 45%; }
}

@media (max-width: 1199px) {
	.section-top { z-index: 20; margin-top: 0; }

	.section-about-us .h1 { font-size: 6.5rem; }
	.section-about-us .section-head { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; gap: 2.5rem; }
	.section-about-us .section-left { gap: 30px; }
	.section-about-us .section-body h1 span:first-child { font-size: 1.15rem; }

	.section-product .flex-inner { gap: 2rem; }

}

@media (max-width: 991px) {
	.section-about-us .section-left { max-width: 100%; }
	.section-about-us .section-body h1 span:first-child { font-size: 1rem; }
	.section-about-us .section-body h1 span:last-child { font-size: 2rem; line-height: 1; }

	.section-product-list .section-left { width: auto; margin-right: 0; }
	.section-product-list .section-right { width: 100%; }
	.section-product-list .section-right .section-inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: normal; align-items: normal; }
	.section-product-list .flex-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; gap: 1.5rem; }
	.section-product-list .section-inner .text-sm { margin-bottom: 12px; }
	.section-product-list .section-inner .btn-outline-danger-c { -ms-flex-pack: end; justify-content: flex-end; }
	.section-product-list .custom-select .form-select { padding: 12px 2rem; }

	.section-product .flex-inner { -ms-flex-direction: column; flex-direction: column; gap: 1.5rem 0; }
	.section-product .flex-inner .section-left,
	.section-product .flex-inner .section-right { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; }
}

@media (max-width: 860px) {
	.section-about-us .section-body h1 span:first-child { font-size: 14px; }
}

@media (max-width: 767px) {
	.section { padding: 1.5rem 0; }

	.section-intro { font-size: 12px; text-align: start; }

	.section-about-us .section-body h1 span:first-child { font-size: 12px; }
	.section-about-us .section-body h1 span:last-child { font-size: 1.5rem; }

	.section-product-list .flex-inner { gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.section-product-list .flex-inner .btn { padding: 12px 1rem; }
	.section-product-list .flex-inner .btn span { font-size: 14px; }

	.section-product .section-info { padding: 2rem 0; }

	.section-teaser .section-title { font-size: 1.75rem; }

	.section-teaser .section-text { max-width: 65%; }

	.section-contacts .section-body,
	.section-service .img-inner,
	.section-service .img-inner img { border-radius: 8px; }

	.section-delivery-address .section-head span { font-size: 14px; }
}

@media (max-width: 575px) {
	.section-top .section-inner { display: none; }
	.section-head .desc { font-size: 16px; }

	.section-about-us { background-size: 100% 50%; }
	.section-about-us::before { content: ''; }
	.section-about-us .section-left { -ms-flex-direction: column; flex-direction: column; }
	.section-about-us .desc { font-size: 16px; }
	.section-about-us .h1 { font-size: 6rem; }
	.section-about-us .section-text .btn { margin-top: 1rem; }
	.section-about-us .section-body img { width: 100%; }
	.section-about-us .section-body h1 span:first-child { font-size: 1.25rem; line-height: 1.5; }
	.section-about-us .section-body h1 span:last-child { font-size: 2.5rem; line-height: 1.2; }
	.section-about-us .section-bottom .desc { text-align: start; }

	.section-teaser .section-text { max-width: 100%; }
}

@media(max-width: 460px) {
	.section-about-us .section-body h1 span:first-child { font-size: 1.15rem; }
	.section-about-us .section-body h1 span:last-child { font-size: 2rem; }
}

@media(max-width: 430px) {
	.section-terms .section-title { font-size: 1.55rem; }
	.section-about-us .section-body .overlay { padding-right: 60%; }
	.section-about-us .section-body h1 span:first-child { font-size: 1rem; line-height: 1; }
}

@media(max-width: 370px) {
		.section-about-us .section-body h1 span:last-child { font-size: 1.5rem; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { overflow: hidden; position: relative; visibility: hidden; opacity: 0; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }
.slider.slick-initialized { visibility: visible; opacity: 1; }

.slider .slides { list-style: none outside none; }

.slider .slick-disabled { background-color: white; }
.slider .slick-disabled i { color: #545454; }
.slider .slide-arrow { position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 56px; height: 56px; padding: 0; border-radius: 50%; background-color: white; cursor: pointer; }
.slider .slide-arrow span i { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: .3s ease; cursor: pointer; font-weight: 300; }
.slider .slide-arrow::before { content: '';  width: 51px; height: 51px; border: 1px solid #EBEBEB; border-radius: 50%; background-color: #F9F9F9; cursor: pointer; transition: .3s ease; }
.slider .slide-arrow:hover::before { background-color: #EBEBEB; }

.slider .slick-dots li { width: 0; height: 25px; margin: 0; padding: 0 12px; }
.slider .slick-dots li button { padding: 0; }
.slider .slick-dots li.slick-active button:before { height: 3px !important; border-radius: 2px !important; background-color: #CC1E27; }
.slider .slick-dots li button:before { width: 16px; height: 1px; content: " "; border: none; border-radius: 0; background-color: #454545; border-color: transparent; color: black; opacity: 1; }

.slider-main .slide { overflow: hidden; position: relative; border-radius: 32px; }
/* .slider-main .overlay { position: absolute; top: 20%; } */
.slider-main .section-title { margin-bottom: 1rem; font-size: 3.5rem; line-height: 1; color: #CC1E27; letter-spacing: 2.8px; text-align: center; }
/* .slider-main .discount { position: relative; display: inline-block; font-family: $rb; font-weight: 700; text-transform: uppercase; text-align: center; }
.slider-main .label { position: absolute; top: 1.75rem; left: 8px; color: $danger; letter-spacing: 1.2px; }
.slider-main .value { font-size: 7.5rem; line-height: 1.06; color: $danger; } */

.slider-teaser { overflow: visible; /*display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; */}
.slider-teaser .slick-track { height: 100%; }
.slider-teaser .slide { padding: 0 12px; }
.slider .slide-arrow { top: 35%; }
.slider-teaser .arrow-prev { left: -1rem; }
.slider-teaser .arrow-next { right: -1rem; }
.slider-teaser .slick-dots { bottom: -45px; }


.slider-wrapper { position: relative; }
.slider-wrapper .slider-left { position: relative; max-width: 68%; }
.slider-wrapper .slider-nav { max-width: 54%; border-radius: 32px; }
.slider-wrapper .slider-right { position: absolute; left: 50%; bottom: 0; z-index: 500; width: 100%; border-radius: 32px; }
.slider-wrapper .slider-right .section-head { position: absolute; top: -7.5rem; left: 18rem; text-align: start; }
.slider-single .slide,
.slider-nav .slide { overflow: hidden; border-radius: 32px; }
.slider-single .slide-arrow { top: unset !important; bottom: 0; left: 1rem; width: 48px; height: 48px; border: 1px solid #EBEBEB; background-color: #F9F9F9; }
.slider-single .slide-arrow::before { display: none; }
.slider-single .arrow-next { left: 5rem; }
.slider-nav { overflow: visible; padding-left: 1rem; }
.slider-nav .slide { width: 100%; margin: 0 12px; transition: .3s ease; cursor: pointer; }
.slider-nav .slide img { width: 100%; }
.slider-nav .slide-arrow { top: 50% !important; -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
.slider-nav .arrow-next { right: -1rem; }
.slider-nav .arrow-prev { left: 0rem; }
.slider-nav .slide:hover { box-shadow: 0px 0px 10px 0px #00000040; }

.slider-news { overflow: visible; display: -ms-flexbox; display: flex; }
.slider-news .slide { padding: 0 12px; }
.slider-news .slick-track { height: 100%; }
.slider-news .arrow-next { right: -1rem; }
.slider-news .arrow-prev { left: -1rem; }

.slider-category { overflow: visible; display: -ms-flexbox; display: flex; }
.slider-category .slick-track { height: 100%; }
.slider-category .slide { overflow: hidden; position: relative; height: 100%; margin: 0 12px; border-radius: 16px; }
.slider-category .slide-inner { overflow: hidden; position: relative; margin-bottom: 45px; transition: transform 0.3s ease-in-out; }
.slider-category .slide-inner::before { content: ''; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 50%;  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); opacity: 0;  transition: opacity 0.4s ease-in-out; }
.slider-category .slide:hover .slide-inner { -ms-transform: scale(1.05); transform: scale(1.05); }
.slider-category .slide:hover .slide-inner::before { opacity: 1; }
.slider-category .slide img { width: 100%; }
.slider-category .badge { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%;
	background-color: #F9F9F999; font-size: 14px; line-height: 1.15; color: #454545; }
.slider-category .slider-head { position: absolute; bottom: 0; width: 100%; /*height: 100%;*/ max-height: 45px; padding: 8px; background-color: #454545; text-align: center; }

/* .slider-category .slider-head { position: absolute; bottom: 0; position: relative; z-index: 50; width: 100%; height: 100%; padding: 8px; background-color: #454545; text-align: center; } */
.slider-category .slider-title { font-family: 'Roboto Medium', sans-serif; line-height: 1.5; color: white; }
.slider-category .slide-arrow { top: 50% !important; -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
.slider-category .arrow-next { right: -1rem; }
.slider-category .arrow-prev { left: -1rem; }

.slider-product { overflow: visible; margin-bottom: 1rem; }
.slider-product .slide-arrow { top: 50% !important; -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
.slider-product .slide,
.slider-for .slide { overflow: hidden; border-radius: 16px; cursor: pointer; transition: .3s ease; }
.slider-product .slide img,
.slider-for .slide img { width: 100%; border-radius: 14px; }
.slider-for .slick-track { margin-left: unset; margin-right: unset; }
.slider-for .slide { margin: 0 8px; border: 2px solid #EBEBEB; opacity: .4; }
.slider-for .slide:hover { opacity: 1; }
.slider-for .slick-current.slick-active { opacity: 1; }
.slider-product .arrow-next { right: -2rem; }
.slider-product .arrow-prev { left: -2rem; }

.slider-product-teaser { overflow: visible; margin-top: .5rem; padding: 0; }
.slider-product-teaser .slick-list { padding: 0 12% 0 0 !important; }
.slider-no-padding .slick-list { padding: 0 !important; }
.slider-product-teaser .slick-track { display: -ms-flexbox; display: flex; margin-left: unset; margin-right: unset; }
.slider-product-teaser .slide { margin: 0 6px; text-align: center; font-size: 16px; line-height: 1.5; }
.slider-product-teaser .slide-width { width: 158px !important; }
.slider-product-teaser .slide-inner { overflow: hidden; display: block; margin-bottom: 8px; border: 2px solid transparent; border-radius: 14px; }
.slider-rows { margin: unset !important; }
.slider-rows .slick-slide { width: auto !important; margin: 0 .5rem; }
.slider-rows .slide-inner,
.slider-rows .slide.active .slide-inner { border-width: 1px !important; border-radius: 32px !important; }
.slider-rows .slide.active .slide-inner { border-color: #CC1E27; }
.slider-rows .slide-inner { padding: 12px 1rem; border: 1px solid #EBEBEB; border-radius: 32px; background-color: #F9F9F9; font-size: 16px; line-height: 1.5; color: #454545; text-decoration: none; white-space: nowrap; transition: .3s ease-in; }
.slider-rows .slide-inner:hover { background-color: #EBEBEB; }
.slider-rows .slide-arrow { top: 50% !important; -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
.slider-product-teaser .slide.active { border: 2px solid #CC1E27; border-radius: 16px; }
.slider-product-teaser .slide img { /*width: 100%;*/ border-radius: 14px; transition: .3s ease; }
.slider-product-teaser .slide:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }
.slider-product-teaser .slick-disabled { opacity: 0; }
.slider-product-teaser .slide-arrow { transition: opacity .5s ease; }
.slider-product-teaser .arrow-next { right: -2rem; }
.slider-product-teaser .arrow-prev { left: -2rem; }

@media (max-width: 1599px) {
	.slider-product { max-width: 95%; margin: 0 auto 1rem auto; }
}

@media (max-width: 1599px) {
	.slider-wrapper .slider-left { max-width: 60%; }
	.slider-wrapper .slider-right { left: 43%; }
	.slider-wrapper .slider-nav { max-width: 50%; }

	/* .slider-category .slider-head { position: relative; bottom: unset; } */
}

@media (max-width: 1399px) {
	.slider .slide-arrow { top: 30%; }

	.slider-wrapper .slider-right .section-head { top: -6.5rem; left: 16rem; }
}

@media (max-width: 1199px) {
	.slider-wrapper .slider-right .section-head { top: -5.5rem; left: 13rem; }

	.slider-rows .slide-inner { font-size: 14px; }

	.slider-blog-news { overflow: visible; display: -ms-flexbox; display: flex; max-width: 95%; margin: 0 auto; margin-top: 1.5rem; }
    .slider-blog-news .slick-track { height: 100%; }
    .slider-blog-news .slide { padding: 0 .5rem; }
    .slider-blog-news .arrow-next { right: -1.5rem; }
    .slider-blog-news .arrow-prev { left: -1.5rem; }
}

@media (max-width: 991px) {
	.slider-wrapper .slider-right .section-head { top: -5rem; left: 11rem; }

	.slider-product { max-width: 90%; }
	.slider-product-teaser { max-width: 90%; margin: 0 auto; }

	.slider-rows .slide-inner { font-size: 16px; }
}

@media (max-width: 767px) {
	.slider-main { overflow: visible; }
	.slider-main .slide { border-radius: 16px; }
	.slider-main .slick-dots { bottom: -50px; }

	.slider-teaser .slide { padding: 0 4px; }

	.slider-wrapper .slider-left { max-width: 100%; }
	.slider-wrapper .slider-right { position: static; }
	.slider-wrapper .slider-right .section-head { display: none; }
	.slider-wrapper .slider-nav { max-width: 95%; margin: 0 auto; }
	.slider-single .slide { border-top-right-radius: 0; }
	.slider-single .slide-arrow { width: 40px; height: 40px; }
	.slider-single .arrow-next { left: 4.25rem; }
	.slider-nav { padding-left: 0; }
	.slider-nav .slide { border-radius: 16px; }
	.slider-nav .slide-arrow { width: 40px; height: 40px; }
	.slider-nav .slide-arrow::before { width: 35px; height: 35px; }
	.slider-nav .slide { margin: 0 6px; }
	.slider-nav .arrow-prev { left: -1rem; }

	.slider-category .slide { margin: 0 4px; }
	.slider-category .slick-dots { bottom: -40px; }
	.slider-category .slider-title { line-height: 1.9; }

	.slider-product .slide-arrow,
	.slider-product-teaser .slide-arrow { width: 40px; height: 40px; }
	.slider-product .slide-arrow::before,
	.slider-product-teaser .slide-arrow::before { width: 35px; height: 35px; }
	.slider-product .arrow-prev,
	.slider-product-teaser .arrow-prev { left: -1rem; }
	.slider-product .arrow-next,
	.slider-product-teaser .arrow-next { right: -1rem; }
	.slider-product,
	.slider-product-teaser { max-width: 95%; }

	.slider-blog-news { max-width: 88%; }
	.slider-blog-news .slide-arrow { top: 50% !important; -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
	.slider-blog-news .arrow-next { right: -2.95rem; }
    .slider-blog-news .arrow-prev { left: -2.95rem; }
}

@media (max-width: 575px) {
	.slider-teaser .card-flex-right .btn { -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; height: 24px; }
	.slider-teaser .card-flex-right .btn img { width: 13px; }

	.slider-teaser .badge-sale { font-size: 16px; }
	.slider-teaser .badge-sale::before { content: url('/themes/custom/css/images/assets/home/badge-m.png'); top: -.75rem; }

	.slider-rows .slick-slide { min-width: 150px; }

	.slider-blog-news { max-width: 80%; }
	.slider-blog-news .slide img { display: block; width: 100%; margin: 0 auto; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table { position: relative; }
.table-responive-c { overflow: hidden; max-width: 100%; min-width: 300px; margin: auto; border-radius: 8px; border-color: #EBEBEB; border-collapse: unset; }
.table-responive-c tbody { border-top: 1px solid #EBEBEB; }
.table-responive-c .section-title { margin-top: 0; margin-left: 0; font-family: 'Roboto Bold', sans-serif; font-weight: 700; line-height: 1.5; }
.table-responive-c tr:first-child { border-radius: 8px; border-color: transparent; background-color: #F9F9F9; }
.table-responive-c tr th { width: 25%; }
.table-responive-c tr th:first-child { border-bottom-left-radius: 8px; }
.table-responive-c tr th:last-child { border-bottom-right-radius: 8px; }
.table-responive-c th { padding: 1rem; vertical-align: middle; }
.table-responive-c th,
.table-responive-c td { font-family: 'Roboto Bold', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: .8px; vertical-align: middle; }
.table-responive-c td:before { content: attr(data-th) ": "; display: inline-block; font-weight: bold; }
.table-responive-c th { padding: 1rem; }
.table-responive-c td { padding: 1.5rem 1rem; }
.table-responive-c .delivered ,
.table-responive-c .canceled,
.table-responive-c .in-progress { display: inline-block; margin-right: 8px; }
.table-responive-c .delivered { color: #21BF27; }
.table-responive-c .canceled { color: #CC1E27; }
.table-responive-c .in-progress { color: #FFEB0D; }
.table-responive-c .btn-trash { display: inline-block; margin-left: 1rem; }

@media (max-width: 575px) {
    .table-responive-c tr:nth-child(2) { border-top: none; }
    .table-responive-c th { display: none; }
    .table-responive-c td { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem; }
    .table-responive-c td:before { width: 50%; margin-right: .5rem; }
}

@media (min-width: 575px) {
    .table-responive-c td:before { display: none; }
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

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