/*
	Table of Contents
	update on Mon Jun 30 2025 15:25:54 GMT+0300 (GMT+03:00)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Bootstrap reset --------------------------
	         Container --------------------------------
	         Button -----------------------------------
	     04. Breadcrumb -------------------------------
	     05. Fonts ------------------------------------
	     06. Helpers ----------------------------------
	         Scroll -----------------------------------
	         Bakcdrop ---------------------------------
	         Background -------------------------------
	         Color ------------------------------------
	         Select -----------------------------------
	     07. Pagination -------------------------------
	II.  Regions --------------------------------------
	     01. Filter -----------------------------------
	     02. Footer -----------------------------------
	     03. Header -----------------------------------
	     04. Sidebar ----------------------------------
	     05. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	     02. Card -------------------------------------
	     03. Form Elements ----------------------------
	     04. Form -------------------------------------
	     05. List -------------------------------------
	         Search results ---------------------------
	     06. Modal ------------------------------------
	     07. Nav --------------------------------------
	     08. Section ----------------------------------
	     09. Slider -----------------------------------
	     10. Swiper -----------------------------------
	     11. Table ------------------------------------
	     12. 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; }

:root {
	--t-dur: .3s;
	--container-max-width: 1816px;
	--container-gutter: 11rem;
	--c-white: #FFFFFF;
	--box-shadow: 0px 0px 5px 0px rgba(var(--shadow-color), .48);
	--slider-arrow-size: 2.5rem;
}

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

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

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

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

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

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; }

h1,
.h1,
h2,
.h2 { font-size: 34px; line-height: 1.41; }
h3,
.h3 { font-size: 32px; line-height: 1.46; }
h4,
.h4 { font-size: 30px; line-height: 1.6; }
h5,
.h5 { font-size: 1.5rem; line-height: 1.65; }
h6,
.h6 { font-size: 18px; }


/* $breakpoint-lg-desktop {
	html { font-size: 14px; }
}

*/

@media (max-width: 767px) {
	h1,
	.h1,
	h2,
	.h2 { font-size: 30px; line-height: 1.3; }
	h3,
	.h3 { font-size: 28px; line-height: 1.3; }
	h4,
	.h4 { font-size: 26px; line-height: 1.2; }
}

/* ------------------------------------------------------------ *\
	Bootstrap reset
\* ------------------------------------------------------------ */

/* 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: 1300px !important; }
}

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

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

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


/* Button */
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active, .btn.show { border-color: transparent !important; }

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

.breadcrumb { margin-bottom: 1rem !important; }
.breadcrumb .breadcrumb-item { font-size: 14px; line-height: 1.71; letter-spacing: 1.4px; }
.breadcrumb .breadcrumb-item.active { font-family: 'Jost Bold', sans-serif; color: #212226; }
.breadcrumb .breadcrumb-item img { margin-right: 8px; }
.breadcrumb a { text-decoration: none; }

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

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

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

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

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

.shell { max-width: calc(var(--container-max-width, 1816px) + var(--container-gutter, 24px) * 2); width: 100%; margin: auto; padding-left: var(--container-gutter, 24px); padding-right: var(--container-gutter, 24px);}

/* Product panorama */
#panorama { width: 90vw; height: 80vh; background: rgba(33, 34, 38, .9); }

.modal-c { position: fixed; top: 0; left: 0; z-index: 9999; display: none; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(33, 34, 38, .9); }
.modal-c.active { display: flex; }
.modal-c .close-btn-c { position: absolute; z-index: 10000; top: 1rem; right: 1.5rem; font-size: 2rem; color: white; cursor: pointer; }
#globalPanoramaViewer { width: 90%; height: 90%; }

@media (max-width: 768px) {
	.shell { max-width: 100%; padding-right: 1rem; padding-left: 1rem; }
}

.product-360-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 2px 2px 4px rgba(33, 34, 38, .9);
    animation: slideInAndBounce 3s 1s ease-out forwards;
    opacity: 0; }

.product-360-wrapper img {
    width: 45px;
    height: 45px;
}

@keyframes slideInAndBounce {
    0% { transform: translateX(-50vw); opacity: 0; }
    60% { transform: translateX(0) scale(1); opacity: 1; }
    65% { transform: translateX(0) scale(1); opacity: 1; }
    75% { transform: translateX(0) scale(1.1); opacity: 1; }
    85% { transform: translateX(0) scale(1); opacity: 1; }
    95% { transform: translateX(0) scale(1.1); opacity: 1; }
    100% { transform: translateX(0) scale(1); opacity: 1; }
}

@media ( max-width: 1199px) {
    animation-duration: 2.5s;
}

@media ( max-width: 767px) {
    .product-360-wrapper {
        width: 50px;
        height: 50px;
        animation-duration: 2s;
    }

    .product-360-wrapper img {
        width: 35px;
        height: 35px;
    }
}

@media ( max-width: 575px) {
    .product-360-wrapper {
        width: 45px;
        height: 45px;
    }
}

