@charset "UTF-8";

/* Google Fonts (Roboto, Tenor Sans) — локальные копии, 20.10.2026 */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-italic-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-italic-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-italic-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-italic-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-italic-math.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-italic-symbols.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-italic-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-normal-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-normal-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-normal-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-normal-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-normal-math.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-normal-symbols.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-normal-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/tenor-sans-normal-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/tenor-sans-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/tenor-sans-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-title: "Tenor Sans", sans-serif;
  --font-text: "Roboto", sans-serif;

  --back-brown:#F8F6EF;
  --back-brown-two:#D9D0C1;
	
	--main-brown:#6C5444;
	--main-white:white;
	
	--main-border-color:#D7D0C3;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body{
    margin: 0;
    padding: 0;
    background: var(--back-brown);
    color:var(--main-brown);
}
body.no-scroll{
    overflow: hidden;
}

main{
  overflow: hidden;
}
h1,h2,h3,h4,h5, .title, .st__title{
  font-family: var(--font-title);
}
a,p,span,div,li,button{
  font-family: var(--font-text);
}
h1, h2, h3, h4, h5, a, p, span, div, button, li{ 
	  color:var(--main-brown);
    font-weight: 300;
}
h1 {
	  margin: 0px;
	  padding: 0px;
	  font-size: 2em;
}
h2{
	margin: 0px;
	padding: 0px;
}
h3{
	  margin: 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-size: 1em;
}
a {
    background-color: transparent;
    text-decoration: none;
	font-style: normal;
	font-weight: 300;
    text-decoration: none;
    font-size: var(--normal-p-size);
}
p{
	font-style: normal;
	font-weight: 300;
	font-size: var(--normal-p-size);
    line-height: 1.2;
    margin: 0px;
}
span{
	font-style: normal;
	font-weight: 300;
	font-size: var(--normal-p-size);
    line-height: 1.2;
    margin: 0px;
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: none;

}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
  display:block;
	max-width:100%;
}
video{
  width:100%;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-size: 100%;
  line-height: 1.15;
	padding:0px;
}
button,
input {
  overflow: visible;
}
button{
	cursor:pointer;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
details {
  display: block;
}
summary {
  display: list-item;
}
ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.container{
	max-width:1440px;
	margin:0 auto;
	padding:0px 50px;
}

@media(max-width:768px){
  .container{
    padding:0px 20px;
  }
}

header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 111;
  transition: .3s;
}

header a:hover{
  transition: .3s;
  opacity: .5;
}
header .current a{
  transition: .3s;
  font-weight: 500;
}

.header__white a{
  color:var(--main-white);
}

.header__top{
	padding: 8px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	border-bottom:1px solid #B8AB9B;
}
.header__top a{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}
.header__white .header__top a svg path{
  fill: white;
}
.header__body{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	padding: 8px 0px;
}
@media(max-width:768px){
  .header__body{
    align-items:center;
  }
}
.header__nav--list{
	display:flex;
	gap:30px;
}
.header__contacts .btn.btn-brown{
  height: 45px;
  box-sizing: border-box;
  line-height: 1;
}

header .btn-social{
  height: 45px;
  width: 45px;
  box-sizing: border-box;
}
@media(max-width:768px){
  header .btn-social{
    height: 35px;
    width: 35px;
    padding: 5px;
  }
}
header .btn-social svg{
  height: 22px;
  width: auto;
}
header .btn-social.btn-border--white svg path{ 
  fill: var(--main-white);
}

