:root{
	--yellow: #F7AE49;
	--yellow-dark: #CD821A;
	--yellow-hover: #F59D22;
	--yellow-15: #fef3e4;
	--yellow-25: #fdebd1;
	--red: #D71515;
	--gray: #727272;
	--gray-border: #CACFD2;
	--purple: #8a2b6f;
	--l-gray: #f4f4f4;
	--green: #11B300;
	--main: #4E5255;
	--slider-dot: 10s;
	--bdrs: 10px;
}

::-webkit-scrollbar{ width: 5px; height: 5px; border-radius: var(--bdrs); }
::-webkit-scrollbar-thumb{ background-color: rgba(247,174,73,0.6); border-radius: var(--bdrs); }
::-webkit-scrollbar-thumb:hover{ background-color: rgba(247,174,73,1); }
::-webkit-scrollbar-track{ background-color: rgba(150,150,150,0.1); border-radius: var(--bdrs); }
::-webkit-scrollbar-track:hover{ background-color: rgba(150,150,150,0.2); }

html{ font-size: 14px; }
body{ margin:0; color: #000; line-height: 1.4; color: var(--main); font-family: 'Open Sans', sans-serif; }
img{ border:0; max-width: 100%; }
input:focus, textarea:focus, select:focus, button:focus{ outline:none; }
input::-moz-focus-inner, select::-moz-focus-inner{ border:0; }
:focus, :active{ outline: none; }
input{ padding:0; margin:0; border:0; }
iframe{ border: 0; }
a{ text-decoration: none; color: inherit; transition: color .3s; }
a:hover, a:visited{ text-decoration: none; }
label{ display: block; margin: 0; }
form label{ font-weight: 600; color: var(--gray); }
ul, ol{ padding-left: 20px; margin-top: 1rem; margin-bottom: 1rem; }
li:not(:last-child){ margin-bottom: .25rem; }
ul li::marker{ color: var(--yellow); }
button{ padding: 0; border: 0; background: none; }
pre{ font-size: 12px; }
h1, h2, h3, h4, h5{ margin-top: 0; }
h1, h2{ font-size: 1.8rem; margin-bottom: 1.5rem; }
h3, h4{ margin-bottom: 1rem; }
h3{ font-size: 1.5rem; }
h4{ font-size: 1.25rem; }
h5{ font-size: 1.15rem; }
*{ scrollbar-width: thin; scrollbar-color: rgba(247,174,73,0.6) rgba(150,150,150,0.1); }

header{ position: sticky; z-index: 500; left: 0; top: 0; right: 0; }
header .container{ display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
header .header-top{ padding-top: 15px; padding-bottom: 15px; background-color: var(--l-gray); }
header .header-menu ul{ display: -ms-flex; display: flex; justify-content: space-between; }
header .header-menu ul li:not(:first-child){ margin-left: 1.5rem; }
header .header-menu ul li > a{ position: relative; }
header .header-menu ul li > a:after{ content: ''; display: block; width: 0; height: 1px; position: absolute; left: 50%; background-color: var(--yellow-dark); transition: all 0.3s; }
header .header-menu ul li > a:hover{ color: var(--yellow-dark); }
header .header-menu ul li > a:hover:after{ left: 0; width: 100%; }
header .header-bottom{ padding-top: 25px; padding-bottom: 25px; background: #fff; }
header .header-bottom .user-menu{ font-size: .85rem; align-items: center; }
header .header-phone{ position: relative; fill: #fff; stroke: var(--main); }
header .header-phone .header-phone-list{ position: absolute; top: 100%; right: -10px; padding: 10px; background: #fff; z-index: 10; white-space: nowrap; border-radius: 4px; border: 1px solid var(--yellow); }
header .header-search{ width: 100%; display: -ms-flex; display: flex; align-items: center; }
header .header-search input[type="text"]{ width: 100%; flex-shrink: 1; height: 42px; border: 2px solid var(--yellow); border-radius: 5px 0 0 5px; padding: 0 20px; }
header .header-search .btn{ border-radius: 0 5px 5px 0; }
header .logo{ max-width: 173px; }
header .logo svg{ max-width: 173px; max-height: 42px; }

.menu-btn .icon svg:first-child { display: block; }
.menu-btn .icon svg:last-child { display: none; }
.menu-btn.active .icon svg:first-child { display: none; }
.menu-btn.active .icon svg:last-child { display: block; }

.user-menu{ display: -ms-flex; display: flex; fill: var(--main); }
.user-menu .icon{ position: relative; }
.user-menu .user-menu-item{ display: -ms-flex; display: flex; flex-direction: column; align-items: center; padding-left: 20px; padding-right: 20px; color: var(--main); }
.user-menu .user-menu-item:not(:first-child){ border-left: 1px solid #DEE1E3; }
.user-menu .user-menu-item:hover{ color: var(--yellow); }
.user-menu .user-menu-item:hover .icon{ fill: var(--yellow); }
.user-menu .user-counter{ position: absolute; top: -2px; right: -3px; border: 1px solid #fff; border-radius: 7px; min-width: 14px; text-align: center; font-size: 8px; line-height: 12px; background: var(--yellow); color: var(--main) !important; }
.user-menu .user-counter:empty{ display: none; }
.main-menu{ position: absolute; width: calc(100% - 60px); left: 50%; top: 100%; max-width: 1380px; background: #fff; padding: 20px; border-radius: 0 0 10px 10px; z-index: 400; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.main-menu.active{ opacity: 1; visibility: visible; }
.main-menu .close-menu-btn { position: absolute; right: 10px; top: 10px; z-index: 10;  }
.main-menu .menu-nav{ padding: 0; margin: 0; list-style: none; }
.main-menu .menu-nav a{ display: block; padding: 15px 10px; border-radius: 4px; fill: var(--main); transition: background .3s, color .3s; }
.main-menu .menu-nav .nav-item span{ margin-right: 10px; }
.main-menu .menu-nav .nav-item.active a{ background: var(--yellow); color: #fff; fill: #fff; }
.main-menu .menu-nav .nav-item.active a .icon.icon-stroke{ stroke: #fff; }
.main-menu .menu-nav .icon{ display: inline; }
.main-menu .menu-section{ font-weight: 600; }
.main-menu .menu-section:not(.active){ display: none; }
.main-menu .menu-banner{ display: -ms-flex; display: flex; align-items: flex-end; height: 170px; margin-top: 5px; padding: 10px; font-size: 1.14rem; font-weight: bold; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.menu-shadow{ display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.25); z-index: 300; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.menu-shadow.active{ opacity: 1; visibility: visible; }

.mobile-menu{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; background: #fff; fill: var(--main); overflow-x: hidden; overflow-y: auto; opacity: 0; visibility: hidden; z-index: 5000; transition: opacity .3s, visibility .3s; }
.mobile-menu.active{ opacity: 1; visibility: visible; }
.mobile-menu .close-mobile-menu-btn{ position: relative; margin-left: auto; padding: .5rem; cursor: pointer; z-index: 5100; }
.mobile-menu section:not(:first-child){ padding-top: 20px; }
.mobile-menu section:not(:last-child){ padding-bottom: 20px; }
.mobile-menu section+section{ border-top: 1px solid var(--gray-border); }
.mobile-menu ul{ list-style: none; margin: 0; padding: 0; }
.mobile-menu ul li{ display: flex; align-items: center; padding: 12px 10px; line-height: 1.2; cursor: pointer; }
.mobile-menu .mob-link:after{ content: ''; display: block; width: 20px; height: 20px; margin-left: auto; background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.04167 13.4583L12 9.49993L8.04167 5.5416' stroke='%234E5255' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat; }
.mobile-menu .mob-layer{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; background: #fff; z-index: 4000; }
.mobile-menu .mob-layer.active{ display: block; }
.mobile-menu .mob-layer li{ padding: 9px 10px; }
.mobile-menu .mob-layer li:not(.mob-title-link){ font-size: .85rem; }
.mobile-menu .mob-title-link{ font-weight: bold; }
.mobile-menu .mob-title-link:after{ content: ''; display: block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.04167 13.4583L12 9.49993L8.04167 5.5416' stroke='%234E5255' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat; }
.mobile-menu .mob-back-btn{ display: -ms-flex; display: flex; align-items: center; padding: .15rem 0; cursor: pointer; }
.mobile-menu .mob-back-btn:before{ content: ''; display: block; width: 20px; height: 20px; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9583 6.04174L7 10.0001L10.9583 13.9584' stroke='%234E5255' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat; }
.mobile-menu .mob-inner:not(.active){ display: none; }

.mobile-nav{ position: fixed; display: -ms-flex; display: flex; align-items: center; justify-content: space-around; left: 0; bottom: 0; right: 0; padding: 12px 0; background: #fff; border-top: 1px solid var(--gray); z-index: 4000; }
.mobile-nav .mobile-nav-item{ display: -ms-flex; display: flex; align-items: center; flex-direction: column; padding: 0 15px; fill: var(--main); }
.mobile-nav .mobile-nav-item .icon{ position: relative; }
.mobile-nav .mobile-nav-item .icon:not(.icon-stroke){ fill: var(--main); }
.mobile-nav .mobile-nav-item .icon.icon-stroke{ stroke: var(--main); }
.mobile-nav .mobile-nav-item.active{ color: var(--yellow); font-weight: 600; }
.mobile-nav .mobile-nav-item.active .icon:not(.icon-stroke){ fill: var(--yellow); }
.mobile-nav .mobile-nav-item.active .icon.icon-stroke{ stroke: var(--yellow); }
.mobile-nav .mobile-nav-item .item-counter{ position: absolute; top: -2px; right: -3px; border: 1px solid #fff; border-radius: 7px; min-width: 14px; text-align: center; font-size: 8px; line-height: 12px; background: var(--yellow); color: var(--main) !important; }
.mobile-nav .mobile-nav-item .item-counter:empty{ display: none; }

.section{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
.section-sm{ padding-top: 1.25rem; padding-bottom: 1.25rem; }

.svg-icons{ width: 0 !important; height: 0 !important; position: absolute; visibility: hidden; opacity: 0; pointer-events: none; }

.icon{ width: 24px; height: 24px; flex-shrink: 0; display: -ms-flex; display: flex; align-items: center; justify-content: center; margin-right: 10px; border-radius: 3px; }
.icon:only-child{ margin: 0; }
.icon svg{ max-width: 24px; max-height: 24px; }
.icon svg *{ transition: fill .3s, stroke .3s; }
.icon:not(.icon-stroke){ fill: inherit; stroke: none; }
.icon.icon-stroke{ stroke: inherit; fill: none; }
.icon.icon-xl{ width: 40px; height: 40px; }
.icon.icon-xl svg{ max-width: 40px; max-height: 40px; }
.icon.icon-sm{ width: 20px; height: 20px; }
.icon.icon-sm svg{ max-width: 20px; max-height: 20px; }
.icon.icon-xs{ width: 16px; height: 16px; }
.icon.icon-xs svg{ max-width: 16px; max-height: 16px; }

.unstyled{ margin: 0; padding: 0; list-style: none; }

.row-sm{ margin-left: -8px; margin-right: -8px; }
.row-sm > [class^="col"]{ padding-left: 8px; padding-right: 8px; }
.row-flex > [class^="col"]{ display: -ms-flex; display: flex; flex-direction: column; }

.btn{ display: -ms-inline-flex; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--yellow); border-radius: 5px; padding: 3px 25px; text-align: center; background-color: var(--yellow); color: #fff; fill: #fff; font-size: 1rem; vertical-align: top; cursor: pointer; transition: color .3s, background .3s, border-color .3s; }
.btn:hover{ border-color: var(--yellow-hover); background-color: var(--yellow-hover); }
.btn.btn-md{ padding: 7px 25px; min-height: 36px; }
.btn.btn-lg{ padding: 7px 25px; min-height: 42px; }
.btn.btn-red{ background-color: var(--red); border-color: var(--red); }
.btn.btn-green{ background-color: var(--green); border-color: var(--green); }
.btn.btn-orange{ background-color: var(--yellow); border-color: var(--yellow); }
.btn.btn-white{ background-color: #fff; border-color: #fff; color: var(--yellow); }
.btn.btn-white:hover{ border-color: var(--yellow-15); background-color: var(--yellow-15); }
.btn.btn-bordered{ background-color: #fff; color: var(--yellow); border-color: var(--yellow); }
.btn.btn-bordered:hover{ border-color: var(--yellow); background-color: var(--yellow-15); }
.btn.btn-disabled{ background-color:var(--gray); border:var(--gray); pointer-events: none; }
.btn .icon{ fill: inherit; transition: fill .6s, fill .6s; }
.btn.btn-icon { max-width: 40px; height: 36px; padding: 3px 19px; background-color: #fff; border-color: #fff;  }
.btn.btn-icon:hover { border-color: var(--yellow-15); background-color: var(--yellow-15);  }
.btn.inbasket{ background-color:var(--gray); border:var(--gray); }

.inp{ width: 100%; height: 36px; padding: 0 10px; background: #fff; border-radius: 5px; border: 1px solid var(--gray-border); outline: 0px solid var(--yellow); transition: padding .3s, border .3s, outline .3s; }
.inp.inp-sm{ width: 40px; }
.ta{ width: 100%; height: 90px; padding: 6px 10px; background: #fff; border-radius: 5px; border: 1px solid var(--gray-border); outline: 0px solid var(--yellow); transition: padding .3s, border .3s, outline .3s; }
.inp:hover,
.ta:hover{ border-color: var(--yellow-hover); }
.inp:focus,
.inp:active,
.ta:focus,
.ta:active{ border-color: var(--yellow); outline: 1px solid var(--yellow); }
.ta._error,
.inp._error{ border-color:var(--red); }

.sel{ position: relative; display: inline-block; }
.sel .sel-value{ width: 100%; position: relative; padding: 9px 40px 9px 20px; border: 1px solid var(--gray-border); border-radius: 5px; background-color: #fff; overflow: hidden; cursor: pointer; white-space: nowrap; transition: background .3s, border .3s; }
.sel .sel-value:hover{ background: var(--yellow-15); border-color: var(--yellow-25); }
.sel .sel-value:active{ background: var(--yellow-25); border-color: var(--yellow-25); }
.sel .sel-list{ display: inline-block; position: absolute; min-width: 100%; min-height: 50px; top: 100%; margin-top: 10px; left: 0; background-color: #fff; border-radius: 5px; overflow: hidden; z-index: -1; transform: translateY(20px); opacity: 0; box-shadow: 0px 0px 20px 0px rgba(78, 82, 85, 0.15); transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s; }
.sel .sel-list label{ display: block; position: relative; padding: 10px 20px; margin-bottom: 0px; white-space: nowrap; text-transform: none; letter-spacing: 0px; border: 0px; cursor: pointer; transition: background-color 0.3s ease-out 0s; }
.sel .sel-list label input{ display: none; }
.sel .sel-list label:hover{ background-color: var(--yellow-15); }
.sel .sel-list label.selected{ background-color: var(--yellow-25); }
.sel .sel-arw{ position: absolute; display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; top: 0; right: 0; pointer-events: none; }
.sel .sel-arw:before{ content: ''; position: relative; display: block; top: -2px; width: 10px; height: 10px; border-left: 2px solid var(--gray); border-top: 2px solid var(--gray); transform: rotate(-135deg); }
.sel.open .sel-value{ background: var(--yellow-25); border-color: var(--yellow-25); }
.sel.open .sel-arw:before{ top: 2px; transform: rotate(45deg); }
.sel.open .sel-list{ transform: translateY(0px); opacity: 1; z-index: 50; }

.chb{ position: absolute; opacity: 0.01; left: 8px; top: 8px; }
.chb+label{ position: relative; padding-left: 30px; min-height: 20px; cursor: pointer; font-weight: normal; }
.chb+label:before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid var(--gray-border); border-radius: 3px; transition: background .3s, border .3s; }
.chb+label:after{ content: ''; display: block; position: absolute; top: 7px; left: 5px; width: 10px; height: 5px; border-left: 2px solid var(--main); border-bottom: 2px solid var(--main); transform: rotate(-45deg); }
.chb:checked+label:before{ background: var(--yellow); border-color: var(--yellow); }
.chb:not(:checked)+label:after{ display: none; }

.rad{ position: absolute; opacity: 0.01; left: 8px; top: 8px; }
.rad+label{ position: relative; padding-left: 30px; min-height: 20px; cursor: pointer; font-weight: normal; }
.rad+label:before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid var(--gray-border); border-radius: 50%; transition: background .3s, border .3s; }
.rad+label:after{ content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: var(--yellow); }
.rad:not(:checked)+label:after{ display: none; }

.inp:disabled, .sel:disabled, .ta:disabled{ background: var(--l-gray); }
.inp._error, .sel._error .sel-value, .ta._error{ border-color: var(--red) !important; }

.form-info{ margin-top: .5rem; padding: 0 10px; }
.form-info:empty{ display: none; }
._error+.form-info{ color: var(--red); }

.color-main{ color: var(--main); fill: var(--main); }
.color-yellow{ color: var(--yellow); fill: var(--yellow); }
.color-yellow:hover{ color: var(--yellow-hover); fill: var(--yellow-hover); }
.color-red{ color: var(--red); fill: var(--red); }
.color-gray{ color: var(--gray); fill: var(--gray); }
.color-l-gray{ color: var(--gray-border); fill: var(--gray-border); }
.color-green{ color: var(--green); fill: var(--green); }

.stroke-main{ stroke: var(--main); }
.stroke-white{ stroke: #fff; }
.stroke-yellow{ stroke: var(--yellow); }

.cursor-pointer{ cursor: pointer; }

.title{ font-size: 2rem; font-weight: bold; margin-bottom: 1.5rem; text-transform: uppercase; }
.title-bordered{ margin-bottom: 2.5rem; }
.title-bordered span{ border-bottom: 3px solid var(--yellow); }
.subtitle{ font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; text-transform: uppercase; }
.title-wrap{ display: -ms-flex; display: flex; align-items: center; margin-bottom: 2.5rem; }
.title-wrap .title{ margin-bottom: 0; font-weight: normal; text-transform: uppercase; }
.title-wrap .title-hr{ flex-grow: 1; min-width: 40px; margin-left: 20px; margin-right: 20px; height: 1px; background: var(--gray-border); }
.title-wrap .title-link{ padding-left: 30px; }

.text{ font-size: 1rem; }
.text-xl{ font-size: 1.55rem; }
.text-lg{ font-size: 1.3rem; }
.text-md{ font-size: 1.15rem; }
.text-sm{ font-size: .85rem; }

.fw-400{ font-weight: 400; }
.fw-600{ font-weight: 600; }
.fw-700{ font-weight: 700; }

.link-arrow{ display: -ms-flex; display: flex; align-items: center; font-weight: bold; color: var(--yellow); }
.link-arrow:after{ content: ''; display: block; width: 16px; height: 16px; margin-left: 10px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.61558 2.045C6.38124 2.27941 6.2496 2.59729 6.2496 2.92875C6.2496 3.2602 6.38124 3.57809 6.61558 3.8125L12.8031 10L6.61558 16.1875C6.38788 16.4233 6.26189 16.739 6.26474 17.0668C6.26758 17.3945 6.39905 17.708 6.63081 17.9398C6.86257 18.1715 7.17608 18.303 7.50383 18.3058C7.83157 18.3087 8.14733 18.1827 8.38308 17.955L15.4543 10.8837C15.6887 10.6493 15.8203 10.3315 15.8203 10C15.8203 9.66854 15.6887 9.35066 15.4543 9.11625L8.38308 2.045C8.14867 1.81066 7.83078 1.67902 7.49933 1.67902C7.16787 1.67902 6.84999 1.81066 6.61558 2.045Z' fill='%23F7AE49'/%3E%3C/svg%3E%0A"); }
.link-arrow:hover{ color: var(--yellow-hover); }
.link-arrow:hover:after{ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.61558 2.045C6.38124 2.27941 6.2496 2.59729 6.2496 2.92875C6.2496 3.2602 6.38124 3.57809 6.61558 3.8125L12.8031 10L6.61558 16.1875C6.38788 16.4233 6.26189 16.739 6.26474 17.0668C6.26758 17.3945 6.39905 17.708 6.63081 17.9398C6.86257 18.1715 7.17608 18.303 7.50383 18.3058C7.83157 18.3087 8.14733 18.1827 8.38308 17.955L15.4543 10.8837C15.6887 10.6493 15.8203 10.3315 15.8203 10C15.8203 9.66854 15.6887 9.35066 15.4543 9.11625L8.38308 2.045C8.14867 1.81066 7.83078 1.67902 7.49933 1.67902C7.16787 1.67902 6.84999 1.81066 6.61558 2.045Z' fill='%23F59D22'/%3E%3C/svg%3E%0A"); }
.link-underline{ position: relative; font-weight: bold; color: var(--yellow); }
.link-underline:after{ content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; background-color: var(--yellow); transition: all 0.3s; }
.link-underline:hover:after{ left: 50%; width: 0; }

.modal-wrap{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flex; display: flex; align-items: center; justify-content: center; background:rgba(0,0,0,0.5); transition:opacity .4s, visibility .4s; opacity: 0; visibility: hidden; z-index: 500; }
.modal-wrap .modal{ position: relative; width: 800px; max-width: 96vw; padding: 40px; background-color: #fff; border-radius: 15px; z-index: 510; }
.modal-wrap .modal.modal-xs{ width: 450px; }
.modal-wrap .modal.modal-sm{ width: 550px; }
.modal-wrap .modal.modal-md{ width: 650px; }
.modal-wrap .modal.modal-lg{ width: 900px; }
.modal-wrap .modal.modal-xl{ width: 1100px; }
.modal-wrap.active{ opacity: 1; visibility: visible; }
.modal-wrap .modal .modal-body{ max-height: 76vh; margin: 0 -10px; padding: 0 10px; overflow-x: hidden; overflow-y: auto; }
.modal-wrap .modal .modal-title{ position: relative; font-size: 2rem; padding: 0 0 10px; margin: 0 0 25px; font-weight: 300; }
.modal-wrap .modal .modal-title:after{ content: ''; position: absolute; left: 0; width: 76px; height: 2px; bottom: 0; background-color: var(--yellow); }

.modal-wrap .modal .modal-title.title-center{ font-weight: 700; font-size: 1.30rem;; text-align: center; }
.modal-wrap .modal .modal-title.title-center:after{ content: none;  }

.modal-wrap .modal .close-btn{ position: absolute; top: 15px; right: 23px; width: 20px; height: 20px; font-size: 0; cursor: pointer; z-index: 50; }
.modal-wrap .modal .close-btn:before,
.modal-wrap .modal .close-btn:after{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: var(--main); }
.modal-wrap .modal .close-btn:before{ transform: rotate(45deg); }
.modal-wrap .modal .close-btn:after{ transform: rotate(-45deg); }
.modal-wrap .modal .close-btn-small{ position: absolute; width: 14px; height: 14px; top: 30px; right: 30px; cursor: pointer; z-index: 2; }
.modal-wrap .modal .close-btn-small:after,
.modal-wrap .modal .close-btn-small:hover:after{ font-size: 14px; width: 24px; height: 24px; top: 0; right: 0; background: transparent !important; content: "\2715"; line-height: 24px; transition: all 0.3s; }
.modal-wrap .modal .close-btn-small:focus:after{ outline: none !important; }

.breadcrumbs{ display: flex; overflow-y: hidden; overflow-x: auto; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; gap: 10px; white-space: nowrap;  z-index: 10; position: relative; }
.breadcrumbs::-webkit-scrollbar{ display: none; }
.breadcrumbs .breadcrumbs-item{ display: flex; align-items: center; }
.breadcrumbs .breadcrumbs-item a:not(:hover){ color: var(--gray-border); }
.breadcrumbs .breadcrumbs-item:not(:last-child):after{ content:''; display: block; width: 19px; height: 19px; margin-left: 10px; color: var(--gray-border); background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.04167 13.4583L12 9.49993L8.04167 5.5416' stroke='%23CACFD2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); pointer-events: none; }

.main-slider{ position: relative; }
.main-slider .item{ display: block; height: 0; padding-bottom: 29.078%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main-slider.owl-carousel .owl-dots{display: -ms-flex; display: flex; margin: 30px auto 0; display: flex; justify-content: center;}
.main-slider.owl-carousel .owl-dots .owl-dot{ display: block; width: 40px; height: 4px; margin-right: 5px; background: #000; }
.main-slider.owl-carousel .owl-dots .owl-dot span{ display: block; width: 0; height: 100%; background: var(--yellow); }
.main-slider.owl-carousel .owl-dots .owl-dot.active span{ width: 100%; transition: width var(--slider-dot) linear; }

.flex-slider .owl-stage{ display: flex; }
.flex-slider .owl-stage .owl-item{ flex-grow: 1; height: 100%; }

.landing-main-slider .item{ display: block; height: 0; padding-bottom: 28%; }

.dots-slider{ position: relative; }
.dots-slider .owl-dots{ position: absolute; display: flex; justify-content: center; width: 100%; left: 0; bottom: 20px; gap: 12px; box-shadow: rgba(78,82,85,.15); z-index: 100; }
.dots-slider .owl-dots .owl-dot{ width: 12px; height: 12px; border-radius: 50%; background: #fff; transition: background .3s; }
.dots-slider .owl-dots .owl-dot.active{ background: var(--yellow); }

.top-arrows-slider{ position: relative;  }
.top-arrows-slider .owl-nav{ position: absolute; display: -ms-flex; display: flex; align-items: center; padding-left: 20px; top: -4.5rem; right: 0; font-size: 0; background: #fff; }
.top-arrows-slider .owl-nav > *{ width: 20px; height: 20px; cursor: pointer; background-position: center center; background-repeat: no-repeat; }
.top-arrows-slider .owl-nav .owl-prev{ background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3844 17.955C13.6188 17.7206 13.7504 17.4027 13.7504 17.0713C13.7504 16.7398 13.6188 16.4219 13.3844 16.1875L7.19692 10L13.3844 3.8125C13.6121 3.57675 13.7381 3.261 13.7353 2.93325C13.7324 2.6055 13.601 2.29199 13.3692 2.06023C13.1374 1.82847 12.8239 1.69701 12.4962 1.69416C12.1684 1.69131 11.8527 1.8173 11.6169 2.045L4.54567 9.11625C4.31133 9.35066 4.17969 9.66855 4.17969 10C4.17969 10.3315 4.31133 10.6493 4.54567 10.8838L11.6169 17.955C11.8513 18.1893 12.1692 18.321 12.5007 18.321C12.8321 18.321 13.15 18.1893 13.3844 17.955Z' fill='%23F7AE49'/%3E%3C/svg%3E%0A"); }
.top-arrows-slider .owl-nav .owl-next{ margin-left: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.61558 2.045C6.38124 2.27941 6.2496 2.59729 6.2496 2.92875C6.2496 3.2602 6.38124 3.57809 6.61558 3.8125L12.8031 10L6.61558 16.1875C6.38788 16.4233 6.26189 16.739 6.26474 17.0668C6.26758 17.3945 6.39905 17.708 6.63081 17.9398C6.86257 18.1715 7.17608 18.303 7.50383 18.3058C7.83157 18.3087 8.14733 18.1827 8.38308 17.955L15.4543 10.8837C15.6887 10.6493 15.8203 10.3315 15.8203 10C15.8203 9.66854 15.6887 9.35066 15.4543 9.11625L8.38308 2.045C8.14867 1.81066 7.83078 1.67902 7.49933 1.67902C7.16787 1.67902 6.84999 1.81066 6.61558 2.045Z' fill='%23F7AE49'/%3E%3C/svg%3E%0A"); }

.showroom-slider{ position: relative; padding-top: 40px; }
.showroom-slider .owl-nav{ position: absolute; display: -ms-flex; display: flex; align-items: center; top: 0; left: 0; font-size: 0; background: #fff; }
.showroom-slider .owl-nav > *{ width: 20px; height: 20px; cursor: pointer; background-position: center center; background-repeat: no-repeat; }
.showroom-slider .owl-nav .owl-prev{ background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3844 17.955C13.6188 17.7206 13.7504 17.4027 13.7504 17.0713C13.7504 16.7398 13.6188 16.4219 13.3844 16.1875L7.19692 10L13.3844 3.8125C13.6121 3.57675 13.7381 3.261 13.7353 2.93325C13.7324 2.6055 13.601 2.29199 13.3692 2.06023C13.1374 1.82847 12.8239 1.69701 12.4962 1.69416C12.1684 1.69131 11.8527 1.8173 11.6169 2.045L4.54567 9.11625C4.31133 9.35066 4.17969 9.66855 4.17969 10C4.17969 10.3315 4.31133 10.6493 4.54567 10.8838L11.6169 17.955C11.8513 18.1893 12.1692 18.321 12.5007 18.321C12.8321 18.321 13.15 18.1893 13.3844 17.955Z' fill='%23F7AE49'/%3E%3C/svg%3E%0A"); }
.showroom-slider .owl-nav .owl-next{ margin-left: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.61558 2.045C6.38124 2.27941 6.2496 2.59729 6.2496 2.92875C6.2496 3.2602 6.38124 3.57809 6.61558 3.8125L12.8031 10L6.61558 16.1875C6.38788 16.4233 6.26189 16.739 6.26474 17.0668C6.26758 17.3945 6.39905 17.708 6.63081 17.9398C6.86257 18.1715 7.17608 18.303 7.50383 18.3058C7.83157 18.3087 8.14733 18.1827 8.38308 17.955L15.4543 10.8837C15.6887 10.6493 15.8203 10.3315 15.8203 10C15.8203 9.66854 15.6887 9.35066 15.4543 9.11625L8.38308 2.045C8.14867 1.81066 7.83078 1.67902 7.49933 1.67902C7.16787 1.67902 6.84999 1.81066 6.61558 2.045Z' fill='%23F7AE49'/%3E%3C/svg%3E%0A"); }
.showroom-slider img { max-width:300px; }

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

.product-item{ display: flex; flex-direction: column; flex-grow: 1; }
.product-item .product-item-action{ width: 20px; height: 20px; cursor: pointer; background-position: center center; background-repeat: no-repeat; }
.product-item .product-item-fastview{ display: -ms-flex; display: flex; align-items: center; }
.product-item .product-item-fastview span{ opacity: 0; font-size: .85rem; }
.product-item .product-item-compare{ background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2069 3H12.8483V17H11.2759L11.2069 3ZM8.7931 7H7.13793V17H8.7931V7ZM4.44828 11H3V17H4.44828V11ZM17 11H15.4138V17H17V11Z' fill='%23F7AE49'/%3E%3C/svg%3E%0A"); }
.product-item .product-item-compare._done{ background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='4' fill='%23F7AE49'/%3E%3Cpath d='M11.2069 3H12.8483V17H11.2759L11.2069 3ZM8.7931 7H7.13793V17H8.7931V7ZM4.44828 11H3V17H4.44828V11ZM17 11H15.4138V17H17V11Z' fill='white'/%3E%3C/svg%3E%0A"); }
.product-item .product-item-fav{ background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17.5C9.89335 17.5011 9.78829 17.4741 9.69531 17.4219C9.35938 17.2344 1.5625 12.8047 1.5625 7.1875C1.5625 6.20368 1.87205 5.24479 2.4473 4.44667C3.02255 3.64855 3.83434 3.05166 4.76768 2.74055C5.70102 2.42943 6.70859 2.41987 7.64766 2.71322C8.58673 3.00656 9.40971 3.58794 10 4.375C10.5903 3.58794 11.4133 3.00656 12.3523 2.71322C13.2914 2.41987 14.299 2.42943 15.2323 2.74055C16.1657 3.05166 16.9774 3.64855 17.5527 4.44667C18.128 5.24479 18.4375 6.20368 18.4375 7.1875C18.4375 9.57812 17.0547 12.0312 14.3281 14.4844C13.09 15.5974 11.7419 16.5816 10.3047 17.4219C10.2117 17.4741 10.1066 17.5011 10 17.5ZM6.25 3.75C5.33832 3.75 4.46398 4.11216 3.81932 4.75682C3.17466 5.40148 2.8125 6.27582 2.8125 7.1875C2.8125 11.5 8.59375 15.2891 10 16.1484C11.4062 15.2891 17.1875 11.5 17.1875 7.1875C17.1882 6.39283 16.9136 5.62246 16.4103 5.00745C15.9071 4.39244 15.2063 3.97079 14.4272 3.81424C13.6481 3.65768 12.8389 3.77589 12.1371 4.14876C11.4353 4.52163 10.8844 5.12611 10.5781 5.85938C10.531 5.97401 10.4509 6.07205 10.348 6.14105C10.2451 6.21005 10.1239 6.2469 10 6.2469C9.87607 6.2469 9.75494 6.21005 9.65201 6.14105C9.54907 6.07205 9.46896 5.97401 9.42188 5.85938C9.16174 5.23302 8.72133 4.6981 8.15659 4.32253C7.59184 3.94695 6.92822 3.74768 6.25 3.75Z' fill='%23F7AE49'/%3E%3C/svg%3E%0A"); }
.product-item .product-item-fav._done{ background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='white'/%3E%3Cpath d='M10 17.5C9.89335 17.5011 9.78829 17.4741 9.69531 17.4219C9.35938 17.2344 1.5625 12.8047 1.5625 7.1875C1.5625 6.20368 1.87205 5.24479 2.4473 4.44667C3.02255 3.64855 3.83434 3.05166 4.76768 2.74055C5.70102 2.42943 6.70859 2.41987 7.64766 2.71322C8.58673 3.00656 9.40971 3.58794 10 4.375C10.5903 3.58794 11.4133 3.00656 12.3523 2.71322C13.2914 2.41987 14.299 2.42943 15.2323 2.74055C16.1657 3.05166 16.9774 3.64855 17.5527 4.44667C18.128 5.24479 18.4375 6.20368 18.4375 7.1875C18.4375 9.57812 17.0547 12.0312 14.3281 14.4844C13.09 15.5974 11.7419 16.5816 10.3047 17.4219C10.2117 17.4741 10.1066 17.5011 10 17.5ZM6.25 3.75C5.33832 3.75 4.46398 4.11216 3.81932 4.75682C3.17466 5.40148 2.8125 6.27582 2.8125 7.1875C2.8125 11.5 8.59375 15.2891 10 16.1484C11.4062 15.2891 17.1875 11.5 17.1875 7.1875C17.1882 6.39283 16.9136 5.62246 16.4103 5.00745C15.9071 4.39244 15.2063 3.97079 14.4272 3.81424C13.6481 3.65768 12.8389 3.77589 12.1371 4.14876C11.4353 4.52163 10.8844 5.12611 10.5781 5.85938C10.531 5.97401 10.4509 6.07205 10.348 6.14105C10.2451 6.21005 10.1239 6.2469 10 6.2469C9.87607 6.2469 9.75494 6.21005 9.65201 6.14105C9.54907 6.07205 9.46896 5.97401 9.42188 5.85938C9.16174 5.23302 8.72133 4.6981 8.15659 4.32253C7.59184 3.94695 6.92822 3.74768 6.25 3.75Z' fill='%23F7AE49'/%3E%3Cpath d='M6.25 3.75C5.33832 3.75 4.46398 4.11216 3.81932 4.75682C3.17466 5.40148 2.8125 6.27582 2.8125 7.1875C2.8125 11.5 8.59375 15.2891 10 16.1484C11.4062 15.2891 17.1875 11.5 17.1875 7.1875C17.1882 6.39283 16.9136 5.62246 16.4103 5.00745C15.9071 4.39244 15.2063 3.97079 14.4272 3.81424C13.6481 3.65768 12.8389 3.77589 12.1371 4.14876C11.4353 4.52163 10.8844 5.12611 10.5781 5.85938C10.531 5.97401 10.4509 6.07205 10.348 6.14105C10.2451 6.21005 10.1239 6.2469 10 6.2469C9.87607 6.2469 9.75494 6.21005 9.65201 6.14105C9.54907 6.07205 9.46896 5.97401 9.42188 5.85938C9.16174 5.23302 8.72133 4.6981 8.15659 4.32253C7.59184 3.94695 6.92822 3.74768 6.25 3.75Z' fill='%23F7AE49'/%3E%3C/svg%3E%0A"); }
.product-item:hover .product-item-fastview span{ opacity: 1; transition: opacity 0.3s ease; }
.product-item .product-item-photo{ position: relative; height: 0 !important; padding-bottom: 100%; }
.product-item .product-item-photo-slider{ position: absolute; display: -ms-flex; display: flex; height: 100%; width: 100%; left: 0; top: 0; }
.product-item .product-item-photo-slider .photo-slide{ flex: 1; display: -ms-flex; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; overflow: hidden; cursor: pointer; }
.product-item .product-item-photo-slider .photo-slide:after{ content: ''; position: relative; display: block; height: 2px; width: 100%; background: var(--gray-border); z-index: 20; }
.product-item .product-item-photo-slider .photo-slide:only-child:after{ display: none; }
.product-item .product-item-photo-slider .photo-slide:not(:first-child){ padding-left: 4px; }
.product-item .product-item-photo-slider .photo-slide:not(:last-child){ padding-right: 4px; }
.product-item .product-item-photo-slider img{ position: absolute; max-height: 97%; left: 0; top: 0; opacity: 0; transition: opacity .3s; pointer-events: none; }
.product-item .product-item-photo-slider:not(:hover) .photo-slide:first-child:after,
.product-item .product-item-photo-slider:hover .photo-slide:hover:after{ background: var(--yellow); }
.product-item .product-item-photo-slider:not(:hover) .photo-slide:first-child img,
.product-item .product-item-photo-slider:hover .photo-slide:hover img{ opacity: 1; }
.product-item .product-item-price{ display: flex; align-items: center; flex-wrap: wrap; font-size: 1.2rem; font-weight: bold; }
.product-item .product-item-price .consult-price{ padding: .4rem 0; font-size: 1rem; font-weight: 600; color: var(--gray); }
.product-item .product-item-price .product-item-price-old{ position: relative; }
.product-item .product-item-price .product-item-price-old:before{ content:''; position: absolute; left: 0; top: 50%; right: 0; border-top: 2px solid var(--gray); transform: rotate(-9deg); }
.product-item .product-item-consult { font-size: 1.35rem; font-weight: 600; }
.product-item .product-item-name{ font-size: 1.1rem; font-weight: 600; }
.product-item .product-item-img{ padding-bottom: 70%; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.product-item .subtitle{ text-transform: none; }
.product-item .btn{ font-weight: 600; }
.product-item .quantity-wrap{ white-space: nowrap; }
.product-item .not-ordered-item{ color:var(--red); width:100%; font-size: 1.5rem; padding:20px; text-align:center;  border: 1px solid var(--gray); }

.product-slider .owl-stage{ display: -ms-flex; display: flex; margin-left: 2px; }
.product-slider .owl-item{ display: -ms-flex; display: flex; }
.product-slider .product-item{ flex-grow: 1; display: -ms-flex; display: flex; flex-direction: column; }

.list-label-wrap{ flex-wrap: wrap; display: flex; gap: 5px; min-height: 30px; position: absolute; top: 30px; z-index: 10; }
.list-label-wrap img{ max-height: 30px; }
.label-picture img{ height:30px;  }

.video-wrap{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0 !important; border-radius: 5px; z-index: 10; overflow: hidden; }
.video-wrap iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-name{ font-size: 1.2rem; font-weight: 700; }

.event-title{ font-weight: 700; }
.event .event-img{ position: relative; height: 0; padding-bottom: 50%; border-radius: var(--bdrs); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.event .event-price{ position: absolute; padding: 0 15px; line-height: 30px; right: 20px; bottom: -12px; border-radius: 15px; background: var(--yellow); color: #fff; font-weight: bold; }

.categories .category-item{ flex-grow: 1; display: -ms-flex; display: flex; align-items: center; background: var(--l-gray); fill: #bbb; padding: 20px; border-radius: var(--bdrs); font-size: 1.15rem; font-weight: 700; text-align: center; transition: background .3s; }
.categories .category-item:hover{ background: var(--yellow-15); }
.categories .category-item span{ flex-grow: 1; }
.categories .category-item .icon{ margin: 0; }

.about-section .about-section-text{ display: -ms-flex; display: flex; flex-direction: column; background: var(--l-gray); padding: 100px 50px; border-radius: var(--bdrs); font-size: 1.15rem; }
.about-section .about-section-bg{ min-height: 300px; flex-grow: 1; border-radius: var(--bdrs); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.about-pluses-item{ display: -ms-flex; display: flex; flex-direction: column; align-items: center; text-align: center; stroke: var(--yellow); font-weight: 600; }

.partners-slider img{ height: 70px; }

.suggestions-wrapper{ position: relative; width: 100%; margin-top: 1px; }
.suggestions-wrapper ul{ margin: 0; }
.suggestions-wrapper .suggestions-suggestions{ width: 100%; max-height: 305px; padding: 6px 0; overflow-x: hidden; overflow-y: auto; background: #fff; border: 1px solid var(--gray); z-index: 1000; }
.suggestions-wrapper .suggestions-suggestions > *{ padding: .25rem 10px; cursor: pointer; transition: background .2s; }
.suggestions-wrapper .suggestions-suggestions > *:hover{ background: var(--l-gray); }

.notification{ position: fixed; top: 0; left: 0; width: 100%; padding: 10px; background: white; z-index: 999; transform: translateY(-100%); transition: transform ease-out .2s; }
.notification.show{ transform: translateY(0); box-shadow: 0px 4px 15px rgba(0,0,0,0.25); }
.notification .d-flex{ justify-content: space-between; align-items: center; position: relative; }
.notification .btn{ padding-left: 10px; padding-right: 10px; margin: 0 15px 0 10px; white-space: nowrap }
.notification .notification-product-image{ flex-shrink: 0; width: 40px; height: 40px; margin-right: 10px; border: 1px solid var(--main); }
.notification .notification-close{ position: absolute; top: calc(50% - 10px); right: 0px; width: 20px; height: 20px; cursor: pointer; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.91602' y='3.20892' width='12.5512' height='1' rx='0.5' transform='rotate(45 3.91602 3.20892)' fill='%23111111'/%3E%3Crect x='12.791' y='3.91602' width='12.5512' height='1' rx='0.5' transform='rotate(135 12.791 3.91602)' fill='%23111111'/%3E%3C/svg%3E%0A") no-repeat center center / contain; }

.tags{ display: flex; overflow-y: hidden; overflow-x: auto; gap: 10px; padding-bottom: 10px; margin-bottom: 3rem; }
.tag{ display: -ms-inline-flex; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--gray-border); border-radius: 5px; padding: 9px 25px; text-align: center; background-color: #fff; font-size: 1rem; white-space: nowrap; vertical-align: top; cursor: pointer; transition: color .3s, background .3s, border .3s, padding .3s; }
.tag:hover{ background-color: var(--yellow-15); border-color: var(--yellow-15); }
.tag:focus,
.tag:active{ background-color: var(--yellow-25); border-color: var(--yellow-25); }
.tag.active{ padding: 8px 24px; border: 2px solid var(--yellow); }


.tags.bottomtags .tag{ border: 0px; padding: unset; }
.tags.bottomtags .tag:hover{ background: unset; text-decoration: none; color: var(--yellow); }

.category-links ul{ list-style: none; margin: 0; padding: 0; }
.category-links ul li{ padding: 5px 20px; }
.category-links ul li a{ display: flex; align-items: center; }
.category-links ul li .icon{ margin-right: 8px; }
.category-links ul li.parent-link{ padding: 5px 20px 5px 0; font-weight: bold; }

.filters li{ position: relative; }

.pagenav{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 1.2rem; font-weight: 600; fill: var(--main); }
.pagenav > *{ display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; transition: background .3s; }
.pagenav > *:not(:first-child){ margin-left: 16px; }
.pagenav > *:not(:last-child){ margin-right: 16px; }
.pagenav > a.disabled { fill: var(--gray-border); }
.pagenav > span{ background: var(--yellow-25); }

.date{ color: var(--gray); }

.banner{ position: relative; display: block; padding-bottom: 33.66%; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; }
.banner .banner-inner{ position: absolute; display: flex; width: 100%; height: 100%; padding: 15px 10px; align-items: flex-end; color: var(--main); background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 23.44%, rgba(255, 255, 255, 0.00) 51.79%, rgba(255, 255, 255, 0.43) 77.60%, rgba(255, 255, 255, 0.80) 100%); }

.main-banner{ display: flex; align-items: center; height: 580px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.default-banner{ position: relative; padding-bottom: 30%; min-height: 320px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.default-banner .default-banner__inner{ position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.help-info{ flex-grow: 1; display: flex; flex-direction: column; justify-content: center; padding: 100px 70px; background: var(--l-gray); border-radius: 4px; }

.filters-btn{ display: flex; align-items: center; padding: 10px 0; cursor: pointer; }
.filters-btn span{ display: flex; align-items: center; justify-content: center; width: 12px; height: 12px; background: var(--yellow); border-radius: 50%; font-size: .5rem; margin-left: 12px; }
.filters-btn span:epmty{ display: none; }

.filterlist__count { width: 100px; font-size: 0.9rem; padding: 5px 10px;  background-color: #fff;  color: var(--main); position: absolute;  right: -60px; z-index: 50; cursor: pointer; border:1px solid var(--main); border-radius: 5px; }
.filterlist__count.loading {  background-image: url(/local/templates/main/img/preloader.gif); background-size: 20px 20px; background-repeat: no-repeat; background-position: 5px center; text-indent: -9999px; }

.tabs{ position: relative; }
.tabs .tabs-top{ position: relative; display: flex; padding-bottom: 5px; margin-bottom: 20px; overflow-y: hidden; overflow-x: auto; font-size: 1.2rem; font-weight: bold; }
.tabs .tabs-top::-webkit-scrollbar{ display: none; }
.tabs .tabs-top:before{ content: ''; display: block; position: absolute; bottom: 5px; left: 0; width: 100%; height: 1px; background: var(--gray-border); z-index: -1; }
.tabs .tabs-top .tab{ position: relative; display: flex; align-items: center; justify-content: center; height: 70px; padding: 0 30px; color: var(--main); cursor: pointer; border-top: 1px solid transparent; border-bottom: 1px solid var(--gray-border); white-space: nowrap; transition: color .3s, border-color .3s; }
.tabs .tabs-top .tab.active{ border-width: 2px; border-bottom-color: var(--yellow); }
.tabs .tabs-bottom{ position: relative; overflow: hidden; }
.tabs .tabs-bottom .tab{ position: absolute; width: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; z-index: 3; }
.tabs .tabs-bottom .tab.active{ position: relative; opacity: 1; visibility: visible; overflow: visible; z-index: 5; }

.detail-slider-wrap{ flex-grow: 1; min-width: 0; }

.product-detail-slider{ padding: 0 110px; }
.product-detail-slider .owl-stage-outer{ z-index: 20; }
.product-detail-slider .owl-nav{ position: absolute; left: 0; top: 0; display: flex; justify-content: space-between; width: 100%; height: 100%; z-index: 10; }
.product-detail-slider .owl-nav > *{ display: flex; align-items: center; justify-content: center; width: 90px; }
.product-detail-slider .item{  height: auto; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.product-detail-preview{ display: flex; flex-direction: column; margin-right: 20px; }
.product-detail-preview .item{ position: relative; width: 97px; height: 97px; margin-bottom: 20px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: 1px solid transparent; border-radius: 3px; overflow: hidden; cursor: pointer; transition: border .3s; }
.product-detail-preview .item:before{ content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.2); transition: opacity .3s; }
.product-detail-preview .item.active{ border-color: var(--yellow); }
.product-detail-preview .item.active:before{ opacity: 0; }

.product-detail h1{ font-size: 2rem; }

.owl-prev.disabled,
.owl-next.disabled{ opacity: .5; }

.person{ display: flex; align-items: center; }
.person .person-ava{ display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-right: 20px; font-size: 1.15rem; font-weight: bold; border-radius: 50%; background-color: var(--gray-border); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.rate{ display: inline-block; border: 0; padding: 0; margin: 0; line-height: 1; }
.rate > input{ display: none; }
.rate > label{ float: right; color: var(--gray-border); fill: var(--gray-border); margin-bottom: 0; cursor: pointer; }
.rate > label:before{ display: inline-block; font-size: 2rem; padding: .3rem .2rem; margin: 0; cursor: pointer; }
.rate input:checked ~ label,
.rate label:hover,
.rate label:hover ~ label{ color: var(--yellow); fill: var(--yellow); }
.rate input:checked + label:hover,
.rate input:checked ~ label:hover,
.rate input:checked ~ label:hover ~ label,
.rate label:hover ~ input:checked ~ label{ color: var(--yellow); fill: var(--yellow); }
.rate.rate-disabled label{ pointer-events: none; }

.review-form .rate > label { margin-right: 15px; }

.madSlider { position: relative; user-select: none; touch-action: pan-y; width: 100%; height: 330px; margin-top: 20px; margin-bottom: 35px; }
.madSlider__list { width: 100%; height: 330px; position: relative; margin-top: 8px; }
.madSlider__track{ display: flex; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.madSlider__slide { flex-grow: 1; display: flex; }
.madSlider__img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: opacity .2s ease-in-out; pointer-events: none; width: 100%; max-width: 330px; }
.madSlider__slide_active .madSlider__img { opacity: 1; }
.madSlider__dot { display: block; width: 100%; position: relative; margin: 0; }
.madSlider__slide + .madSlider__slide .madSlider__dot { margin-left: 2px; }
.madSlider__dot::after { content: ""; position: absolute; width: 100%; bottom: -15px; z-index: 1; height: 5px; border-bottom: 2px solid var(--gray-border); }
.madSlider__slide_active .madSlider__dot::after { border-color: var(--yellow); }

.product-item-slider .madSlider { height:250px; margin-top: 0px;}
.product-item-slider .madSlider__list { height:250px; }


.fastorder__body { max-width: 500px}
.fastorder__product { display: flex; flex-wrap: wrap;margin-bottom: 16px; }
.fastorder__product ~ div:not(:last-of-type)  {margin-bottom: 8px; max-width: 450px; }
.fastorder__product--image { flex: 0 0 140px; width: 140px; height: 140px; margin-right: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; border: 1px solid #5e5e5d; margin-bottom: 8px; }
.fastorder__product--quantity { display: flex; flex-wrap: wrap; margin: 15px 0; }
.fastorder__product--quantity > .quantity-btn { flex: 0 0 24px; text-align: center; border: 1px solid #5e5e5d; line-height: 24px; cursor: pointer;}
.fastorder__product--quantity > .quantity-num { flex: 0 0 50px; }
.fastorder__product--quantity > .quantity-num input { padding: 0; text-align: center; width: 50px; height: 26px; margin: 0 2px; background: white; border: 1px solid #5e5e5d; outline: none; border-radius: 0; line-height: 26px; padding-left: 0 !important; }
.fastorder__form button.btn.btn--warning { outline: none; border: none; }
.fastorder__product--cost, .fastorder__product--summ { font-weight: bold; }
.fastorder__form .df { display: flex;  }
.fastorder__form .form-group { margin-bottom: 0; padding-bottom: 0; min-height: auto;}
.fastorder__form .form-group .radio-inline { margin-right: 10px; }
.fastorder__form .hide { display: none; }

.onelector-popup > div{ max-width: 1100px; display: flex; justify-content: space-between; }
.onelector--img{ width: 40%; margin-right: 20px; }
.onelector--img img{ width: 100%; height: 100%; object-fit: cover; }
.onelector--subtext{ font-weight: normal; font-size: 18px; line-height: 140%; color: #333; margin-bottom: 10px; }
.onelector--text{ width: 60%; }
.onelector--detailtext,
.onelector--listtext > div{ font-weight: normal; font-size: 13px; line-height: 170%; color: #000000; }
.onelector--listtext > div{ margin-bottom: 10px; }
.onelector--name{ font-weight: bold; font-size: 18px; line-height: 25px; margin-bottom: 6px; color: #333333; }
.events-title{ font-weight: normal; font-size: 18px; line-height: 140%; color: #333333; margin: 10px 0; }
.near-events-list{ display: flex; margin-bottom: 15px; }
.near-date,
.near-name{ font-size: 16px; line-height: 140%; color: #333333; }
.near-date{ margin-right: 20px; position: relative; font-weight: normal; padding-left: 25px; width: 30%; }
.near-name{ font-weight: bold; width: 70%; }
.near-date::before{ content: ""; background-image: url("/bitrix/templates/nsella/images/clock.png"); width: 18px; height: 18px; position: absolute; left: 0px; top: 1px; background-repeat: no-repeat; }

.city-select { padding:10px!important; }
.fast-view .list-label-wrap { top:0; }
.form_error { color: var(--red) }
.captcha_error { color: var(--red);  }
.captcha_error:not(._error) { display: none; }
.bk-btn .bk_buy_button { width: 100%; min-height: 42px; display: -ms-inline-flex; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--yellow); border-radius: 5px; padding: 3px 25px; text-align: center; background-color: #fff; color: var(--yellow); border-color: var(--yellow); font-size: 1rem; vertical-align: top; cursor: pointer; transition: color .3s, background .3s, border-color .3s; }
.bk-btn .bk_buy_button:hover{ border-color: var(--yellow); background-color: var(--yellow-15); }


.radio-flex-wrap { display: flex; gap: 10px; }
.engineer-call__form { max-width: 1000px; }
.engineer-table { width: 100%; border-collapse: collapse; }
.engineer-table tr td,
.engineer-table tr th { padding: 10px 15px; }
.engineer-table tr th:first-child { padding: 0; }
.engineer-table tr td:first-child { padding: 0; color: var(--yellow); font-size: 24px; font-weight: 400; }
.engineer-table tr td:last { padding: 0; }


.dropdown-mobile-phone { display: none; top: 80px; position: absolute; background-color: #fff; width: 100%; }
.dropdown-mobile-phone.show { display: block!important; }
.dropdown-mobile-phone .more_phone a,
.dropdown-mobile-phone .more_phone span:not(.icon) { padding: 15px 18px 12px; display: block; font-weight: 700; font-size: 1.071em;}
.dropdown-mobile-phone .more_phone .no-decript:not(.icon) { padding: 18px 20px 15px; }
.dropdown-mobile-phone .more_phone a span:not(.icon) { display: block; font-size: .8em; font-weight: 400; padding: 2px 0 0 0; color: #999; overflow: hidden; text-overflow: ellipsis; }
.dropdown-mobile-phone.with_icons .more_phone a .icon { position: absolute; left: 18px; top: 16px; font-size: 0; height: 16px; width: 16px; display: flex; align-items: center; justify-content: center; }
.dropdown-mobile-phone.with_icons .more_phone .no-decript .icon { top: 22px; }
.dropdown-mobile-phone .more_phone a .icon .svg,
.dropdown-mobile-phone .more_phone a .icon .svg svg { opacity: 1 }
.dropdown-mobile-phone .more_phone .callback:not(.icon) {font-weight: 400; }
.more_phone { border-bottom: 1px solid #f2f2f2; position: relative; line-height: 1.2em; border-color: var(--gray); }
.more_phone.title { background: #fbfbfb; background: var(--card_bg_hover_black); margin-bottom: 5px; font-size: 1.3rem; }
.more_phone.title .svg-inline-close { right: 19px; position: absolute; top: 46%; margin-top: -9px; cursor: pointer; }
.jqmOverlay { background: #3a3f44; opacity: .7!important; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 400;}


.quick-order-page .quick-order-item { display: flex; flex-direction: row;  gap:25px; margin-bottom: 15px; }
.quick-order-page .quick-order-item .quick-number { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background: var(--yellow-25); }
.quick-order-page .quick-order-item .quick-info { max-width: 85%; }
.quick-order-page .quick-order-item .quick-info .quick-title{ font-weight: bold; margin-bottom: 10px; }
.quick-order-page .quick-order-item .quick-info img{ max-width:170px; }
.quick-order-page textarea { min-height: 400px; }

.journal-page .journal-intro { margin:0 70px; font-size:1.4rem; }
.smartfilter{ position: relative; }

.description h3, .description h2 { font-weight: normal; }

.vendor__container { display: flex; flex-flow: row wrap; position: relative; }
.vendor__container .vendor__item { flex: 0 1 20%; padding:20px; border:1px solid #F6F7F8; box-sizing: border-box; }
.vendor__container .vendor__item:hover{ box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.vendor__container .vendor__item .vendor_image{ position: relative; height: 136px; margin-bottom: 10px;}
.vendor__container .vendor__item .vendor_image img{ position: absolute; left: 50%; top: 50%; right: unset; bottom: unset; width: auto; max-width: 175px; max-height: 85px; transform: translate(-50%, -50%); }
.vendor__container .vendor__item .vendor_title { font-size: 1.3rem; text-align: center; font-weight: bold; margin-bottom: 10px; }
.vendor__container .vendor__item .vendor_title .vendor_count{ font-size: 0.8rem; color: #BAC0C4; font-weight: normal; }
.vendor__container .vendor__item .vendor_country { text-align: center;  }

.letters__container { display: flex; gap:4px; overflow: auto; }
.letters__container .letter { padding:5px 10px; border: 1px solid var(--l-gray); border-radius: 6px; cursor: pointer; }
.letters__container .letter.active { color:#fff; background-color: var(--yellow); }
.letters__container .letter.disabled { color:var(--gray-border); }

.advantages{ max-width: 920px; display: flex; justify-content: space-between; text-align: center; gap: 30px; margin-left: auto; margin-right: auto;}
.advantages__item{ display: flex; flex-direction: column; flex-grow: 1; }
.advantages__icon{ display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin: 0 auto 15px; border-radius: 50%; background-color: #fff; fill: var(--yellow); box-shadow: 0 0 20px rgba(78,82,85,.15); }
.advantages__icon svg{ max-width: 60px; max-height: 50px; }

.showroom__left{ min-height: 250px; margin-bottom: 30px; }
.showroom__right{ display: flex; flex-direction: column; padding-left: 15px; padding-right: 15px; }

.land-service__content{ display: flex; flex-direction: column; justify-content: center; gap: 30px; padding-left: 6%; }
.land-service__item{ display: flex; align-items: center; flex-grow: 1; max-height: 60px; font-size: 1.2rem; font-weight: bold; }
.land-service__icon{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; margin-right: 20px; box-shadow: 0 0 20px rgba(78,82,85,.15); }
.land-service__icon svg{ max-width: 28px; max-height: 28px; }
.land-service__slider .owl-item .service-slide{ padding-top: 30px; padding-bottom: 30px; transition: padding .3s, margin .3s; }
.land-service__slider .owl-item:not(.active)+.owl-item.active{ z-index: 200; }
.land-service__slider .owl-item:not(.active)+.owl-item.active .service-slide{ position: relative; padding: 0; margin-right: -95px; }
.land-service__slider .owl-item:not(.active)+.owl-item.active .service-slide img{ width: auto; height: 100%; }

.landing-brands-slider img { max-height:80px; }

.land-form{ padding-left: 30px; padding-right: 30px; }
.land-map{ min-height: 350px; }
.land-map iframe{ min-height: 100%; }

.journal-body__img img {max-height: 430px;}

footer{ background: var(--l-gray); }
footer .logo{ max-width: 210px; }
footer .logo svg{ max-width: 210px; max-height: 50px; }
footer .footer-top{ padding: 40px 0; }
footer .footer-bottom{ padding: 25px 0; border-top: 1px solid var(--gray-border); }
footer ul li:not(:last-child){ margin-bottom: 1rem; }

@media (min-width: 576px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl{ padding-left: 30px; padding-right: 30px; }

	.pagenav > a:focus:not(.disabled),
	.pagenav > a:active:not(.disabled){ background: var(--yellow-25); }
	.pagenav > a:hover:not(.disabled){ background: var(--yellow-15); }

	.showroom__right{ padding-left: 30px; padding-right: 30px; }
}

@media (min-width: 768px) {
	.tags:not(.bottomtags) .tag{ padding: 5px 10px; }
	.tags:not(.bottomtags){ flex-wrap: wrap; }

	.showroom{ display: flex; padding: 0; }
	.showroom__left{ width: 56%; margin-bottom: 0; }
	.showroom__right{ width: 44%; padding-right: 0; }

	.land-service{ position: relative; }
	.land-service__slider{ width: 50%; margin-left: 50%; }
	.land-service__content{ position: absolute; left: 0; top: 0; height: 100%; width: 50%; padding-right: 30px; }

	.map-wrap{ display: flex; }
	.land-form{ width: 50%; order: 2; max-width: 720px; }
	.land-map{ width: 50%; order: 1; }
}

@media (min-width: 992px) {
	.top-arrows-slider-center .owl-nav{ width: 100px; left: 50%; transform: translateX(-50%); padding-right: 20px; }

	.land-service__slider .owl-nav{ left: -50px; right: auto; }
}

@media (min-width: 1024px) {
	.madSlider__img{ left: 50%; top: 50%; right: unset; bottom: unset; width: auto; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%); }
}

@media (min-width: 1200px) {
	.product-detail .product-item .product-item-price{ font-size: 2rem; }

	.filial-banner .title { font-size:3rem;  }
	.filial-banner .text { font-size:1.5rem;  }
}

@media (min-width: 1450px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl{ max-width:1440px; }
}

@media (max-width: 1449px) {
	header .header-menu{ font-size: .9rem; }
	header .header-menu ul li:not(:first-child){ margin-left: 1rem; }

	.product-detail-slider{ padding: 0 60px; }
	.product-detail-slider .owl-nav > *{ width: 60px; }

	.product-detail-preview .item{ width: 80px; height: 80px; }
}

@media (max-width: 1199px) {
	header .logo svg{ max-width: 150px; max-height: 38px; }
	header .header-search input[type="text"]{ height: 38px; }
	header .user-menu .user-menu-item{ padding-left: 12px; padding-right: 12px; }

	.btn.btn-lg{ min-height: 38px; padding: 5px 18px; }

	.main-banner{ height: 500px; }

	.about-section .about-section-text{ padding: 40px; }

	.product-detail-slider{ padding: 0 40px; }
	.product-detail-slider .owl-nav > *{ width: 40px; }
	.product-detail-slider .item{ height: auto; }

	.vendor__container .vendor__item { flex: 0 1 25%; }

	.land-service__content{ gap: 15px; padding-left: 3%; }
}

@media screen and (max-width: 1023px) {
	.madSlider { width: 100%; height: 156px; margin-bottom: 35px; }
	.madSlider__list { width: 156px; height: 156px; overflow: hidden; margin: 8px auto 0; }
	.madSlider__slide { width: 156px; height: 156px; margin-right: 10px; }
	.madSlider__img { position: initial; opacity: 1; width: 156px; height: 156px; }
	.madSlider__dot { display: none; }
	.madSlider__rows { display: flex; align-items: center; }
	.madSlider__row {  height: 1px; background: #cdcdd0; flex-grow: 1; margin-top: 10px; }
	.madSlider__row_active { background: var(--yellow); }
	.madSlider__row + .madSlider__row { margin-left: 2px; }

	.fast-view .madSlider { height: 255px;}
	.fast-view .madSlider__list { width: 255px; height: 255px;}
	.fast-view .madSlider__slide { width: 255px; height: 255px;}
	.fast-view .madSlider__img {width: 255px; height: 255px; }
}

@media (max-width: 992px) {
	header .main-menu{ display: none; }

	.main-banner{ height: 450px; }

	.main-slider.owl-carousel .owl-dots{ left: 15px; bottom: 15px; }
	.main-slider.owl-carousel .owl-dots .owl-dot{ width: 30px; }

	.tabs .tabs-top{ font-size: 1.3rem; }
	.tabs .tabs-top .tab{ height: 60px; padding: 0 20px; }

	.help-info{ padding: 80px 35px; }

	.product-detail-preview{ margin-right: 10px; }
	.product-detail-preview .item{ width: 60px; height: 60px; margin-bottom: 10px; }

	.product-detail-slider .item{ height: auto; }

	.vendor__container .vendor__item { flex: 0 1 33.3%; }
}

@media (max-width: 900px) and (min-width: 480px){
	.brief__row{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
	.brief__row .brief{ margin-bottom: 10px; min-width: 40%; margin-right: 10px; }
}

@media (max-width: 767px) {
	body{ padding-bottom: 70px; }

	header .user-menu .user-menu-item{ padding: 0; }
	header .user-menu .user-menu-item:not(:first-child){ padding-left: 10px; border: 0; }
	header .user-menu .user-menu-item:not(:last-child){ padding-right: 10px; }

	.section{ padding-top: 2rem; padding-bottom: 2rem; }
	.section-sm{ padding-top: 1rem; padding-bottom: 1rem; }

	.sel .sel-value.sm-no-bd{ border-color: transparent; }
	.btn.btn-lg{ padding: 5px 10px; }

	.main-banner{ height: 400px; }

	.tabs .tabs-top{ font-size: 1.15rem; }
	.tabs .tabs-top .tab{ height: 50px; padding: 0 15px; }

	.about-section .about-section-text{ display: block; padding: 30px; font-size: 1rem; }

	.notification .d-flex{ flex-direction: column; justify-content: center; align-items: baseline; }
	.notification .notification-item{ display: none; }

	.product-slider .product-item{ padding-right: 1px; }

	.m-basket-add .btn { width:185px; }

	.filters{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 20px; background: #fff; overflow-x: hidden; overflow-y: auto; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
	.filters.active{ opacity: 1; visibility: visible; }
	.filters .btn{ font-size: .85rem; }
	.filters .btn.btn-lg{ padding: 5px; }

	.personal-page ul.cat-files { justify-content: center; }
  	.personal-page ul.cat-files li { margin-right: 0; }

	.vendor__container .vendor__item { flex: 0 1 50%; }
	.vendor__container .vendor__item .vendor_title { font-size:1.1rem;  }
	.vendor__container .vendor__item .vendor_image img { max-width:130px; max-height: 70px; }

	.land-service__slider{ margin-bottom: 30px; }
	.land-service__content{ padding-left: 0; }
}

@media (max-width: 576px) {
	header .logo svg{ max-width: 127px; max-height: 30px; }
	header .header-bottom .container .row{ margin-left: -8px; margin-right: -8px; }
	header .header-bottom .container .row > [class^="col"]{ padding-left: 8px; padding-right: 8px; }

	h1, h2, .title{ font-size: 1.5rem; }
	.subtitle{ font-size: 1.3rem; }

	.sel{ font-size: .85rem; }
	.sel .sel-value{ padding: 9px 30px 9px 10px; }
	.sel .sel-arw{ width: 30px; }
	.sel .sel-arw:before{ width: 8px; height: 8px; top: -1px; }

	.text-xl{ font-size: 1.3rem; }
	.text-lg{ font-size: 1.2rem; }
	.text-md{ font-size: 1.1rem; }

	.product-item .product-item-price{ font-size: 1.2rem; align-items: flex-start; }
	.product-item .product-item-name{ font-size: 1.1rem; }

	.main-slider-wrap{ margin-left: -15px; margin-right: -15px; }

	.categories .category-item{ flex-direction: column-reverse; font-size: 1.1rem; }
	.categories .category-item .icon{ margin-bottom: .75rem; }

	.about-section .about-section-text{ padding: 20px; }

	.partners-slider img{ height: 42px; }

	.modal-wrap .modal{ padding: 25px; }
	.modal-wrap .modal .modal-title{ font-size: 1.5rem; }
	.modal-wrap .modal .close-btn{ top: 10px; right: 10px; }

	.pagenav > *:not(:first-child){ margin-left: 8px; }
	.pagenav > *:not(:last-child){ margin-right: 8px; }
	.pagenav > a:first-child,
	.pagenav > a:last-child{ width: auto; margin: 0; }

	.tags{ gap: 10px; }

	.product-detail-preview{ display: none; }
	/*.product-detail-slider .item{ height: 0; padding-bottom: 100%; }*/

	.land-service__item{ font-size: 1rem; }
	.land-service__icon{ width: 40px; height: 40px; margin-right: 15px; }
	.land-service__icon svg{ max-width: 20px; max-height: 20px; }

	footer .footer-top{ padding-top: 20px; }
	footer .logo svg{ max-width: 158px; max-height: 38px; }
	footer .mobile-toggle-list{ margin-bottom: 15px; }
	footer .mobile-toggle-list .toggle-head{ display: flex; align-items: center; padding: 10px 4px; border-bottom: 1px solid var(--gray-border); }
	footer .mobile-toggle-list .toggle-head:after{ content: ''; display: block; width: 20px; height: 20px; margin-left: auto; background: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3019 5.01755C12.175 4.8907 12.0029 4.81944 11.8235 4.81944C11.6441 4.81944 11.472 4.8907 11.3452 5.01755L7.99592 8.36679L4.64667 5.01755C4.51906 4.8943 4.34814 4.8261 4.17074 4.82764C3.99333 4.82918 3.82363 4.90034 3.69818 5.02579C3.57273 5.15124 3.50157 5.32094 3.50003 5.49835C3.49848 5.67576 3.56668 5.84667 3.68994 5.97428L7.51755 9.8019C7.64443 9.92874 7.8165 10 7.99592 10C8.17533 10 8.3474 9.92874 8.47428 9.8019L12.3019 5.97428C12.4287 5.8474 12.5 5.67533 12.5 5.49592C12.5 5.3165 12.4287 5.14443 12.3019 5.01755Z' fill='%23727272'/%3E%3C/svg%3E%0A") center center no-repeat; }
	footer .mobile-toggle-list:not(.active) .toggle-body{ display: none; }
	footer .mobile-toggle-list.active .toggle-head:after{ transform: rotate(180deg); }
	footer .footer-bottom{ padding-top: 0; border-top: 0; }
}

@media (max-width: 480px) {
	.mobile-nav{ position: 8px 0; font-size: .85rem; }
	.mobile-nav .mobile-nav-item{ padding-left: 5px; padding-right: 5px; }

	.section{ padding-top: 1.5rem; padding-bottom: 1.5rem; }
	.title{ font-size: 1.25rem; }
	.title-wrap .title-hr{ margin-left: 10px; margin-right: 10px; }
	.subtitle{ font-size: 1.2rem; }

	.top-arrows-slider .owl-nav{ top: -4.1rem; padding-left: 10px; }
	.top-arrows-slider .owl-nav .owl-next{ margin-left: .75rem; }

	.main-slider.owl-carousel .owl-dots{ left: 10px; bottom: 10px; }
	.main-slider.owl-carousel .owl-dots .owl-dot{ width: 24px; }

	.product-item .product-item-photo-slider .photo-slide:after{ height: 1px; }
	.product-item .product-item-photo-slider .photo-slide:not(:last-child){ padding-right: 2px; }
	.product-item .product-item-photo-slider .photo-slide:not(:first-child){ padding-left: 2px; }

	.product-detail-slider{ padding: 0 20px; }
	.product-detail-slider .owl-nav > *{ width: 20px; }

	.video-name{ font-size: 1rem; }
}

@media (max-width: 450px) {
	.product-item .product-item-fastview span{ font-size: .75rem; }
}

@media (max-width: 400px) {
	header .user-menu .user-menu-item:not(:first-child){ padding-left: 6px; }
	header .user-menu .user-menu-item:not(:last-child){ padding-right: 6px; }

	h1, h2, h3, .title{ font-size: 1.2rem; }
	h4, .subtitle{ font-size: 1.1rem; }
	h4{ font-size: 1rem; }

	.product-item .product-item-name{ font-size: 1rem; }
	.product-item .product-item-fastview span{ display: none; }

	.categories .category-item{ font-size: 1rem; }

	.pagenav{ font-size: 1rem; }
	.pagenav > *{ width: 40px; height: 40px; }
}

@media (max-width: 360px) {
	header .logo svg{ max-width: 100px; max-height: 25px; }

	.modal-wrap .modal{ padding: 20px; }

	.pagenav > *:not(:first-child){ margin-left: 4px; }
	.pagenav > *:not(:last-child){ margin-right: 4px; }

	.title-wrap .title-hr{ background: none; }
}