/* Scroll */
* { scrollbar-width: thin; scrollbar-color: #5B5B5B white; transition: .3s ease; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: white; }
::-webkit-scrollbar-thumb { background-color: #5B5B5B; border-radius: 6px; border: 3px solid white; }
::-webkit-scrollbar-thumb:hover { background-color: #212226; }

/* Bakcdrop */
.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; }

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

/* Color */
.text-danger-c { color: #CC1E27 !important; }

/* letter-spacing */
.letter-spacing-10 { letter-spacing: 1.6px; }

@media(min-width: 991px) {
	.order-lg-6 { -ms-flex-order: 6; order: 6; }
}

/* Fancybpx */
.fancybox-thumbs__list a:before { border: 6px solid #212226; }
.fancybox-image { transition: transform .25s ease; }
.fancybox-zoom-toggle { position: absolute; top: 0; left: 50%; z-index: 1200; height: 44px; padding: 10px; background: rgba(30,30,30,.6); cursor: pointer; }
.fancybox-zoom-toggle i { font-size: 1.5rem; color: #ccc; }

@media (max-width: 600px) {
	.fancybox-zoom-toggle { left: 25%; -ms-transform: none; transform: none; }
}

@media (max-width: 400px) {
	.fancybox-zoom-toggle { left: 17%; }
}

@media (max-width: 372px) {
	.fancybox-zoom-toggle { top: 44px; left: 53%; }
}

/* Select */
.custom-select { border-bottom: 1px solid #212226; }
.custom-select .form-select { padding: .5rem 1.5rem; border: none; background-color: transparent; color: #212226; apperance: none; cursor: pointer; background-position: right 0rem center; background-size: 14px 14px; letter-spacing: 1.6px; }
.custom-select .form-select:focus { outline: none; box-shadow: none; }

.leaflet-tile-pane { filter: grayscale(100%) brightness(95%);}

.h-auto { min-height: auto !important; }

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

.pagination { -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; }
.pagination .page-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; border: 1px solid #212226; border-radius: 50%; background-color: white; transition: .3s ease; }
.pagination .page-item:first-child { margin-right: .5rem; }
.pagination .page-item:last-child { margin-left: .5rem; }
.pagination .page-item i { font-size: 12px; }
.pagination .page-item:hover,
.pagination .page-item:focus,
.pagination .page-item.active { background-color: #212226; }
.pagination .page-item:hover i,
.pagination .page-item:focus i,
.pagination .page-item.active i,
.pagination .page-item:hover .page-link,
.pagination .page-item:focus .page-link,
.pagination .page-item.active .page-link { color: white; }
.pagination .page-item.dots { border: none !important; border-radius: 0 !important; }
.pagination .page-link { padding: 0; border: none; background-color: transparent; color: #212226; letter-spacing: .8px; }
.pagination .page-link:hover,
.pagination .page-link:focus { background-color: transparent; box-shadow: none; }

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

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

.filter-inner { width: 305px !important; }
.filter-inner .offcanvas-header { padding: 1rem; border-bottom: 1px solid #D7D7D7; }
.filter-inner .offcanvas-title { font-family: 'Jost Bold', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.6; letter-spacing: 1; }
.filter-inner .btn-close { opacity: 1; }
.filter-inner .offcanvas-body { overflow-y: auto; overflow-x: hidden; padding: 1rem 1.5rem; }
.filters-group { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #D7D7D7; border-radius: 0; }
.filters-group .btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 1rem; padding: 0; font-family: 'Jost Bold', sans-serif; letter-spacing: 1.6px; }
.filters-group .btn i { transition: .3s ease; }
.filters-group .btn.collapsed i { -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.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; gap: 8px; margin-bottom: 5px; letter-spacing: 1.6px; }
.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 16px; flex: 0 0 16px; width: 16px; height: 16px; margin-top: 0; border-radius: 3px !important; border-color: #D7D7D7; }
.filters-group .filters-item .form-check-input:checked { background-color: #212226; border-color: #212226; 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%); }
.filter-inner .offcanvas-bottom { padding: 1rem; text-align: center; box-shadow: 0px 0px 9px 0px #0000001A; }

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

.footer { position: relative; background-color: /*#212226;*/ rgba(33, 34, 38,.7); }
.footer-top { /*display: flex; align-items: center; justify-content: space-between; gap: 12.5rem;*/ column-count: 3; padding: 5.5rem 0; }
.footer-top .form-control { margin-bottom: .5rem; padding: 7px 0; border-radius: 0; border-top: 0; border-right: 0; border-bottom: 1px solid white; border-left: 0; background-color: transparent; letter-spacing: 1.6px; color: white; transition: .4s ease; }
.footer-top .form-control:-ms-input-placeholder { color: white; letter-spacing: 1.6px; }
.footer-top .form-control::placeholder { color: white; letter-spacing: 1.6px; }
.footer-top .form-control:last-of-type { margin-bottom: 2rem; }
.footer-top .form-control:focus { background-color: white; box-shadow: none; color: #212226; }
.footer-top .form-control:focus:-ms-input-placeholder { color: #212226; }
.footer-top .form-control:focus::placeholder { color: #212226; }

/* .footer-top .list-group-left { flex: 0 0 351px; width: 351px; } */
.footer-top .list-group-middle { /*flex: 0 0 434px;*/ width: 434px; }
/* .footer-top .form { flex: 0 0 607px; width: 607px; } */

.footer-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 2.75rem 0; border-top: 1px solid white; color: white; }
.footer-bottom  span { letter-spacing: 1.6px; }
.footer-bottom .footer-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; }

@media (max-width: 1499px) {
	.footer-top { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; gap: 1rem 0; }
	.footer-top .form,
	.footer-top .list-group-middle { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; }
}

@media (max-width: 991px) {
	.footer-top { padding: 3rem 0; }
	.footer-top .form { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; }
}

@media (max-width: 767px) {
	.footer-top { -ms-flex-pack: normal; justify-content: normal; }
}

@media (max-width: 575px) {
	.footer-bottom { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; gap: 1rem; padding: 1.5rem 0; }
}

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


.header.sticky { box-shadow: 0px 4px 20px 0px #00000026; }
.header .logo,
.header.sticky .logo-home { display: none; }
.header.sticky .logo { display: block; }

.header .navbar-nav-right .nav-link:hover { box-shadow: -1px 2px 5px rgba(33, 34, 38, .5); }
.header .navbar-main .navbar-toggler .toggler-btn-c-lines { background: white; }
.header .navbar-main .navbar-toggler[aria-expanded=true] .toggler-btn-c-lines::before { background: white; }
.header .navbar-main .navbar-toggler[aria-expanded=true] .toggler-btn-c-lines::after { background: white; }
.header .navbar-main .toggler-btn-c-lines,
.header .navbar-main .toggler-btn-c-lines::before,
.header .navbar-main .toggler-btn-c-lines::after { background: white; }
.header.sticky .navbar-top { border-color: #212226; }
.header.sticky .navbar-main .navbar-toggler[aria-expanded=true] .toggler-btn-c-lines::before { background: #212226; }
.header.sticky .navbar-main .navbar-toggler[aria-expanded=true] .toggler-btn-c-lines::after { background: #212226; }
.header.sticky .navbar-main .toggler-btn-c-lines,
.header.sticky .navbar-main .toggler-btn-c-lines::before,
.header.sticky .navbar-main .toggler-btn-c-lines::after { background: #212226; }

@media (min-width: 991px) {
	.header .nav-link { color: white !important; }
	.header.sticky .nav-link,
	.header.sticky .btn-search { color: #212226 !important; }
	.header .navbar-main .nav-link::before,
	.header .navbar-main .nav-link::after { background: rgba(255, 255, 255, 0.5); }
	.header.sticky .navbar-main .nav-link::before,
	.header.sticky .navbar-main .nav-link::after { background: rgba(33, 34, 38, .5); }
	.header .navbar-nav-right .nav-link { background-color: white; color: #212226 !important; transition: .3s ease; }

	.header.sticky .navbar-nav-right .nav-link { background-color: #212226; color: white !important; }
}

@media (max-width: 991px) {
	.header .navbar-top .navbar-right { color: white; }
	.header.sticky .navbar-top .navbar-right { color: #212226; }
	.header.sticky .btn-search i { font-size: 1.25rem; color: #212226; }
	.header .navbar-main .nav-link::before,
	.header .navbar-main .nav-link::after { background: rgba(33, 34, 38, .5); }
	.header .navbar-top .nav-link::after { background: rgba(255, 255, 255, 0.5); }
}

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


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

.wrapper--brochure {  overflow-x: clip; position: relative; display: flex; flex-direction: column; min-height: 100svh; }

.wrapper.zoom-book { overflow: unset; }
.wrapper.zoom-book .header-holder { overflow-x: clip; display: none; }
.wrapper.zoom-book .hero-alt { display: none; }
.wrapper.zoom-book .footer { display: none; }
.wrapper.zoom-book .flipbook { overflow: auto; width: 100vw; /*height: calc(var(--height) + var(--paging-height)); */ max-height: 90vh; margin: calc(50% - 50vw); padding-bottom: calc(var(--paging-height) / 2 + 5px); user-select: none; cursor: grab; }
.wrapper.zoom-book .flipbook__media { pointer-events: none; }
.wrapper.zoom-book .flipbook__actions { display: none; }
/*.wrapper.zoom-book .flipbook__inner { width: calc(1419px * 1.5); height: calc(1999px * 1.5); user-select: none; !* zoom: 1.5; *! !* width: calc(var(--width) * 1.8); height: calc(var(--height) * 1.8); *! transition: width 0.4s ease, height 0.4s ease; }*/
.wrapper.zoom-book .flipbook__inner { user-select: none; transition: width 0.4s ease, height 0.4s ease; }

/* zoom x2 - 1372 x 2 */
.wrapper.zoom-book .flipbook__inner { width: 2744px; height: 2000px; }

/* zoom x1.5 for laptop doublation */
@media (max-width: 1439px) {
    .wrapper.zoom-book .flipbook__inner { width: 2058px; height: 1500px; }
}

.wrapper.zoom-book .flipbook__paging-wrapper { position: fixed; right: 0; bottom: 0; width: 100%; margin-top: 0; padding: 0 var(--container-gutter) 5px 0; background-color: var(--c-white); line-height: 1; }
/* touch-specific rule expanded */
.wrapper.is-touch-device .flipbook .zoom { display: none; }

/* .wrapper.zoom-book {
  overflow: unset;
}

.wrapper.zoom-book .header-holder {
  overflow-x: clip;
  display: none;
}

.wrapper.zoom-book .hero-alt {
  display: none;
}

.wrapper.zoom-book .footer {
  display: none;
}

.wrapper.zoom-book .flipbook {
  overflow: auto;
  margin: calc(50% - 50vw);
  width: 100vw; */
  /*height: calc(var(--height) + var(--paging-height));*/
  /* max-height: 90vh;
  user-select: none;
  cursor: grab;
  padding-bottom: calc(var(--paging-height) / 2 + 5px);
}

.wrapper.zoom-book .flipbook__media {
  pointer-events: none;
}

.wrapper.zoom-book .flipbook__actions {
  display: none;
} */

/* .wrapper.zoom-book .flipbook__inner {
  user-select: none; */
  /* zoom: 1.5; */
  /* width: calc(var(--width) * 1.8);
     height: calc(var(--height) * 1.8); */
  /* width: calc(1419px * 2);
  height: 1999px;
} */

/* .wrapper.zoom-book .flipbook__paging-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  margin-top: 0;
  line-height: 1;
  padding: 0 var(--container-gutter) 5px 0;
  background-color: white;
} */


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

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

.btn { position: relative; appearance: none; }

.btn-search { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; padding: 0; background-color: transparent; color: white; letter-spacing: 1.6px; }
.btn-search:hover { color: white !important; }
.btn-search i { font-size: 1.5rem; font-weight: 300; }

.btn-circle-c { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0; color: #212226; letter-spacing: 1.6px; text-transform: uppercase; transition: .3s ease; }
.btn-circle-c .ring { position: relative; display: block;  border-radius: 50%; background: conic-gradient(#212226 0deg 319deg, transparent 319deg 360deg); -ms-transform: rotate(110deg); transform: rotate(110deg); }
.btn-circle-c .ring-white { background: conic-gradient(white 0deg 319deg, transparent 319deg 360deg); }
.btn-circle-c.size-64 .ring { width: 64px; height: 64px; mask-image: radial-gradient( circle at center, transparent 30px, white 31px);
	-webkit-mask-image: radial-gradient( circle at center, transparent 30px,white 31px ); }
.btn-circle-c.size-80 .ring { width: 80px; height: 80px; mask-image: radial-gradient( circle at center, transparent 38px, white 40px);
	-webkit-mask-image: radial-gradient( circle at center, transparent 38px,white 40px ); }
.btn-circle-c.size-88 .ring { width: 88px; height: 88px; mask-image: radial-gradient( circle at center, transparent 42px, white 44px);
	-webkit-mask-image: radial-gradient( circle at center, transparent 42px,white 44px ); }
.btn-circle-c .btn-inner { position: relative; }
.btn-circle-c i { position: absolute; top: 50%; left: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 18px; font-weight: 300; transition: .3s ease-in-out; }
.btn-circle-c .text { transition: .3s ease-in-out; }
.btn-circle-c.white,
.btn-circle-c.white i,
.btn-circle-c.white:active,
.btn-circle-c.white:active i { color: white !important; }
.btn-circle-c.white .ring { background: conic-gradient(white 0deg 319deg, transparent 319deg 360deg); }
.btn-circle-c:hover i { -ms-transform: translate(3px, -50%); transform: translate(3px, -50%); }
.btn-circle-c.white:hover .text { color: white !important; text-shadow: 3px -3px 20px #212226; }
.btn-circle-c.start .ring { -ms-transform: rotate(290deg); transform: rotate(290deg); }
.btn-circle-c.start i { margin-left: -8px; }
.btn-circle-c.start :hover i { -ms-transform: translate(-1px, -50%); transform: translate(-1px, -50%); }

.btn-dark-c { display: -ms-flexbox; display: flex; gap: .5rem; padding: .5rem 1.25rem; background-color: #212226; color: white; border-radius: 20px; font-family: 'Jost Medium', sans-serif; font-weight: 500; font-size: 1.125rem; line-height: 1.5; letter-spacing: 1.6px; text-transform: uppercase; transition: .3s ease; }
.btn-dark-c span { display: block; margin-bottom: -3px; }
.btn-dark-c:hover { background-color: #5B5B5B !important; color: white !important; }

.btn-outline-danger-c { -ms-flex-align: center; align-items: center; gap: .5rem; padding: 0; border: none; background-color: transparent; color: #CC1E27; letter-spacing: 1.6px; }
.btn-outline-danger-c:hover,
.btn-outline-danger-c:active { color: #CC1E27 !important; }
.btn-secondary-c { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; padding: .5rem 1rem; border-radius: 1.25rem; background-color: #ececed; letter-spacing: 1.6px; transition: .3s ease; }
.btn-secondary-c:hover,
.btn-secondary-c.active { background-color: #212226 !important; color: white !important; }

.btn-border-dark { overflow: hidden; padding: 6px; border-radius: 38px; background-color: #212226; }
.btn-border-dark .btn-inner { overflow: hidden; position: relative; display: block; padding: 18px 42px; border: 2px solid white; border-radius: 31px; transition: .4s ease-in; }
.btn-border-dark .btn-inner::before { content: ''; position: absolute; top: 0; left: -100%; -ms-transform: translateX(-100%); transform: translateX(-100%); width: 100%; height: 100%; background-color: #ececed; transition: .4s ease-in; }
.btn-border-dark:hover .btn-inner::before { top: 0; left: 0; -ms-transform: translateX(0%); transform: translateX(0%); }
.btn-border-dark .btn-text { position: relative; z-index: 20; font-family: 'Jost Bold', sans-serif; font-weight: 700; color: white; font-size: 1.125rem; line-height: 1.5; letter-spacing: 1.6px; text-transform: uppercase; transition: .4s ease-in; }
.btn-border-dark:hover { background-color: #212226 !important; }
.btn-border-dark:hover .btn-text { color: #212226 !important; }

.btn-transparent-c { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0; border-radius: 0; background-color: transparent; letter-spacing: .8px; }
.btn-transparent-c .btn-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: .5rem; }
.btn-transparent-c:hover { color: #212226 !important; }
.btn-transparent-c:active,
.btn-transparent-c:focus { border-color: transparent !important; box-shadow: none !important; }
.btn-transparent-c i { font-size: 14px; transition: .3s ease-in-out; }
.btn-transparent-c.is-open i { -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

.btn-bold { font-family: 'Jost Bold', sans-serif; }

.btn-filter { padding: .5rem 1rem; border-radius: 1.25rem; background-color: #ECECED; color: #212226; letter-spacing: 1.6px; transition: .3s ease; }
.btn-filter.active,
.btn-filter:hover { background-color: #212226 !important; color: white !important; }

.btn-controls { padding: 0; }

.btn-social { padding: 0; }

.btn-page-close i { font-size: 1.75rem; color: white; text-shadow: 0px 0px 5px #212226; }

@media (max-width: 991px) {
	.btn-page-close { position: absolute; top: 0; right: 0; z-index: 20; }
}

@media (max-width: 767px) {
	.btn-circle-c.size-88 .ring { width: 74px; height: 74px; mask-image: radial-gradient( circle at center, transparent 35px, white 36px); }
}

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

.card { border: none; border-radius: 0; }

.card-teaser { height: 100%; margin-bottom: 1.5rem; box-shadow: 0px 14px 24px 0px #21222614; text-decoration: none; transition: .3s ease-in-out; }
.card-teaser:hover { transform: translateY(-2px); box-shadow: 6px 5px 18px 0px #21222654; color: black !important; }
.card-teaser .card-img-top { overflow: hidden; position: relative; border-radius: 0 !important; text-decoration: none; transition: .3s ease; }
.card-teaser .card-img-top:hover { color: white; }
.card-teaser .card-img-top img { transition: .3s ease; }
.card-teaser .card-img-top:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-teaser .overlay { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; -ms-transform: translateX(-100%); transform: translateX(-100%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;
	background: linear-gradient(180deg, rgba(33, 34, 38, 0.8) 0%, rgba(33, 34, 38, 0.8) 100%); transition: .5s ease; }
/* .card-teaser:hover .overlay { z-index: 2; -ms-transform: translateX(0); transform: translateX(0); } */
.card-teaser .card-body { padding: 1rem; }
.card-teaser .card-title { margin-bottom: 1rem; letter-spacing: 1.6px; }
.card-teaser .price { font-family: 'Jost Bold', sans-serif; font-size: 2rem; line-height: 1.46; font-weight: 700; letter-spacing: 1.6px; }

.card-overlay { height: 100%; padding: 2.75rem 1.5rem; background-color: #ececed; }
.card-overlay .card-head { position: relative; z-index: 40; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; margin-bottom: 2.25rem; }
.card-overlay .card-title { font-family: 'Jost Bold', sans-serif; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
.card-overlay .card-body { padding: 0; }
.card-overlay .card-text { position: relative; z-index: 40; letter-spacing: 1.6px; }
.card-overlay .overlay { position: absolute; z-index: 1; left: 50%; -ms-transform: translate(-50%); transform: translate(-50%); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 120px; height: 120px; padding: 1rem; border-radius: 50%; background-color: #ececed; }
.card-overlay .overlay-bottom { bottom: -60px; }
.card-overlay .overlay-top { top: -60px; }
.card-overlay .overlay-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 88px; height: 88px; border-radius: 50%; font-family: 'Jost Medium', sans-serif; font-size: 2.5rem; line-height: 1.2; font-weight: 500; letter-spacing: 2px;  }

.card-white-sm { -ms-flex-direction: row; flex-direction: row; gap: 2.5rem; -ms-flex-align: start; align-items: flex-start; height: 100%; padding: 2.5rem; border-radius: 0; box-shadow: 0px 14px 24px 0px rgba(33, 34, 38, 0.08); transition: box-shadow 0.3s ease, transform 0.3s ease; }
.card-white-sm:hover { -ms-transform: translateY(-4px); transform: translateY(-4px); box-shadow: 0px 20px 40px rgba(33, 34, 38, 0.12); }
.card-white-sm .card-text { font-size: 1.5rem; line-height: 1.65; letter-spacing: 1.2px; }

.card-news { background-color: transparent; text-decoration: none; transition: .3s ease; }
.card-news .card-img-top { overflow: hidden; position: relative; border-radius: 0 !important; text-decoration: none; }
.card-news .card-img-top img { width: 100%; transition: .3s ease; }
.card-news:hover .card-img-top img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-news:hover { color: #212226; }
.card-news .card-body { padding: 1rem 0; }
.card-news .meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4px; margin-bottom: 1rem; letter-spacing: .8px; }
.card-news .card-text { font-size: 1.5rem; line-height: 1.33; letter-spacing: 1.2px; }

.card-map img { width: 100px; }
.card-map a { font-size: 12px; color: #212226; line-height: 1.16; letter-spacing: 1.2px; }

.card-about-us { margin-top: 1.5rem; margin-bottom: 2.5rem; }
.card-about-us .card-inner { padding: 0 0 0 6.75rem; }
.card-about-us .card-img-top img { width: 100%; }
.card-about-us .card-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.5rem; }
.card-about-us .card-body { padding: 0; }
.card-about-us .card-title { margin-bottom: 0; font-family: 'Jost Bold', sans-serif; letter-spacing: 1.5px; text-transform: unset; }
.card-about-us .card-title .text { margin-left: -3.25rem; }
.card-about-us .card-text { letter-spacing: .8px; }
.card-about-us .card-text ul { padding-left: 1.5rem; }
.card-about-us .card-text ul li { margin-bottom: 1.5rem; letter-spacing: 1.6px; }
.card-about-us .card-text ul li { list-style-image: url('../css/images/assets/about-us/check.svg'); }
.card-about-us .card-text ul li::marker { padding-left: 12px; }
.card-about-us .card-text ul li span { margin-left: 12px; }

.card-white { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; height: 100%; padding: 2rem; }
.card-white .card-img-top { margin-bottom: 1rem; border-radius: 0 !important; text-align: center; }
.card-white .card-body { padding: 0; text-align: center; }
.card-white .card-title { margin-bottom: 1rem; font-family: 'Jost Bold', sans-serif; letter-spacing: 1.2px; line-height: 1.33;  }
.card-white .card-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.5rem; }
.card-white .card-inner .card-img-top { -ms-flex: 0 0 64px; flex: 0 0 64px; }
.card-white .card-inner .card-body { text-align: start; }

@media(max-width: 1799px) {
	.card-about-us .card-inner { padding: 0; }
}

@media (max-width: 1599px) {
	.card-white-sm { gap: 1rem; padding: 1.5rem; }
	.card-about-us .ring { display: none; }
	.card-about-us .card-title .text { margin-left: 0; }
}

@media (max-width: 1399px) {
	.card-overlay { padding: 1.5rem 1rem; }
	.card-overlay .card-head { margin-bottom: 1rem; }
	.card-overlay .card-title { font-size: 20px; }
	.card-overlay .card-text { line-height: 1.3; }
}

@media (max-width: 1199px) {
	.card-overlay { padding: 2rem 1.5rem; }
	.card-overlay .order-6 { -ms-flex-order: 6; order: 6; }


	/* .card-overlay .card-head { margin-bottom: 1.5rem; }
	.card-overlay .card-title { font-size: 1.5rem; }
	.card-overlay .card-text { line-height: 1.5; } */
}

@media (max-width: 991px) {
	.card-white .card-inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; gap: 1rem; }
	.card-white .card-inner .card-img-top { -ms-flex: 0 0 auto; flex: 0 0 auto; }
	.card-white .card-inner .card-body { text-align: center; }
}

@media (max-width: 767px) {
	.card-white-sm { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
}

/* ------------------------------------------------------------ *\
  	Flipbook paging
  \* ------------------------------------------------------------ */
/* .flipbook { overflow: hidden; position: relative; padding: 0 10rem; padding-bottom: calc(var(--paging-height) / 2 + 5px); 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.zoomed { overflow: hidden; }
.flipbook .flipbook__inner { position: relative; width: 100%; padding-top: 70.4%; transform-style: preserve-3d; perspective: 900rem; transform-origin: top center; transform: scale(1); }
.flipbook .flipbook__inner.zoomed .flipbook__media { cursor: grab !important; }
.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%; cursor: pointer; }
.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__btn-secondary { color: #212226; }
.flipbook .flipbook__paging-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; flex-direction: column-reverse; gap: 1rem; -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: #212226 }
.flipbook .flipbook__paging-wrapper .flipbook__btn-secondary:active,
.flipbook .flipbook__paging-wrapper .flipbook__btn-secondary:hover { color: #5B5B5B !important; }
.flipbook .flipbook__paging.hide-external span:nth-child(2),
.flipbook .flipbook__paging.hide-external span:nth-child(3) { display: none;}

.flipbook-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: .5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.flipbook-inner span { margin: 0 .5rem; }

.flipbook .zoom { margin-right: .5rem; }
.flipbook .zoom { text-decoration: none; }

.flipbook .zoom i + i,
.flipbook .zoom.is-open i { display: none; }

.flipbook .zoom.is-open i + i { display: inline-block; }

/* .flipbook .leaf.last::before { content: ''; position: absolute; z-index: 1; top: 0; left: 150%; 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; } */

/* @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 { transition: opacity 0s 1s, visibility 0s 1s, transform 0.3s; transform: translateX(0) rotate3d(0, 1, 0, 180deg); }
  .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 { transform: translateX(-50%) rotate3d(0, 1, 0, 180deg); }
  .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: 1281px) {
	.flipbook .flipbook__paging-wrapper { bottom: -4rem; }
	.flipbook.no-overlay { transform: scale(1); }
}

@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:before { background-color: transparent; }
	.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; }
} */



.flipbook { position: relative; width: 100%; padding: 0 13rem pointer-events: none; }
.flipbook .zoom { margin-right: .5rem; }
.flipbook .flipbook__inner { transition: width var(--t-dur), height var(--t-dur); }

  /* ------------------------------------------------------------ *\
  	Flipbook Actions
  \* ------------------------------------------------------------ */

/* .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: 32px; height: 32px; padding: 0; border: 1px solid #212226; 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%);font-size: 14px; transition: .3s ease; cursor: pointer; }
.flipbook__arrow::before { content: '';  width: 51px; height: 51px; border: 1px solid #212226; border-radius: 50%; background-color: $black; cursor: pointer; transition: .3s ease; }
.flipbook__arrow:hover::before { border-color: $black; background-color: #212226; }
.flipbook__arrow:hover { color: #d7d7d7; }
.flipbook__arrow[disabled] { pointer-events: none; opacity: 0.5; } */

  /* ------------------------------------------------------------ *\
  	Flipbook paging
  \* ------------------------------------------------------------ */

.flipbook:before { position: fixed; z-index: 9999; content: ""; top: 0; left: 0; 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; visibility: hidden; opacity: 0; pointer-events: none; }
.flipbook.click-blocked,
.flipbook.click-blocked .flipbook__actions .flipbook__btn { pointer-events: none; cursor: pointer; }
.flipbook .flipbook__inner { position: relative; width: 100%; width: var(--width); height: var(--height); margin: auto; /*padding-top: 70.4%;*/ transform-style: preserve-3d; perspective: 900rem; }
.flipbook .leaf { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; transform-style: preserve-3d; transform: rotate3d(0, 1, 0, 0deg); transform-origin: left 0px; background-color: var(--c-white); transition: transform 1s; }
.flipbook .leaf .page { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; transform-style: preserve-3d; }
.flipbook .leaf .page.is-active { pointer-events: all; opacity: 1; visibility: visible; transition: opacity 0s, visibility 0s; }
.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; z-index: 2; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); 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: ""; top: 0; left: 0; z-index: 5; 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 { 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 img { user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none;  -webkit-user-select: none; -ms-user-select: none; }
.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; transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center; margin-top: -2rem; padding: 0 6.3rem; pointer-events: none; }
.flipbook .flipbook__actions .flipbook__btn { position: relative; z-index: 10; display: flex; justify-content: center; align-items: center; width: var(--slider-arrow-size); height: var(--slider-arrow-size); margin: 0;
  border: 1px solid #fcfcfc; border-radius: 50%; pointer-events: all; text-decoration: none; background-color: #ebebeb; color: var(--c-second);
  box-shadow: var(--box-shadow); opacity: 1; transition: border-color var(--t-dur), background-color var(--t-dur), color var(--t-dur), box-shadow var(--t-dur); }
.flipbook .flipbook__actions .flipbook__btn i { font-size: 1rem; transition: transform var(--t-dur); }
.flipbook .flipbook__actions .flipbook__btn[disabled] { border-color: #f8f8f8; background-color: #fcfcfc; color: var(--c-base); box-shadow: none; pointer-events: none; }
.flipbook .flipbook__actions .flipbook__btn[disabled]:hover i { transform: none; }
.flipbook__toolbar { display: flex; align-items: center; gap: 1rem; padding: 10px; border-radius: 6px; background-color: #ececed; }
.flipbook__toolbar a:hover { color: #212226; }
.flipbook .flipbook__paging-wrapper { position: relative; z-index: 10; display: flex; align-items: center; justify-content: center; margin-top: 1.9rem; }
.flipbook .flipbook__paging-wrapper .flipbook__paging p { margin: 0 0.7rem 0; letter-spacing: -0.05em; }
.flipbook .flipbook__paging-wrapper .flipbook__btn-secondary[disabled] { pointer-events: none; opacity: 0.5; }
.flipbook .flipbook__paging-wrapper .flipbook__btn-secondary[disabled]:hover i { transform: none; }
.flipbook .flipbook__paging.hide-external span:nth-child(2),
.flipbook .flipbook__paging.hide-external span:nth-child(3) { display: none; }

@media (hover: hover) and (pointer: fine) {
  .flipbook .flipbook__actions .flipbook__btn:hover i { transform: scale(1.2); }
}

@media (min-width: 767.02px) {
  .flipbook .leaf .page { visibility: hidden; opacity: 0; 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%; z-index: 2; display: block; width: calc(100% + 5px); height: calc(100% + 10px); transform: none; transition: opacity 0s, z-index 0s, visibility 0s; }
  .flipbook .leaf:first-child .front:after { display: none; }
  .flipbook .leaf:first-child .front { 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 { 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 { transform: translateX(0) rotate3d(0, 1, 0, 180deg); transition: opacity 0s 1s, visibility 0s 1s, transform 0.3s; }
  .flipbook .leaf:last-child:has(.page.back) .back:before { z-index: 2; top: -5px; right: 0; left: auto; display: block; width: calc(100% + 5px); height: calc(100% + 10px); transform: none; 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 { transform: translateX(-50%) rotate3d(0, 1, 0, 180deg); }
  .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; }
  .flipbook:not(:has(.leaf:nth-child(2))) .flipbook__inner .leaf:first-child .front { transform: translateX(-50%) rotate3d(0, 0, 0, 180deg); transition: opacity 0s 0.3s, visibility 0s 0.3s, transform .3s; }
  .flipbook:not(:has(.leaf:nth-child(2))) .flipbook__inner .leaf:first-child .front.is-active { opacity: 1; visibility: visible; transition: opacity 0s 0.3s, visibility 0s 0.3s, transform .3s; }
  .flipbook:not(:has(.leaf:nth-child(2))) .flipbook__inner .leaf:first-child .back { opacity: 0; visibility: hidden; transform: translateX(-50%) rotate3d(0, 1, 0, 180deg); transition: opacity 0s 0.3s, visibility 0s 0.3s, transform .3s; }
  .flipbook:not(:has(.leaf:nth-child(2))) .flipbook__inner .leaf:first-child.turned { z-index: 0; }
  .flipbook:not(:has(.leaf:nth-child(2))) .flipbook__inner .leaf:first-child.turned .front { opacity: 0; visibility: hidden; transition: opacity 0s 0.3s, visibility 0s 0.3s, transform .3s; }
  .flipbook:not(:has(.leaf:nth-child(2))) .flipbook__inner .leaf:first-child.turned .back.is-active { opacity: 1; visibility: visible; transition: opacity 0s 0.3s, visibility 0s 0.3s, transform .3s; }
}

@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 { font-size: 1.5rem; }
  .flipbook .flipbook__paging-wrapper .flipbook__btn-secondary i { font-size: 2.5rem; }
  .flipbook .flipbook__btn i { font-size: 1.5rem; }
  .flipbook .zoom { display: none; }
}

@media (max-width: 767px) {
  .flipbook .flipbook__inner { width: 100%; padding-top: 140.6%; }
  .flipbook .leaf { left: 0; display: contents; width: 100%; transform-origin: 0; }
  .flipbook .leaf .page { left: 100vw; 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; }
  .flipbook .flipbook__paging { font-size: 1rem; }
  .flipbook .flipbook__paging-wrapper .flipbook__btn-secondary i { font-size: 1.5rem; }
  .flipbook .flipbook__btn i { font-size: 1rem; }
 }




/* zoom button styles (expanded) */
.flipbook .zoom { text-decoration: none; }
.flipbook .zoom i + i { display: none; }
.flipbook .zoom.is-open i { display: none; }
.flipbook .zoom.is-open i + i { display: inline-block; }


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

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

.form { position: relative; }

.form-search .form-inner { display: -ms-flexbox; display: flex; }
.form-search .select2-container { width: auto !important; }
.form-search .select2-container--default .select2-selection--single { border: none; border-bottom: 1px solid #212226; border-radius: 0; }
.form-search .select2-container .select2-selection--single { height: auto; }
.form-search .select2-container--default .select2-selection--single .select2-selection__rendered { padding: .5rem 1.5rem; line-height: unset; color: #212226; }
.form-search .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; height: unset; }
.form-search .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #212226 transparent transparent transparent; }
.form-search .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #212226 transparent; }

.form-contact .form-group { margin-bottom: 1.5rem; }
.form-contact .form-control { padding: 7px 0; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #212226; border-radius: 0; letter-spacing: 1.6px; color: #212226; }
.form-contact .form-control:focus { border-color: #212226; box-shadow: none; }
.form-contact .form-control:-ms-input-placeholder { letter-spacing: 1.6px; color: #212226; }
.form-contact .form-control::placeholder { letter-spacing: 1.6px; color: #212226; }
.form-contact .form-check { margin-bottom: 1rem; }
.form-contact .form-check label { letter-spacing: 1.6px; }
.form-contact .form-check label a:hover { color: #313983; }
.form-contact .form-check-input { width: 18px; height: 18px; border-radius: 3px; border-color: #D7D7D7; }
.form-contact .form-check-input:checked { background-color: #212226; }
.form-contact .form-check-input:focus { box-shadow: none; }


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

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

/* Search results */
.list-search-results { overflow-y: auto; overflow-x: hidden; position: absolute; top: 100%; z-index: 500; display: none; width: 100%; max-height: 450px; height: 450px; padding: .5rem; border-radius: 0; background-color: white; filter: drop-shadow(1px 2px 6px #212226); scrollbar-width: thin; scrollbar-color: #212226 #F9F9F9; }
.list-search-results.show { display: block; }
.list-search-results::-webkit-scrollbar { width: 8px; }
.list-search-results::-webkit-scrollbar-track { background: white; }
.list-search-results::-webkit-scrollbar-thumb { border-radius: 20px; background: #212226; 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 a:hover { color: #212226; }
.list-search-results h6 { transition: .3s ease; }

.list-group-category { position: relative; top: -2rem; -ms-flex-direction: row; flex-direction: row; gap: 75px; -ms-flex: 0 0 calc(100% - 791px); flex: 0 0 calc(100% - 791px); width: calc(100% - 791px); }
.list-group-category .list-item { -ms-flex: 0 0 127px; flex: 0 0 127px; width: 127px; text-align: center; transition: .3s ease; }
.list-group-category .list-item:hover img { filter: drop-shadow(2px 4px 6px #0000004D); }
.list-group-category a { text-decoration: none; }
.list-group-category a:hover { color: #212226; }
.list-group-category h6 { margin-top: 8px; margin-bottom: 0; font-family: 'Jost Bold', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: .8px; }

.list-group-footer .list-title { margin-bottom: 1rem; font-family: 'Jost Medium', sans-serif; font-weight: 500; font-size: 1.5rem; line-height: 1.33; letter-spacing: 1.68px; text-transform: unset; }
.list-group-footer li { color: white; }
.list-group-footer li a { letter-spacing: 1.6px; text-decoration: none; }
.list-group-footer li a:hover { color: white; }
.list-group-left li:first-child { margin-bottom: 1.5rem; }
.list-group-left li { margin-bottom: 1rem; }
.list-group-left li i { margin-right: 8px; }

.list-group-middle li { margin-bottom: 12px; text-transform: uppercase; }
.list-group-middle ol { padding-left: 0; column-count: 3; list-style: none; }

.list-product-info .list-item { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; gap: .5rem; margin-bottom: 1rem; letter-spacing: .8px; transition: .3s ease; }
.list-product-info .list-item:last-child { margin-bottom: 0; }
.list-product-info .list-item b { font-family: 'Jost Medium', sans-serif; font-weight: 500; }
.list-product-info .list-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: .75rem; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 8px; text-decoration: none; transition: .3s ease; }
.list-product-info .list-link.disabled { pointer-events: none; }
.list-product-info.colors .list-item { margin-bottom: 0; }
.list-product-info.colors .list-item:nth-child(odd) { background-color: #ececed; }
.list-product-info.colors .list-item:hover .list-link { background-color: #212226; color: white; }
.list-product-info p { margin-bottom: 5px; }

.list-info { margin-bottom: 2.5rem; }
.list-info .list-title { margin-bottom: 1.5rem; font-family: 'Jost Bold', sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.2; letter-spacing: 2px; }
.list-info .list-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; margin-bottom: 1rem; letter-spacing: .8px; transition: .3s ease; letter-spacing: 1.6px; }
.list-info .list-item:last-child { margin-bottom: 0; }

.list-group-tags { -ms-flex-direction: row; flex-direction: row; gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.list-group-tags .tag { padding: .5rem 1rem; border-radius: 1.25rem; background-color: #ECECED; color: #212226; letter-spacing: 1.6px; }

@media (max-width: 1799px) {
	.list-group-category { gap: 3rem; }
}

@media (max-width: 1599px) {
	.list-group-category { gap: 2rem; }
	.list-group-category .list-item { -ms-flex: auto; flex: auto; }
}

@media (max-width: 1499px) {
	.list-group-category { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; }

	.list-group-footer { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; }
}

@media (max-width: 991px) {
	.list-group-category { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }
	.list-group-middle ol { column-count: 2; }
}

@media (max-width: 767px) {
	.list-group-footer { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; width: 100% !important }
	.list-group-middle { margin-bottom: 1.5rem; }
	.list-group-middle ol { column-count: 3; }
}

@media (max-width: 575px) {
	.list-group-middle ol { column-count: 2; }
}

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

.modal-search .modal-dialog { margin-top: 15rem; }
.modal-search .modal-content { border: 1px solid white; border-radius: 0; background-color: rgba(33, 34, 38, .7); }
.modal-search .modal-header { padding: .75rem; border-bottom: none; }
.modal-search .btn-close { background: none; color: white; opacity: 1; }
.modal-search .btn-close i { font-size: 1.5rem; }
.modal-search .btn-close:focus { box-shadow: none; }
.modal-search .form-control { border-top: none; border-right: none; border-left: none; border-radius: 0; background-color: transparent; font-size: 18px; color: white; transition: .3s ease; }
.modal-search .form-control:-ms-input-placeholder { font-size: 18px; letter-spacing: 1.6px; color: white; opacity: .8; }
.modal-search .form-control::placeholder { font-size: 18px; letter-spacing: 1.6px; color: white; opacity: .8; }
.modal-search .btn-search { margin-left: -2rem; }
.modal-search .form-control:focus { border-color: #212226; background-color: white; color: black; box-shadow: none; }
.modal-search .form-control:focus + .btn-search i { color: #212226; }

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

.nav {  }

.navbar-main { -ms-flex-align: normal; align-items: normal; gap: 3rem; padding: 1.5rem 0; }
.navbar-main .navbar-brand { -ms-flex: 0 0 255px; flex: 0 0 255px; margin-right: 0; padding: 0; }
.navbar-main .navbar-brand img { width: 255px; }
.navbar-main .nav-item { position: relative; }
.navbar-main .nav-link { padding: 0 !important; letter-spacing: 1.6px; transition: .3s ease-in-out; }
.navbar-main .nav-link::before,
.navbar-main .nav-link::after { content: ""; position: absolute; transition: transform .3s; background: rgba(255, 255, 255, 0.7); }
.navbar-main .nav-link::before { bottom: -.25rem; left: 50%; width: .35rem; height: .35rem; border-radius: 50%; -ms-transform: scale(0) translate(-50%); transform: scale(0) translate(-50%); }
.navbar-main .nav-link::after { bottom: -.15rem; left: 0; width: 100%; height: 1px; -ms-transform: scaleX(0); transform: scaleX(0); }
.navbar-main .nav-item:hover .nav-link::before { -ms-transform: scale(1) translate(-50%); transform: scale(1) translate(-50%); }
.navbar-main .nav-item:hover .nav-link::after { -ms-transform: scaleX(1) translate(0,-50%); transform: scaleX(1) translate(0,-50%); }
.navbar-main .nav-link.active { color: #212226; }
.navbar-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; }
.navbar-top { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid white; }
.navbar-top .btn-search { position: absolute; z-index: 2; width: 100%; }
.navbar-top .navbar-right { z-index: 10; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: auto; padding-left: 0; }
.navbar-top .navbar-right .nav-item { margin-right: 1.5rem; }
.navbar-top .navbar-right .nav-item:last-child { margin-right: 0; }
.navbar-collapse-c { -ms-flex-pack: justify; justify-content: space-between; }
.navbar-nav-left .nav-item { margin-right: 2rem; }
.navbar-nav-left .nav-item:last-child { margin-right: 0; }
.navbar-nav-left .nav-link { text-transform: uppercase; }
.navbar-nav-right .nav-link { padding: 8px 2.5rem !important; border-radius: 20px; background-color: #212226; font-family: 'Jost Medium', sans-serif; letter-spacing: 1.6px; text-transform: uppercase; }
.navbar-top .navbar-right .nav-item.dropdown:hover .nav-link::before,
.navbar-top .navbar-right .nav-item.dropdown:hover .nav-link::after,
.navbar-nav-right .nav-item:hover .nav-link::before,
.navbar-nav-right .nav-item:hover .nav-link::after { display: none; }

.navbar-main .dropdown-menu-lang { right: 0; left: unset; min-width: 6rem; text-align: center; }
.navbar-main .dropdown-item:hover { background-color: #ececed; }

@media(min-width: 991px) {
	.navbar-main .navbar-brand-mobile { display: none; }
	.navbar-main .dropdown-menu { z-index: -1; left: 8000%; display: block; -ms-transform: translateY(15px); transform: translateY(15px); opacity: 0; }
	.navbar-main .nav-item.dropdown:hover .dropdown-menu { z-index: 20; left: auto; display: block; -ms-transform: translateY(0px); transform: translateY(0px); transition: all .5s; opacity: 1; }
}

/* АЕ */
@media (max-width: 1399px) {
 .navbar-main .nav-link { font-size: 15px; }
 .navbar-nav-left .nav-item { margin-right: 1rem; }
}

@media (max-width: 1199px) {
	.navbar-nav-left { flex-wrap: wrap; gap: .5rem; }
}

@media (max-width: 1024px) {
	.navbar-main .nav-link { font-size: 14px; }
}

@media (max-width: 991px) {
	.navbar-main .navbar-toggler { height: 2rem; padding: 0; border-color: transparent;  }
	.navbar-main .navbar-toggler .toggler-btn-c-lines { position: relative; z-index: 2; display: block; width: 1.5rem !important; height: 1.5px; margin-right: 1.5rem; margin-bottom: 0; padding: 0; cursor: pointer; }
	.navbar-main .navbar-toggler:focus { box-shadow: none; }
	.navbar-main .toggler-btn-c-lines::before,
	.navbar-main .toggler-btn-c-lines::after { content: ""; position: absolute; }
	.navbar-main .toggler-btn-c-lines,
	.navbar-main .toggler-btn-c-lines::before,
	.navbar-main .toggler-btn-c-lines::after { width: 2rem; height: 1.5px; transition: all 0.4s ease-in-out; }
	.navbar-main .toggler-btn-c-lines::before { -ms-transform: translate(-0.75rem, -0.5rem); transform: translate(-0.75rem, -0.5rem); }
	.navbar-main .toggler-btn-c-lines::after { -ms-transform: translate(-.75rem, .5rem); transform: translate(-.75rem, .5rem); }
	.navbar-main .navbar-toggler[aria-expanded=true] .toggler-btn-c-lines { background: transparent; }
	.navbar-main .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); }
	.navbar-main .navbar-toggler[aria-expanded=true] .toggler-btn-c-lines::after { -ms-transform: rotate(-45deg) translate(-0.5rem, -0.5rem); transform: rotate(-45deg) translate(-0.5rem, -0.5rem); }

	.navbar-collapse-c .dropdown-menu.show,
	.navbar-collapse-c .dropdown-submenu.show { position: relative; padding-top: 0; border: none; }
	.navbar-collapse-c { overflow: auto; position: fixed; z-index: 50; top: 0; bottom: 0; left: -100%; display: block; min-width: 40%; padding: 1rem; background-color: white; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; }
	.navbar-collapse-c.show { top: 0; left: 0; border-top: 2px solid #212226; border-right: 2px solid #212226; visibility: visible; opacity: 1; }
	.navbar-collapse-c .navbar-toggler { position: relative; z-index: 50; display: block; margin-left: auto; }
	.navbar-collapse-c .navbar-toggler i { color: #212226; font-size: 1.5rem; }

	.navbar-main .navbar-brand { position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.navbar-main .nav-link { font-size: 16px !important; }
	.navbar-inner { width: auto; }
	.navbar-top { gap: 1.5rem; border-bottom: 0; }
	.navbar-top .btn-search { position: relative; }
	.navbar-nav-left .nav-item { margin-right: 0; padding: 1rem; }
	.navbar-main .navbar-toggler { -ms-flex-order: -1; order: -1; }
	.navbar-nav-right .nav-link { display: inline-block; margin-top: 1rem; color: white; }
	.navbar-main .nav-item:hover .nav-link::before { display: none; }
	.navbar-nav-left,
	.navbar-nav-right { -ms-flex-align: center; align-items: center; }
}

@media (max-width: 767px) {
	.navbar-main .navbar-brand { max-width: 33%; }
	.navbar-main .btn-search i { font-size: 1.25rem; }
	.navbar-top { gap: 1rem; }
	.navbar-top .navbar-right .nav-item { margin-right: 1rem; }
	.navbar-collapse-c.show { width: 60%; }
}

@media (max-width: 575px) {
	.navbar-main { -ms-flex-pack: normal; justify-content: normal; gap: 1rem; padding: 1rem 0; }
	.navbar-main .navbar-brand { position: relative; left: unset; -ms-transform: none; transform: none; }
	.navbar-inner { margin-left: auto; }
	.navbar-top { margin-bottom: 0; }
	.navbar-collapse-c.show { width: 90%; }
}

@media (max-width: 360px) {
	.navbar-main { gap: 0 }
}

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

.section { position: relative; overflow: hidden; padding: 2.5rem 0; }
.section-head + .section-body,
.section-body + .section-bottom {  }

.section-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 88px; margin-bottom: 1.5rem; }
.section-title .ring { position: absolute; z-index: 10; }
.section-title { position: relative; margin-bottom: 0; font-family: 'Jost Bold', sans-serif; letter-spacing: 1.5px; text-transform: unset; }
.section-title .text { margin-left: 1.75rem; }

.section-flex-inner { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; gap: 33px; margin-top: -10rem; }

.section-dark { overflow: visible; height: 560px; margin-bottom: 4.5rem; background-color: #212226; color: white; }
.section-dark .section-title { color: white; }
.section-dark h5 { margin-bottom: 8px; letter-spacing: 1.2px; }
.section-dark .flex-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.section-dark ul { padding-left: 0; list-style: none; }
.section-dark ul li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 12px; margin-bottom: 1.5rem; }
.section-dark ul li::before {  content: '✓'; }
.section-dark .col-middle { position: relative; z-index: 2; margin-right: -10rem; margin-bottom: -22rem; }

.section-top { padding: 1.5rem 0;  background-color: /*#212226;*/ rgba(33, 34, 38,.7); }
.section-top .section-head { margin-bottom: 0; -ms-flex-pack: center; justify-content: center; }
.section-top .section-title { color: white; }

.section-flex-inner .swiper-catalog .swiper-wrapper { align-items: flex-end; }

.section-product-list { padding-top: 1rem; }
.section-product-list .section-top { max-width: 86%; margin-bottom: 2rem; padding: 0; }
.section-product-list p { font-size: 14px; }

.section-product-list .section-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1.5rem; }
.section-product-list .section-inner span { letter-spacing: 1.6px; }
.section-product-list .custom-select { background: url('../css/images/assets/product-list/sort.svg') no-repeat 0 50%;}
.section-product-list .flex-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.section-product-list .filters-selected { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.section-product-list .filters-selected .btn { margin-right: 1rem; }

.section-brochure-preview { margin-bottom: 5rem; }
.section-brochure-preview .flex-inner { display: grid; grid-template-columns: 495px 985px; gap: 4rem; -ms-flex-pack: center; justify-content: center; }
.section-brochure-preview .line { display: block; width: 1px; height: 48px; margin:0 auto 1rem auto; background-color: white; }
.section-brochure-preview p { margin-bottom: 1.5rem; color: white; text-transform: uppercase; letter-spacing: 1.6px; text-align: center; }
.section-brochure-preview .section-title { margin-bottom: 2.5rem; font-family: 'Jost Medium', sans-serif; font-weight: 500; font-size: 4.5rem; line-height: 1.11; color: white; letter-spacing: 3.6px; text-align: center; }
.section-brochure-preview .swiper-catalog .swiper-title { font-family: 'Jost Regular', sans-serif; font-weight: 400; letter-spacing: 1.2px; text-align: center; text-transform: unset; }
.section-brochure-preview .swiper-catalog .swiper-button { top: 50%; }
.section-brochure-preview  .swiper-catalog .swiper-slide-active .img-top { box-shadow: 0px 0px 32px 0px #FFFFFF66; }

.section-brochure { display: flex; flex: 1; }

.section-product .section-inner { overflow: hidden; display: grid; grid-template-columns: calc(100% - (693px + 4rem)) 693px; gap: 4rem; margin-bottom: 2.5rem; }
.section-product .section-right .section-title { margin-bottom: 8px; font-family: 'Jost Regular', sans-serif; font-size: 3rem; font-weight: 400; line-height: 1.16; letter-spacing: 2.4px; }
.section-product hr { border-color: #D7D7D7; opacity: 1; }
.section-product .meta { font-size: 14px; line-height: 1.71; letter-spacing: .7px; }
.section-product .meta a { transition: .3s ease; }
.section-product .meta a:hover { color: #5b5b5b; }
.section-product .price-inner { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; gap: 1rem; margin-top: .5rem; }
.section-product .price { font-family: 'Jost Bold', sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 1.2; letter-spacing: 2px; }
.section-product .old-price { font-size: 1.5rem; font-weight: 400; line-height: 1.33; letter-spacing: 1.2px; text-decoration: line-through; }
.section-product .meta-inner { margin-top: 1.5rem; }
.section-product .meta-inner p { font-size: 14px; line-height: 1.42; letter-spacing: 1.4px; }
.section-product .section-bottom { margin-top: 2.5rem; }
.section-product .collapse-inner { padding: 1.5rem 0; }
.section-product .text-sm { font-size: 12px; line-height: 2; letter-spacing: .6px; }
.section-product .nav-tabs { gap: 1.5rem; border-bottom: 0; }
.section-product .nav-tabs .nav-link { border: none; padding: .5rem 2.5rem; border-radius: 20px; background-color: #ececed; font-family: 'Jost Medium', sans-serif; color: #212226; letter-spacing: 1.6px; text-transform: uppercase; }
.section-product .nav-tabs .nav-link.active { background-color: #212226; color: white; }
.section-product .tab-pane { padding: 1rem 0; }
.section-product .tab-pane strong { font-family: 'Jost Bold', sans-serif; font-weight: 700; }
.section-product .tab-pane strong,
.section-product .tab-pane p { letter-spacing: .8px; }
.section-product .tab-pane p { margin-bottom: 0; }
.section-product .tab-pane a { text-decoration: none; transition: .3s ease; }
.section-product .tab-pane a:hover { color: #313983; }

.section-shops .section-head .flex-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.section-shops .form-search { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; flex-wrap: wrap; gap: 4rem; }
.section-shops .form-search img { margin-right: -1.5rem; position: relative; z-index: 10; }
.section-shops .form-control { min-width: 265px; padding: .5rem .5rem .5rem 2rem; border-top: none; border-right: none; border-left: none; border-radius: 0; border-color: #212226; }
.section-shops .form-control:-ms-input-placeholder { color: #212226; letter-spacing: 1.6px; }
.section-shops .form-control::placeholder { color: #212226; letter-spacing: 1.6px; }
.section-shops .form-control:focus { box-shadow: none; }
.section-shops .custom-select { background: url('../css/images/assets/shops/location.svg') no-repeat -3px 50%; background-size: 24px; }
.section-shops .section-body .map { height: 600px; }
.section-shops .leaflet-popup-content-wrapper { padding: 8px 14px; border-radius: 0; text-align: center; box-shadow: none; }
.section-shops .leaflet-popup-content:has(.card-map) { margin: 10px 5px; }
.section-shops .leaflet-popup-tip-container { display: none; }
.section-shops .section-bottom { padding: 2.5rem 0; }
.section-shops .section-bottom .collapse-group { padding-top: 1.5rem; border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; }
.section-shops .collapse-group .btn { font-size: 1.5rem; line-height: 1.33; letter-spacing: 1.05px; }
.section-shops .collapse-inner { display: grid; gap: 3rem; grid-template-columns: 23% 31% 40%; margin-bottom: 1.5rem; }
.section-shops .section-bottom .map { height: 336px; }
.section-shops .flex-inner-bottom { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.section-shops .flex-inner-bottom .btn,
.section-shops .flex-inner-bottom a { font-size: 16px; line-height: 1.5; letter-spacing: 1.6px; text-transform: uppercase; text-decoration: underline; transition: .3s ease; }
.section-shops .flex-inner-bottom a:hover { color: #313983; }
.section-shops .copy-inner { position: relative; }
.section-shops .copy-inner input { opacity: 0; }
.section-shops .copy-inner .btn { position: absolute; top: 0; }
.section-shops .copy-inner .copy_message { position: absolute; right: 0; bottom: -1.5rem; }

.section-shop .grid-inner { display: grid; grid-template-columns: 31% calc(69% - 3rem); gap: 3rem; }
.section-shops .section-inner { padding: 2rem 0; }
.section-shops .section-inner h2 { font-size: 2.5rem; line-height: 1.2; letter-spacing: 2px; margin-top: 2.5rem; }

.section-brochures .section-head { margin-bottom: 1rem; padding-bottom: 1.5rem; border-bottom: 1px solid #D7D7D7; }
.section-brochures .flex-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; }

.section-brochure-page { padding: .5rem 0; background-color: #212226; color: white; }
.section-brochure-page .section-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.section-brochure-page .text { margin-bottom: 0; font-size: 14px; line-height: 1.71; letter-spacing: 1.4px; }
.section-brochure-page .form { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }
.section-brochure-page .form input { max-width: 2.5rem; color: #212226; text-align: center; font-size: 14px; line-height: 1.71; letter-spacing: 1.4px; }
.section-brochure-page .form input:-ms-input-placeholder { color: #212226; letter-spacing: 1.6px; }
.section-brochure-page .form input::placeholder { color: #212226; letter-spacing: 1.6px; }
.section-brochure-page .section-inner .btn { display: none; }

.section-brochure .section-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 7.85rem; padding: 2rem 0; }
.section-brochure .section-bottom .btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: .5rem; font-size: 14px; line-height: 1.71; letter-spacing: 1.4px; }
.section-brochure .section-bottom .btn i { font-size: 10px; }

.section-process .section-subhead { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; margin-bottom: 2.5rem; }
.section-process .section-subhead .section-left { -ms-flex: 0 0 calc(50% - 1rem); flex: 0 0 calc(50% - 1rem); font-size: 1.5rem; line-height: 1.33; letter-spacing: 1.2px; }
.section-process .section-subhead .section-right { -ms-flex: 0 0 calc(50% - 1rem); flex: 0 0 calc(50% - 1rem); letter-spacing: .8px; text-align: end; }
.section-process .section-body { margin-bottom: 2.5rem; }
.section-process .card-white { box-shadow: 0px 14px 24px 0px #21222614; }
.section-process .section-head a,
.section-map .section-head a { transition: .3s ease; }
.section-process .section-head a:hover,
.section-map .section-head a:hover { color: #313983; text-decoration: underline; }
.section-map .map { height: 440px; }

.section-contacts .section-inner { display: -ms-flexbox; display: flex; gap: 4rem; }
.section-contacts .section-left { -ms-flex: 0 0 1120px; flex: 0 0 1120px; }
.section-contacts .section-right { -ms-flex: 0 0 calc(100% - 1120px - 4rem); flex: 0 0 calc(100% - 1120px - 4rem); }
.section-contacts .meta { margin-bottom: 1.5rem; }
.section-contacts .meta a { text-decoration: none; letter-spacing: 1.6px; }

.section-blog .section-wrapper { display: grid; grid-template-columns: 1147px calc(100% - 1147px - 4rem); gap: 4rem; }

.section-blog-inner img { margin-bottom: 1rem; }
.section-blog-inner .date { margin-bottom: 1rem; }
.section-blog-inner .date i { margin-right: 4px; }
.section-blog-inner .date span { letter-spacing: .8px; }
/* .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 { color: #212226; letter-spacing: .8px; }
.section-blog-inner ol ul { padding-left: 0; }
.section-blog-inner ol ul li { margin-bottom: 1.5rem; font-family: 'Jost Regular', sans-serif; list-style-type: none; line-height: 1.5; }
.section-blog-inner ol li { margin-bottom: .5rem; font-family: 'Jost Bold', sans-serif; line-height: 1.33; }
.section-blog-inner ul { padding-left: 1.5rem; }
.section-blog-inner ul li { list-style-type: disc; }
.section-blog-inner ol ul li> ol { padding-left: 1.5rem; }
.section-blog-inner ol ul li> ol li { margin-bottom: 0; list-style-type: numeric; }
.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: 'Jost Bold', sans-serif; font-weight: 700; }
.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: .5rem; letter-spacing: 1.5px; line-height: 1.26; }

.section-blog .meta-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; margin-bottom: 2.5rem; padding-top: 1rem; }
.section-blog .social-inner { display: -ms-flexbox; display: flex; gap: 1rem; -ms-flex-align: center; align-items: center; }
.section-blog .social-inner span { letter-spacing: .8px; }
.section-blog .social { display: -ms-flexbox; display: flex; gap: 1.5rem; -ms-flex-align: center; align-items: center; }
.section-blog .btn-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.section-faq .collapse-group { border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; }
.section-faq .btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 12px 0; font-family: 'Jost Bold', sans-serif; font-size: 1.5rem; text-align: start; line-height: 1.33; letter-spacing: 1.2px; }
.section-faq .text { margin-bottom: 12px; letter-spacing: .8px; }

.section-404 .section-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; }
.section-404 .section-head { min-height: unset; margin-top: 1.5rem; margin-bottom: 1rem; }
.section-404 .section-title { text-align: center; letter-spacing: 1.5px; }
.section-404 .section-body { max-width: 27%; margin: 0 auto 1.5rem auto; text-align: center; letter-spacing: .8px; }

.section-terms .section-inner { text-align: center; }
.section-terms h5 { font-family: 'Jost Bold', sans-serif; letter-spacing: 1.2px; }
.section-terms p { letter-spacing: .8px; }

@media (max-width: 1599px) {
	.section-dark  { margin-bottom: 2.5rem; }
	.section-dark .col-middle { margin-bottom: -19rem; }

	.section-brochure-preview .flex-inner { grid-template-columns: 40% 60%; gap: 2rem; }

	.section-contacts .section-left { -ms-flex: 0 0 60%; flex: 0 0 60%; }
	.section-contacts .section-right { -ms-flex: 0 0 calc(100% - 60% - 4rem); flex: 0 0 calc(100% - 60% - 4rem); }

	.section-blog .section-wrapper { grid-template-columns: 1050px calc(100% - 1050px - 2rem); gap: 2rem; }
}

@media (max-width: 1499px) {
	.section-flex-inner { -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; }

	.section-dark .col-middle { margin-bottom: -22rem; }

	.section-brochure-preview .swiper-catalog .swiper-title,
	.section-brochure-preview .swiper-catalog .swiper-button i { color: white; }

	.section-brochure-page .section-inner .btn { display: block; background-color: white; color: #212226; letter-spacing: 1.2px; }

	.section-product .section-inner { grid-template-columns: calc(100% - (693px + 2rem)) auto; gap: 2rem; }

	.section-shops .collapse-inner { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 1.5rem; }
	.section-shops .collapse-inner > *:nth-child(3) { grid-column: 1 / -1; }

	.section-process .section-subhead { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: normal; align-items: normal; }
	.section-process .section-subhead .section-left
	.section-process .section-subhead .section-right { -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.section-process .section-subhead .section-right { text-align: start; }

	.section-blog .section-wrapper { grid-template-columns: 950px calc(100% - 950px - 2rem); }

	.section-404 .section-body { max-width: 33%; }
}

@media (max-width: 1399px) {
	.section-dark .col-middle { margin-right: -18rem; }

	.section-brochure-preview .swiper-catalog { margin-top: 0; }
	.section-brochure-preview .flex-inner { grid-template-columns: auto; gap: 1rem; }

	.section-product .section-inner { grid-template-columns: calc(60% - 2rem) 40%; }

	.section-blog .section-wrapper { display: block;}
}

@media (max-width: 1281px) {
	.section-brochure .section-body { transform-origin: top center; transform: scale(.85); }
}

@media (max-width: 1199px) {
	.section-dark .col-middle { margin-right: -20rem; }
	.section-dark .col-middle { margin-bottom: -17rem; }

	.section-product .section-inner { gap: 1rem; }

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

	.section-shop .grid-inner { grid-template-columns: 1fr 1fr; gap: 1rem; }

	.section-contacts .section-inner { gap: 2rem; }
	.section-contacts .section-left { -ms-flex: 0 0 50%; flex: 0 0 50%; }
	.section-contacts .section-right { -ms-flex: 0 0 calc(100% - 50% - 2rem); flex: 0 0 calc(100% - 50% - 2rem); }

	.section-404 .section-body { max-width: 40%; }
}

@media (max-width: 1025px) {
	.section-brochure .section-body { transform: scale(.72); }
}

@media (max-width: 1024px) {
	.section-product .section-inner { grid-template-columns: 50% calc(50% - 1rem) }

	.section-contacts .section-inner { -ms-flex-direction: column; flex-direction: column; }
	.section-contacts .section-left { -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.section-contacts .section-right { -ms-flex: 0 0 100%; flex: 0 0 100%; }
}

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

	.section-dark .flex-inner .col-left { -ms-flex: 0 0 50%; flex: 0 0 50%; }
	.section-dark .col-middle { margin-right: -14rem; margin-bottom: -19rem; }

	.section-product-list .section-top { max-width: 100%; }

	.section-brochure-preview .section-title { font-size: 3.5rem; }

	.section-product .section-inner { grid-template-columns: 100%; grid-template-rows: auto auto; row-gap: 2rem; }
	.section-shop .grid-inner { grid-template-rows: auto auto; row-gap: 2rem; }
	.section-shop .grid-inner > *:nth-child(1),
	.section-shop .grid-inner > *:nth-child(2) { grid-column: 1 / -1; }

	.section-404 .section-body { max-width: 50%; }

	.section-brochure { overflow: visible !important; }
	.section-brochure .section-body { padding-bottom: 4rem; transform: scale(1); }
}

@media (max-width: 767px) {
	.section-title { line-height: 1; }
	.section-head .btn-circle-c .ring { -ms-transform: rotate(137deg); transform: rotate(137deg); background: conic-gradient(#212226 0deg 270deg, transparent 270deg 270deg); }
	.section-head .btn-circle-c .ring-white { -ms-transform: rotate(137deg); transform: rotate(137deg); background: conic-gradient(white 0deg 270deg, transparent 270deg 270deg); }
	.section-dark { height: 100%; }
	.section-dark .flex-inner { -ms-flex-direction: column; flex-direction: column; }
	.section-dark .col-middle { -ms-flex-order: -1; order: -1; margin-right: unset; margin-bottom: 1rem; }
	.section-brochure-preview .section-title { font-size: 2.5rem; }

	.section-product .btn-border-dark .btn-text,
	.section-product .nav-tabs .nav-link { font-size: 14px; }

	.section-shops .form-search,
	.section-shops .flex-inner { gap: 1rem; }
	.section-shops .collapse-inner { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto; gap: 1rem; }
	.section-shops .collapse-inner > *:nth-child(1),
	.section-shops .collapse-inner > *:nth-child(2) { grid-column: 1 / -1; }
	.section-shops .collapse-inner img { display: block; margin: 0 auto; }
	.section-shops .collapse-group .btn { font-size: 18px; }

	.section-shop .map { height: 400px !important; }
	.section-shops .section-inner h2 { font-size: 2rem; line-height: 1.2; }

	.section-blog .btn-inner { gap: 1rem; }

	.section-404 .section-body { max-width: 80%; }

	.section-brochure { overflow: hidden !important; }
	.section-brochure .section-bottom { padding: 1rem 0; gap: 5rem;  }
}

@media (max-width: 575px) {
	.section-404 .section-body { max-width: 100%; }
}

/* ------------------------------------------------------------ *\
	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-product-wrapper { position: relative; }
.slider-product { overflow: visible; margin-bottom: 1rem; }
.slider-product .slide-arrow { position: absolute; top: 50% !important; -ms-transform: translate(0,-50%); transform: translate(0,-50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; background-color: #FFFFFFCC; border-radius: 50%; z-index: 2; }
.slider-product .slide-arrow i { font-size: 14px; color: #212226; font-wight: 300; }
.slider-product .slide,
.slider-for .slide { overflow: hidden; cursor: pointer; transition: .3s ease; }
.slider-product .slide img,
.slider-product .arrow-next { right: 1.5rem; }
.slider-product .arrow-prev { left: 1.5rem; }
.slider-for .slide img { width: 100%; }
.slider-for .slick-track { display: -ms-flexbox; display: flex; gap: 1rem; margin-left: unset; margin-right: unset; }
.slider-for .slick-current.slick-active { border: 1px solid #212226; }

.slider-product-teaser { overflow: visible; margin-top: 1rem; margin-bottom: 1.75rem; padding: 0; }
.slider-product-teaser .slick-track { display: -ms-flexbox; display: flex; margin-left: unset; margin-right: unset; }
.slider-product-teaser .slide { margin: 0 8px; text-align: center; letter-spacing: .8px; }
.slider-product-teaser .slide-inner { overflow: hidden; display: block; margin-bottom: 8px; border: 1px solid transparent; border-radius: 8px; }
.slider-product-teaser .slide.slick-current .slide-inner { border: 1px solid #212226; border-radius: 8px; }
.slider-product-teaser .slide img { width: 100%; border-radius: 8px; transition: .3s ease; }
.slider-product-teaser .slide:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }
.slider-product-teaser .slick-disabled { opacity: .5; cursor: auto !important; }
.slider-product-teaser .slide-arrow { position: absolute; z-index: 20; bottom: -1.5rem; transition: opacity .4s ease; cursor: pointer; }
.slider-product-teaser .arrow-next { left: 2rem; }
.slider-product-teaser .arrow-prev { left: 0rem; }

.slider-filter { display: -ms-flexbox; display: flex; }
.slider-filter .slick-list { padding-bottom: 1.5rem !important; }
.slider-filter .slick-track { height: 100%; }
.slider-filter .slide { overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0 12px; padding: 13px; color: #212226 !important; text-decoration: none; box-shadow: 0px 14px 24px 0px #21222614; text-align: center; transition: none; }
.slider-filter .slide:hover h5 { color: #212226; }
.slider-filter .slide img { display: block; margin: 0 auto; }
.slider-filter h5 { font-family: 'Jost Bold', sans-serif; font-size: 1.5rem; line-height: 1.33; letter-spacing: 1.2px; }
.slider-filter .slide-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

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

@media (max-width: 1399px) {
	.slider-blog-news { overflow: visible; display: -ms-flexbox; display: flex; max-width: 95%; margin: 0 auto; margin-top: 1.5rem; }
	.slider-blog-news .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: #ECECED; cursor: pointer; }
	.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-filter { max-width: 90%; margin: 0 auto; }
	.slider-filter .slide-arrow { position: absolute; z-index: 20; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; background-color: #d7d7d7; border-radius: 50%; z-index: 2; transition: opacity .4s ease; cursor: pointer; }
	.slider-filter .arrow-next { right: -1rem; }
	.slider-filter .arrow-prev { left: -1rem; }
	.slider-filter .slick-disabled { opacity: .5; cursor: auto !important; }
}

@media (max-width: 767px) {
	.slider-product .slide-arrow { width: 40px; height: 40px; }

	.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-blog-news { max-width: 80%; }
	.slider-blog-news .slide img { display: block; width: 100%; margin: 0 auto; }
}

/* ------------------------------------------------------------ *\
	Swiper
\* ------------------------------------------------------------ */

.swiper-main .swiper-slide { overflow: hidden; position: relative; }
.swiper-main .swiper-slide::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(33, 34, 38, 0.5) 30%, rgba(33, 34, 38, 0.4) 40%, rgba(33, 34, 38, 0) 55%),
    linear-gradient(360deg, rgba(33, 34, 38, 0) 82.58%, #212226 100%); }
.swiper-main .overlay { position: absolute; z-index: 3; bottom: 20%; padding: 0 4rem; color: white; text-align: center; }
.swiper-main .overlay .line { display: block; width: 1px; height: 48px; margin: 0 auto 1rem auto; background-color: white; }
.swiper-main .overlay p { margin-bottom: 1.5rem; letter-spacing: 1.6px; text-transform: uppercase; }
.swiper-main .overlay h1 { margin-bottom: 0; font-family: 'Jost Medium', sans-serif; font-size: 4.5rem; font-weight: 500; line-height: 1.11; letter-spacing: 3.6px; }
.swiper-main .btn-circle-c { margin: 2.5rem auto 0 auto; }

.swiper-catalog { position: relative; /*flex: 0 0 824px;*/ width: 824px; padding: 0 2rem; }
.swiper-catalog .swiper-slide { text-decoration: none; }
.swiper-catalog .swiper-title { margin-bottom: 1rem; font-family: 'Jost Bold', sans-serif; font-size: 1rem; font-weight: 700; color: white; text-transform: uppercase; text-align: center; letter-spacing: 1.6px; }
.swiper-catalog .img-top { overflow: hidden; position: relative; box-shadow: 4px 0px 5px 0px #0000004D; transition: .3s ease; }
.swiper-catalog .img-top::before { content: ''; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: #00000033; transition: .3s ease; }
.swiper-catalog .img-top img { transition: .3s ease-in-out; }
.swiper-catalog .img-top:hover img { -ms-transform: scale(1.01); transform: scale(1.01); }
.swiper-catalog .swiper-slide-active .img-top::before { display: none; }
.swiper-catalog .swiper-button { position: absolute; top: 35%; z-index: 20; }
.swiper-catalog .swiper-button i { font-size: 2rem; color: white; font-weight: 300; }
.swiper-catalog .swiper-button-prev { left: 0; }
.swiper-catalog .swiper-button-next { right: 0; }

.swiper-navigation { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; }
.swiper-teaser-button { overflow: hidden; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #212226; background-color: transparent; transition: .3s ease; }
.swiper-teaser-button i { position: relative; z-index: 5; font-weight: 300; }
.swiper-teaser-button::before { content: ''; position: absolute; z-index: 1; -ms-transform: translateX(-100%); transform: translateX(-100%); width: 100%; height: 100%; border-radius: 50%; background-color: #ececed; transition: .3s ease; }
.swiper-teaser-button:hover::before { -ms-transform: translateX(0); transform: translateX(0); }

.swiper-news .swiper-wrapper { -ms-flex-align: center; align-items: center; }
.swiper-news .swiper-navigation { -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 1rem; }

.swiper-teaser .swiper-slide { height: auto; margin-bottom: 1.5rem; }

@media (max-width: 1599px) {
    .swiper-main .overlay { bottom: 10%; }
}

@media (max-width: 1499px)  {
    .swiper-catalog { margin-top: 2rem; }
    .swiper-catalog .swiper-button i { color: #212226; }
    .swiper-catalog .swiper-title { color: #212226; }
    .swiper-catalog .img-top img { width: 100%; }
}

@media (max-width: 1399px) {
    .swiper-main .overlay { bottom: 5%; }
    .swiper-main .overlay h1 { font-size: 3.5rem; }
    .swiper-main .btn-circle-c { margin: 1.5rem auto 0 auto; }
}

@media (max-width: 1199px) {
    .swiper-main .overlay .line { height: 35px; }
    .swiper-main .overlay h1 { font-size: 2.5rem; }
}

@media (max-width: 991px) {
    .swiper-main .overlay .line { height: 20px; }
    .swiper-main .btn-circle-c { margin: 1rem auto 0 auto; }

    .swiper-catalog { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; }
}

@media (max-width: 767px) {
    .swiper-main .overlay { left: 50%; bottom: 25%; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; }
    .swiper-main .btn-circle-c .text { text-shadow: 0 0 #212226; }
    .swiper-catalog { padding: 0 1.5rem; }
}

@media (max-width: 575px)  {
     .swiper-main .overlay { bottom: 10%; padding: 0 2rem; }
}

@media (max-width: 460px) {
    /* .swiper-main .overlay { bottom: 5%; } */
}

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

.table {  }

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

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

/*  price tags  */
.twin-price-el {
    white-space: nowrap;
}