.btn__list{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.btn{
	border-radius:6px;
	padding:14px 30px;
	border:1px solid var(--main-brown);
  display: inline-block;
}

.btn-social{
	padding:10px;
}

.btn-border{
	color:var(--main-brown);
	border:1px solid var(--main-brown);
	background:transparent;
}
.btn-border--white{
  color:var(--main-white);
	border:1px solid var(--main-white);
	background:transparent;
}

.btn-brown{
	color:var(--main-white);
	border:1px solid var(--main-brown);
	background:var(--main-brown);
  transition: .3s;
}
.btn-brown:hover{
  color:var(--main-brown);
	background:transparent;
  transition: .3s;
}


.mr-100{
  margin: 100px 0px;
}
.mr-50{
  margin: 50px 0px;
}

.banner{
  background: var(--back-brown-two);
}
.banner__main{
  height: 100vh;
	max-height:900px;
	overflow:hidden;
	position:relative;
}
.banner__page{
  min-height: 50vh;
  align-content: end;
  position: relative;
}
.banner__page .page__grid{
  padding-bottom: 50px;
}
.banner__grid{
  height: 100%;
  align-content: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
@media(max-width:768px){
  .banner__grid{
    grid-template-columns: 1fr;
  }
}
.banner__main h1{
  font-size: 51px;
  margin-bottom: 20px;
  font-weight: 300;
}
@media(max-width:768px){
  .banner__main h1{
    font-size: 31px;
  }
}
.banner__page h1{
  font-size: 61px;
  margin-bottom: 20px;
  font-weight: 300;
}
.banner__main--product h1{
  font-size: 51px;
  margin: 40px 0px 20px;
  font-weight: 300;
}
@media(max-width:768px){
	.banner__main--product h1{
	  font-size: 35px;
	}
}
.banner__page img{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .6;
}
.banner__page--image{
  background: var(--main-brown);
}
.banner__page--image *{
  color: var(--main-white);
}

.banner__page .container{
  position: relative;
}
.banner__page .breadcrumbs{
  justify-content: center;
}

.banner__main p.desc, .banner__main .desc p{
  font-size: 17px;
  line-height: 1.3;
  margin-bottom: 40px;
  max-width: 80%;
}
@media(max-width:768px){
  .banner__main p.desc, .banner__main .desc p{
    margin-bottom: 50px;
    max-width: 100%;
  }
}
.banner__page p{
  font-size: 17px;
}

.banner__grid--left{
  align-content: center;
  height: 100vh;
max-height:900px;
}
.banner__grid--right{
  align-content: end;
  height: 100vh;
max-height:900px;
}
@media(max-width:768px){
  .banner__grid--left{
    align-content: center;
    height: auto;
    order:2;
  }
  .banner__grid--right{
	  display:none;
    align-content: end;
    height: auto;
    order:1;
  }
}
.banner__grid--right .back{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.banner__grid--right .front{
  position: relative;
}


.products__list{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media(max-width:768px){
  .products__list{
    grid-template-columns: 1fr;
    gap: 20px;
  }
	.products .flex__title .btn{
		display:none;
	}
}
.product{
  border: 1px solid var(--main-border-color);
  border-radius: 15px;
  overflow: hidden;
}
.product_grid{
  display: grid;
  grid-template-columns: 2fr 4fr;
  height: 100%;
}
@media(max-width:768px){
  .product_grid{
    display: grid;
    grid-template-columns: 1fr;
  }
}

.product_grid--content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 30px;
  gap: 30px;
}
.product_grid--content .bottom{
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding-top: 20px;
  border-top: 1px solid var(--main-border-color);
}
@media(max-width:768px){
	.product_grid--content .bottom{
	  flex-wrap: wrap;
	}
	.product_grid--content .bottom span{
		order:1;
	  display: block;
		margin-bottom:20px;
	}
	.product_grid--content .bottom a{
		order:2;
	}
}
.product_grid--image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
	max-height:270px;
}

.product .title{
  font-size: 21px;
  margin-bottom: 20px;
}
.product .desc{
  font-size: 13px;;
}
.product .bottom span{
  font-size: 13px;;
}

.product .btn{
  font-size: 13px;
  font-weight: 600;
}

.center{
  margin: 30px 0px;
  text-align: center;
}

.reviews__list{
  overflow: visible;
}
.review{
  background: transparent;
  outline: 0;
  border: 1px solid var(--main-border-color);
  border-radius: 15px;
  padding: 50px 25px 30px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.review__content .title{
  margin-bottom: 5px;
}
.review__content .sub_title{
  margin-bottom: 20px;
  display: block;
  font-style: italic;
  font-size: 13px;
}
.review__content .text > *{
  font-size: 13px;
  padding-bottom: 10px;
}
.review .review__bottom p{
  font-size: 13px;
  font-weight: 400;
}

.review__bottom{
	display:flex;
	justify-content:space-between;
}

.page__grid{
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap:20px;
}
@media(max-width:768px){
  .page__grid{
    grid-template-columns: 1fr;
  }
}

.swiper-wrapper{
  height: auto!important;
}

.blog__list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin: 40px 0px;
}
@media(max-width:768px){
  .blog__list{
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.post__image img{
  width: 100%;
  height: auto;
  border-radius: 15px;
} 

.post__content .date{
  margin: 10px 0px 3px;
  font-style: italic;
  font-size: 13px;
  display: block;
}
.post__content .title{
  font-size: 21px;
  margin-bottom: 10px;
}
.post__content .description{
  font-size: 15px;
  margin-bottom: 20px;
}

.st__title{
  font-size: 51px;
  font-weight: 300;
  margin-bottom: 50px;
}
@media(max-width:768px){
  .st__title{
    font-size: 35px;
  }
}

.small__title{
  font-size: 21px;
  padding: 15px 0px 0px;
}

.faq__item{
  padding: 20px 0px;
  border-bottom: 1px solid var(--main-border-color);
}
.faq__item:last-child{
  border-bottom: 0px solid var(--main-border-color);
}
.faq__item--top{
    background: transparent;
    border: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
	gap:10px;
}
.faq__item--content{
  display: none;
  margin: 20px 0px 0px;
}

.faq__item .title{
  font-size: 21px;
}
.faq__item--top svg{
  width: 15px;
  height: auto;
  transition: .4s;
	min-width:15px;
}
.faq__item--top.active svg{
  transform: rotate(45deg);
  transition: .4s;
}

.faq .page__grid{
  border-bottom: 1px solid var(--main-border-color);
}

footer{
  padding: 40px 0px 20px;
  background: var(--back-brown-two);
}


.mobile{
  display: none;
}
@media(max-width:768px){
  .mobile{
    display: block;
  }
}

.footer__body{
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  gap: 30px;
}
@media(max-width:768px){
  .footer__body{
    grid-template-columns: 1fr;
  }
  .footer__nav:last-child{
    display: none;
  }
}

.breadcrumbs{
  display: flex;
  align-items: center;
  padding-top: 35px;;
}
@media(max-width:768px){
	.breadcrumbs{
		flex-wrap:wrap;
	}
}
.breadcrumbs *{
  font-family: var(--font-title);
  font-size: 13px;
  opacity: .8;
}
.breadcrumbs li a:after{
  content: '-';
  display: inline-block;
  padding: 0px 6px;
}
.blog-single img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 15px;
  margin: 20px 0px;
}
.blog-single p, .blog-single a, .blog-single li{
  font-size: 17px;
  line-height: 1.3;
}
.blog-single p{
  padding-bottom: 20px;
}
.blog-single ul{
  padding-bottom: 20px;
}
.blog-single .content{
  max-width: 650px;
  margin: 0 auto;
}
.banner .page__wrap{
  text-align: center;
  padding-bottom: 50px;
}
.blog-single .content h2, .blog-single .content h3, .blog-single .content h4{
  margin-bottom: 20px;
}

.footer__nav .title{
  font-size: 19px;
  margin-bottom: 20px;
}
.footer__nav--products{
  column-count: 2;
  gap: 20px;
}
.footer__nav li{
  margin: 10px 0px;
}

.footer__contacts{
  margin: 30px 0px 30px;
  display: grid;
  gap:6px;
}

footer .col__first .btn__list svg{
  height: 18px;
  width: auto;
}
footer .col__first .btn__list a{
  padding: 8px;
}

.footer__bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 60px 0px 0px;
  padding: 20px 0px 0px;
  border-top: 1px solid #B8AB9B;
}
.footer__bottom--nav{
  display: flex;
  gap: 20px;
}
.footer__bottom--nav a{
  text-decoration: underline;
}
@media(max-width:768px){
  .footer__bottom{
    flex-wrap: wrap;
    gap: 30px;
  }
  .footer__bottom--nav{
    flex-wrap: wrap;
    justify-content: center;
    order: 1;
  }
  .footer__bottom p{
    text-align: center;
    order: 2;
    width: 100%;
  }
}

footer a{
  transition: .3s;
}
footer a:hover{
  transition: .3s;
  opacity: .5;
}

.attributes__list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:30px;
}
@media(max-width:1024px){
	.attributes__list{
	  grid-template-columns: repeat(2, 1fr);
	}
}
@media(max-width:768px){
	.attributes__list{
	  grid-template-columns: 1fr;
	}
}
.attributes__list--item{
  border: 1px solid var(--main-border-color);
  border-radius: 15px;
  box-sizing: border-box;
}
.attributes__list--item .box{
  padding: 40px 25px;
  display: grid;
  gap:40px;
}

.attributes__list--item .number{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 45px;
  border-radius: 100px;
  border: 1px solid var(--main-brown);
}
.attributes__list--item .number{
  font-size: 31px;
}
.attributes__list--item .content p{
  font-size: 19px;
}

.about__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:60px;
}
@media(max-width:768px){
	.about__grid{
	  grid-template-columns: 1fr;
	  gap:30px;
	}
}

.about__grid--content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0px;
  box-sizing: border-box;
}

.about__grid--content .content *{
  font-size: 19px;
}
.about__grid--content .content p{
  margin: 20px 0px;
}
.about__grid--content .content ul{
  margin: 10px 0px 20px;
}
.about__grid--content .content ul li{
  display: flex;
  align-items: center;
  gap:6px;
}
.about__grid--content .content ul li::before{
  content:'';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 15px;
  background: var(--main-brown);
}
.about__grid--image .image__box{
	position:relative;
}
.about__grid--image img{
  max-height: 100%;
  width: 100%;;
  object-fit: cover;
  border-radius: 15px;
}

@media(max-width:768px){
	.about__grid--image{
		order:1;
	}
	.about__grid--content{
		order:2;
	}
}

.about__grid--image .open-vk-video{
	display: grid;
    gap: 10px;
    color: white;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	opacity:.7;
	transition:.3s;
}
.about__grid--image .open-vk-video:hover{
	opacity:1;
	transition:.3s;
}
.about__grid--image .open-vk-video svg{
	width: 70px;
    height: auto;
    margin: 0 auto;
}
.about__grid--image .open-vk-video span{
	color: white;
    font-size: 13px;
}

.price__list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:30px;
}
@media(max-width:1024px){
	.price__list{
	  grid-template-columns: repeat(2, 1fr);
	  gap:20px;
	}
}
@media(max-width:768px){
	.price__list{
	  grid-template-columns: 1fr;
	  gap:20px;
	}
}
.price__list--item{
  border: 1px solid var(--main-border-color);
  border-radius: 15px;
  box-sizing: border-box;
}
.price__list--item .box{
  padding: 30px 25px 20px;
}

.price__list--item .title{
  font-size: 19px;
  margin-bottom: 10px;
}
.price__list--item .desc{
  font-size: 13px;
}
.price__list--item .bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid var(--main-border-color);
}
.price__list--item .bottom *{
  font-size: 13px;
}
.price__list--item .bottom .btn{
  padding: 10px 20px;
}

.price__list--item .box{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  height: 100%;
  box-sizing: border-box;
}

.flex__title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.flex__title h2{
  margin-bottom: 0px;;
}

.burger{
  
}
.desctop{

}
@media(max-width:768px){
  .burger{
    display: grid;
    gap: 8px;
    background: transparent;
    outline: 0;
    border: 0;
  }
  .burger span{
    width: 25px;
    height: 1px;
    background: var(--main-brown);
    display: block;
  }
	.header__white .burger span{
		background: var(--main-white);
	}

  .header__contacts{
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .desctop{
    display: none;
  }
}
.modal{
  transition: .5s;
} 
.modal.active{
  transition: .5s;
} 

.modal__mobile-nav{
  position: fixed;
  top: 0;
  left: 100%;
  height: 100vh;
  width: 100%;
  z-index: 11;
  padding: 100px 0px 20px;
  background: var(--back-brown);
}
.modal__mobile-nav.active{
  left: 0;
}

.modal__contacts{
  margin: 40px 0px 20px;
  display: grid;
  gap: 10px;
}
.modal_nav--list{
  display: grid;
  gap:10px;
  padding: 40px 0px;
  border-top: 1px solid var(--main-border-color);
  border-bottom: 1px solid var(--main-border-color);
}
.modal_nav--list a{
  font-size: 25px;
}

.full-back img, .full-back video{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: .3;
}
.banner__full-back{
  position: relative;
  background: black;
}
.banner__full-back .container{
  position: relative;
  z-index: 1;
}
.banner__full-back h1, .banner__full-back p, .banner__full-back .breadcrumbs *{
  color: var(--main-white);
}

.contacts__list{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.contacts__list--item{
  border: 1px solid var(--main-border-color);
  border-radius: 15px;
  padding: 40px;
	position:relative;
	overflow:hidden;
}
@media(max-width:768px){
	.contacts__list{
		gap:20px;
	  grid-template-columns: 1fr;
	}
	.contacts__list--item{
	  padding: 20px;
		min-height:300px;
	}
}
.contacts__list--item iframe{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	filter: grayscale(1);
}
.contacts__list .content{
  /* display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px; */
}
.contacts__list .content a span{
  text-decoration: underline;
}

.contacts__list h3{
  font-size: 31px;
  margin-bottom: 30px;
}
@media(max-width:768px){
	.contacts__list h3{
	  font-size: 27px;
	}
}
.contacts__list h4{
  font-size: 21px;
  margin: 50px 0px 20px;
}

.content a{
  display: block;
  font-size: 19px;
  margin-bottom: 10px;
}
.contacts .btn__list a{
  transition: .3s;
}
.contacts .btn__list a:hover{
  background: var(--main-brown);
  transition: .3s;
}
.contacts .btn__list a:hover svg path{
  fill: var(--main-white);
}

.review__video{
	position:relative;
	height:350px;
	overflow:hidden;
	border-radius:15px;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:.3s;
	border:1px solid transparent;
	background:var(--main-brown);
}
.review__video:hover{
	transition:.3s;
	border:1px solid var(--main-brown);
}

.review__video img{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	object-fit:cover;
	opacity:.6;
	transition:.3s;
}
.review__video:hover img{
	transition:.3s;
	opacity:.8;
}

.review__video a{
	border-radius:100px;
}
.review__video a svg{
	width:50px;
	height:50px;
	opacity:.7;
	transition:.3s;
	position:relative;
	border-radius:100px;
}
.review__video:hover a svg{
	opacity:1;
	transition:.3s;
}

.banner__grid--right-btn{
	display:flex;
	align-items:center;
	justify-content:center;
}
@media(max-width:768px){
	.banner__grid--right-btn a{
		position:absolute;
		bottom:20px;
		right:0;
	}
}
.banner__grid--right-btn svg{
	width:120px;
	height:auto;
	border-radius:100px;
	opacity:.3;
	transition:.3s;
}
.banner__grid--right-btn a:hover svg{
	transition:.3s;
	opacity:1;
}
	
.banner__mobile{
	background:black;
}
.banner__mobile	.banner__grid--left{
	padding-bottom:50px;	
}
.banner__mobile img{
	opacity:.4;	
}
.banner__mobile	.banner__grid{
	align-content: flex-end;
}
	.banner__mobile.banner__main p.desc{
		font-size:13px;
	}
	.banner__mobile.banner__main--product h1 {
        font-size: 27px;
    }
@media(max-width:768px){
	.banner__mobile.banner__main--product h1 {
            margin: 10px 0px 20px;
    }
}
	.banner__mobile .breadcrumbs{
		width:100%;
		overflow:scroll;
	}
	
	.video-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* Соотношение 16:9 */
      height: 0;
      overflow: hidden;
    }

    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
	
	.video__list{
		display: grid;
    	grid-template-columns: repeat(3, 1fr);
    	gap: 30px;
	}
	.video__list--item{
		border-radius:15px;
		overflow:hidden;
	}
	@media(max-width:768px){
		.video__list{
			grid-template-columns: 1fr;
			gap: 20px;
		}
	}
.faq__item--content b{
	font-weight: 600;
}
.full-back-part{
	position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.banner__btn--video{
	position: absolute;
    right: 10%;
    bottom: 10%;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: .4;
	z-index:11;
	transition:.3s;
}
.banner__btn--video:hover{
	transition:.3s;
	opacity:1;
}
.banner__btn--video span{
	color:white;
}
.banner__btn--video svg{
	width:50px;
	height:auto;
}

@media(max-width:768px){
	.banner__btn--video{
		position: absolute;
		right: 20px;
		bottom: 60px;
		gap: 5px;
	}
	.banner__btn--video span{
		font-size:11px;
	}
	.banner__btn--video svg{
		width:30px;
	}
	
	.banner .btn{
		margin-bottom:10px;
		margin-right:20px;
		font-size:13px;
	}
}

.contacts__dop--list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px 50px;
}
@media(max-width:768px){
	.contacts__dop--list{
		grid-template-columns: 1fr;
	}
}
.contacts__dop--item{
	display:flex;
	justify-content:space-between;
	padding-bottom:20px;
	border-bottom:1px solid var(--main-border-color);
	transition:.3s;
}
.contacts__dop--item:hover{
	transition:.3s;
	opacity:.5;
}
.contacts__dop--item span{
	font-family: var(--font-title);
}
.contacts__dop--item svg{
	fill:var(--main-brown);
}
.gallary__list--item{
	max-height:450px;
	height:450px;
	border-radius:15px;
	overflow:hidden;
}
.gallary__list--item img{
	height:100%;
	width:100%;
	object-fit:cover;
}
.gallary__list{
	overflow:visible;
	position:relative;
}

.gallary__list--btn{
	position:absolute;
	top:50%;
	height:50px;
	width:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:100px;
	background:var(--back-brown);
	z-index:5;
	cursor:pointer;
	opacity:.7;
	transition:.3s;
}
.gallary__list--btn svg{
	fill:var(--main-brown);;
}
.gallary__list--btn:hover{
	opacity:1;
	transition:.3s;
}
.gallary__list--next{
	right:20px;
}
.gallary__list--prev{
	left:20px;
}

.about__dop--text{
	max-width: 80%;
    font-size: 19px;
}
@media(max-width:768px){
	.about__dop--text{
		max-width: 100%;
		font-size: 17px;
	}
}
.about__dop--text p, .about__dop--text ul{
	margin-bottom: 15px;
} 
.about__dop--text h2, .about__dop--text h3, .about__dop--text h4{
	margin: 40px 0px 20px;
} 

.about__dop--gallary{
	display:grid;
	grid-template-columns:1fr 1fr;
	max-width:80%;
	gap:20px;
	margin-top:50px;
}
.about__dop--gallary img{
	width:100%;
	height:450px;
	object-fit:cover;
}
@media(max-width:768px){
	.about__dop--gallary{
		grid-template-columns: 1fr;
		max-width:100%;
		margin-top:30px;
	}
	.about__dop--gallary img{
		width:100%;
		height:auto;
		object-fit:cover;
	}
}
.banner__page.banner__page--about h1{
	text-align:left;
}
.banner__page.banner__page--about .breadcrumbs{
	justify-content: flex-start;
}

.banner__main--list{
	display:flex;
	gap:80px;
	margin:40px 0px 50px;
}
@media(max-width:1024px){
	.banner__main--list{
		display:none;
	}
}
@media(max-width:1024px){
	.banner__main--list{
		display:flex;
		flex-wrap:wrap;
		gap:30px;
		margin:20px 0px;
	}
}
.banner__main--list p{
	font-weight: 500;
}