/*------------------------------------------------------------*
**Главная
**------------------------------------------------------------*/

/* CSS Document */

html {
scroll-behavior: smooth;
}

body {
margin:0px;
padding:0px;
background:#FAF9F7;
font-family: 'Mont';
color:#1F1F21;
font-size: 16px;
line-height:normal;
}

a {
color:#1F1F21;
transition: .5s;
}

a:hover {
color: #1F1F21;
text-decoration:none;
}

.btn, .feedback, button, .order  {
transition: .5s;
cursor:pointer;
border:0px;
}

* {
box-sizing: border-box;
}

input, button, textarea, select {
font-size:16px;
outline:none;
font-family: 'Mont';
}

img {
max-width:100%;
}

p {
margin:0 0 20px 0;
}

p:last-child {
margin:0px !important;
}

.container {
width:100%;
max-width:1360px;
margin:0 auto;
padding:0 20px;
}

.header {
padding:20px 0;
position:relative;
}

.header .container {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
}

.header .logo a {
display:block;
text-decoration:none;
width:99px;
height:44px;
background:url(../images/logo.svg) no-repeat;
}

.header .menu ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
gap:20px;
}

.header .menu a {
text-decoration:none;
font-size: 18px;
font-style: normal;
line-height: normal;
}

.header .menu a:hover {
color:#FAD380;
}

.btn-all-black {
text-decoration:none;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:15px 40px;
border-radius: 15px;
background:#1F1F21;
color:#F0F0F0 !important;
font-size: 20px;
font-style: normal;
line-height: normal;
transition: .5s;
}

.btn-all-white {
text-decoration:none;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:15px 40px;
border-radius: 15px;
background:#F0F0F0;
color:#1F1F21;
font-size: 20px;
font-style: normal;
line-height: normal;
transition: .5s;
}

.btn-all-orange {
text-decoration:none;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:15px 40px;
border-radius: 15px;
background:#FAD380;
color:#1F1F21;
font-size: 20px;
font-style: normal;
line-height: normal;
transition: .5s;
}

.header .btn-all-black {
font-size:16px;
}

.section-1 {
background:url(../images/section1-bg.jpg) no-repeat center center;
background-size:cover;
padding:298px 0 113px 0;
position:relative;
}

.section-1:after {
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:url(../images/section1-bg-2.png) no-repeat center center;
background-size:cover;
animation:section-1-background-cycle 6s ease-in-out infinite;
}

.section-1 > .container {
position:relative;
z-index:1;
}

@keyframes section-1-background-cycle {
0%, 33.333% {
opacity:0;
}
50%, 83.333% {
opacity:1;
}
100% {
opacity:0;
}
}

@media (prefers-reduced-motion: reduce) {
.section-1:after {
animation:none;
opacity:0;
}
}

.section-1 .container {
display:flex;
gap:184px;
}

.section-1 .col-left {
flex:1;
padding:21px 0 0 0;
display:flex;
flex-direction:column;
gap:20px;
}

.section-1 .col-right {
width:100%;
max-width:477px;
padding:0 0 56px 0;
}

.section-1 .col-right .btn-all-white {
width:100%;
}

.section-1 .desc {
flex:1;
color: #F0F0F0;
font-size: 20px;
font-style: normal;
line-height: normal;
width:100%;
max-width:430px;
}

.section-1 h1 {
color: #F0F0F0;
font-size: 36px;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-transform: uppercase;
margin:0px 0 195px 0;
}

.section-1 h1 span {
color:#FAD380;
}

.section-1 .flex {
display:flex;
gap:11px;
}

.section-1 .item {
flex:1;
padding:0 0 0 45px;
background:url(../images/section1-info.svg) no-repeat 0 5px;
color:#F0F0F0;
font-size: 16px;
font-style: normal;
line-height: normal;
}

.section-1 .item span {
display:block;
color: #F0F0F0;
leading-trim: both;
text-edge: cap;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 100%;
text-transform: uppercase;
}

.section {
padding:100px 0;
}

.title-section {
color:#1F1F21;
font-size: 40px;
font-style: normal;
line-height:normal;
text-transform: uppercase;
margin:0 0 45px 0;
}

.section-2 .flex {
display:flex;
align-items:flex-start;
gap:20px;
}

.section-2 .col-left {
width:100%;
max-width:650px;
border-radius: 15px;
overflow:hidden;
background:#FAD380;
}

.section-2 .col-right {
flex:1;
}

.section-2 .images {
font-size:0px;
line-height:0px;
overflow:hidden;
position:relative;
}

.section-2 .images:after {
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:#FAD380;
transform:scaleY(0);
transform-origin:center bottom;
transition:transform 500ms cubic-bezier(0.32, 0.72, 0, 1);
}

.section-2 .col-left.catalog-link-active .images:after,
.section-2 .col-left:has(.link:hover) .images:after,
.section-2 .col-left:has(.link:focus-visible) .images:after {
transform:scaleY(1);
}

.section-2 .link {
display:flex;
align-items:center;
justify-content:center;
gap:10px;
text-decoration:none;
background: #FAD380;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding:35px;
position:relative;
z-index:2;
transition:transform 500ms cubic-bezier(0.32, 0.72, 0, 1), opacity 150ms ease-out;
}

.section-2 .col-left.catalog-link-active .link {
transform:translateY(var(--catalog-link-shift));
}

@media (prefers-reduced-motion: reduce) {
.section-2 .images:after,
.section-2 .link {
transition:none;
}
}

.section-2 .item {
display:flex;
gap:20px;
padding:20px;
border-bottom: 1px solid #C2C2C2;
}

.section-2 .name {
flex:1;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-2 .desc {
width:100%;
max-width:417px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-3 {
overflow:hidden;
}

.section-3 .desc {
width:100%;
max-width:495px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:-15px 0 25px 0;
}

.section-3 .btn-all-black {
width:100%;
max-width:495px;
margin:0 0 45px 0;
}

.section-3 .slider {
width:100vw;
margin:0 0 35px 0;
}

.section-3 .slick-slide {
margin:0 20px 0 0;
}

.section-3 .images {
display:block;
text-decoration:none;
font-size:0px;
line-height:0px;
overflow:hidden;
margin:0 0 20px 0;
}

.section-3 .name {
color: #000;
padding:0 0 10px 0;
border-bottom: 1px solid #000;
}

.navigator {
display:flex;
gap:20px;
}

.navigator button {
cursor:pointer;
width:57px;
height:58px;
background:url(../images/slider-arrow.svg) no-repeat !important;
border:0px;
font-size:0px;
line-height:0px;
}

.navigator button:hover {
background:url(../images/slider-arrow-hover.svg) no-repeat !important;
}

.navigator .slick-prev {
transform: rotate(180deg) scaleY(-1);
}

.section-4 {
background: #FDFAF4;
}

.section-4 .block {
padding:122px 0 89px 0;
position:relative;
}

.section-4 .images {
font-size:0px;
line-height:0px;
text-align:center;
}

.section-4 .title-section {
margin:0px;
position:absolute;
top:0px;
left:0px;
z-index:3;
}

.section-4 .item {
position:absolute;
z-index:3;
font-weight:300;
}

.section-4 .item:nth-child(3) {
top:0px;
right:353px;
}

.section-4 .item:nth-child(4) {
top:0px;
right:0px;
}

.section-4 .item:nth-child(5) {
bottom:357px;
left:0px;
}

.section-4 .item:nth-child(6) {
bottom:177px;
left:0px;
}

.section-4 .item:nth-child(7) {
bottom:377px;
right:0px;
}

.section-4 .item:nth-child(8) {
bottom:177px;
right:-10px;
}

.section-4 .bullet {
display:flex;
flex-wrap:wrap;
gap:3px;
margin:0 0 30px 0;
max-width:19px;
}

.section-4 .item:nth-child(7) .bullet, .section-4 .item:nth-child(8) .bullet {
max-width:30px;
}

.section-4 .bullet span {
border-radius:8px;
background:#FAD380;
width:8px;
height:8px;
}

.section-4 .name {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 5px 0;
}

.section-4 .btn-all-orange {
position:absolute;
bottom:0px;
left:50%;
z-index:3;
width:100%;
max-width:437px;
margin:0 0 0 -218px;
}

.section-4.section-4-reveal .title-section,
.section-4.section-4-reveal .item {
opacity:0;
transform:translateY(10px);
}

.section-4.section-4-reveal.section-4-visible .title-section,
.section-4.section-4-reveal.section-4-visible .item {
opacity:1;
transform:translateY(0);
transition:opacity 400ms ease-out, transform 400ms ease-out;
}

.section-4.section-4-visible .item:nth-child(3) {
transition-delay:0.6s;
}

.section-4.section-4-visible .item:nth-child(4) {
transition-delay:1.2s;
}

.section-4.section-4-visible .item:nth-child(5) {
transition-delay:1.8s;
}

.section-4.section-4-visible .item:nth-child(6) {
transition-delay:2.4s;
}

.section-4.section-4-visible .item:nth-child(7) {
transition-delay:3s;
}

.section-4.section-4-visible .item:nth-child(8) {
transition-delay:3.6s;
}

@media (prefers-reduced-motion: reduce) {
.section-4.section-4-reveal .title-section,
.section-4.section-4-reveal .item {
opacity:1;
transform:none;
transition:none;
}
}

.section-5 .container {
position:relative;
}

.section-5 .title-section {
margin:0 0 55px 0;
}

.section-5 .info {
position:absolute;
top:0px;
right:0px;
font-weight:300;
display:flex;
align-items:center;
gap:10px;
}

.section-5 .info:before {
content:"";
width: 10px;
height: 10px;
background:#FAD380;
border-radius:555px;
}

.section-5 .flex {
display:flex;
flex-wrap:wrap;
margin:0 0 0 1px;
}

.section-5 .item {
width:100%;
max-width:293px;
padding:40px 20px;
font-weight:300;
display:flex;
gap:15px;
margin:0 0 0 -1px;
}

.section-5 .item:nth-child(1), .section-5 .item:nth-child(2), .section-5 .item:nth-child(7), .section-5 .item:nth-child(8) {
border: 1px solid #C2C2C2;
}

.section-5 .icon {
font-size:0px;
line-height:0px;
}

.section-6 {
background:#1F1F21;
}

.section-6 .title-section {
color:#FAD380;
}

.section-6 .flex {
display:flex;
gap:21px;
}

.section-6 .images {
font-size:0px;
line-height:0px;
}

.section-6 .col-right {
flex:1;
}

.section-6 .desc {
color:#F0F0F0;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
margin:0 0 55px 0;
}

.section-6 .items {
display:flex;
}

.section-6 .item {
flex:1;
padding:20px 15px;
border: 1px solid #302F2E;
min-height:293px;
color:#F0F0F0;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
display: flex;
justify-content: center;
flex-direction: column;
}

.section-6 .item b {
font-weight:600;
display: contents;
}

.section-7 .info {
width:100%;
max-width:495px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:-15px 0 25px 0;
}

.section-7 .btn-all-black {
width:100%;
max-width:495px;
margin:0 0 58px 0;
}

.section-7 .flex {
display:flex;
flex-wrap:wrap;
}

.section-7 .item {
width:33.333%;
padding:40px 15px;
min-height:249px;
font-weight:300;
border: 1px solid #C2C2C2;
}

.section-7.section-7-reveal .item {
opacity:0;
transform:translateY(10px);
}

.section-7.section-7-reveal.section-7-visible .item {
opacity:1;
transform:translateY(0);
transition:opacity 400ms ease-out, transform 400ms ease-out;
}

.section-7.section-7-visible .item:nth-child(2) {
transition-delay:0.5s;
}

.section-7.section-7-visible .item:nth-child(3) {
transition-delay:1s;
}

.section-7.section-7-visible .item:nth-child(4) {
transition-delay:1.5s;
}

.section-7.section-7-visible .item:nth-child(5) {
transition-delay:2s;
}

.section-7.section-7-visible .item:nth-child(6) {
transition-delay:2.5s;
}

@media (prefers-reduced-motion: reduce) {
.section-7.section-7-reveal .item {
opacity:1;
transform:none;
transition:none;
}
}

.section-7 .bullet {
display:flex;
flex-wrap:wrap;
gap:3px;
margin:0 0 30px 0;
max-width:30px;
}

.section-7 .bullet span {
border-radius:8px;
background:#1F1F21;
width:8px;
height:8px;
}

.section-7 .name {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 20px 0;
}

.section-8 .title-section {
margin:0 0 15px 0;
}

.section-8 .item {
padding:30px 0;
border-bottom:1px rgba(31, 31, 33, 0.50) solid;
}

.section-8 .question {
cursor:pointer;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding:0 40px 0 0;
position:relative;
transition: .5s;
}

.section-8 .question:hover {
color: #FAD380;
}

.section-8 .answer {
padding:20px 0 0 0;
display:none;
}

.section-8 .question:before {
content:"";
display:block;
position:absolute;
top:50%;
right:20px;
width:17px;
height:9px;
background:url(../images/section8-arrow.svg) no-repeat;
margin:-4px 0 0 0;
transition: .5s;
}

.section-8 .question.active:before {
transform: rotate(180deg);
}

.section-9 {
background:url(../images/section9-bg.jpg) no-repeat center center;
background-size:cover;
padding:100px 0 106px 0;
}

.section-9 .block {
background:#F0F0F0;
width:100%;
max-width:931px;
margin:0 auto;
padding:50px;
}

.section-9 .title {
color:#1F1F21;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 15px 0;
}

.section-9 .desc {
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin:0 0 30px 0;
}

.section-9 input {
width:100%;
height:74px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
background:none;
border:0px;
border-bottom: 1px solid #C2C2C2;
margin:0 0 30px 0;
}

.section-9 .name {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 20px 0;
}

.section-9 .radios {
display:flex;
flex-wrap:wrap;
gap:30px;
margin:0 0 30px 0;
}

.section-9 .radios input {
display:none;
}

.section-9 .radios span {
display:flex;
align-items:center;
gap:10px;
cursor:pointer;
color: rgba(38, 36, 36, 0.50);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
position:relative;
}

.section-9 .radios span:before {
content:"";
width: 18px;
height: 18px;
border:1px #1F1F21 solid;
border-radius:555px;
}

.section-9 .radios input:checked + span:before {
border: 0.72px solid #FAD380;
}

.section-9 .radios input:checked + span:after {
content:"";
width: 7.92px;
height: 7.92px;
background:#FAD380;
border-radius:555px;
position:absolute;
top:7px;
left:6px;
z-index:3;
}

.section-9 button {
width:100%;
height:56px;
border-radius: 10px;
background:#1F1F21;
color:#F0F0F0;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 15px 0;
}

.section-9 .warning {
color: rgba(38, 36, 36, 0.30);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 30px 0;
}

.section-9 .warning a {
color: rgba(38, 36, 36, 0.50);
}

.section-9 .bottom {
display:flex;
align-items:center;
gap:20px;
}

.section-9 .col-left {
flex:1;
display:flex;
gap:50px;
}

.section-9 .item span {
display:block;
margin:0 0 10px 0;
color: rgba(38, 36, 36, 0.50);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-9 .item a {
text-decoration:none;
color:#303030;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
}

.social {
display:flex;
align-items:center;
gap:10px;
}

.social a {
text-decoration:none;
width:30px;
height:30px;
}

.tl {
background:url(../images/tl.svg) no-repeat;
}

.wh {
background:url(../images/wh.svg) no-repeat;
}

.footer {
background:#1F1F21;
padding:50px 0;
}

.footer .head {
display:flex;
justify-content: space-between;
gap:30px;
margin:0 0 31px 0;
}

.footer .logo {
display:block;
text-decoration:none;
width:311px;
height:104px;
background:url(../images/footer-logo.svg) no-repeat;
background-size:contain;
}

.footer .menu ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
align-items:center;
flex-direction:column;
gap:20px;
}

.footer .menu a {
text-decoration:none;
color: rgba(240, 240, 240, 0.50);
font-size: 18px;
font-style: normal;
line-height: normal;
}

.footer .menu a:hover {
color:#F0F0F0;
}

.footer .phone {
display:table;
text-decoration:none;
margin:0 0 36px 0;
padding:15px 40px;
border-radius: 15px;
background:#F0F0F0;
color:#303030;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.footer .mail {
display:table;
text-decoration:none;
margin:0 0 36px 0;
color:#F0F0F0;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.footer .bottom {
display:flex;
gap:20px;
color: rgba(243, 243, 243, 0.50);
font-size: 20px;
font-style: normal;
line-height: normal;
}

.footer .bottom a {
text-decoration:none;
color: rgba(243, 243, 243, 0.50);
}

.footer .bottom a:hover {
text-decoration:underline;
}

.footer .links {
flex:1;
display:flex;
gap:30px;
}

.section-10 {
margin:0 0 65px 0;
font-size:0px;
line-height:0px;
}

.speedbar {
margin:0 0 5px 0;
color: rgba(31, 31, 33, 0.50);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.speedbar.page {
margin:70px 0;
}

.speedbar a {
text-decoration:none;
color:#1F1F21;
}

.speedbar a:hover {
text-decoration:underline;
}

.section-11 .container {
display:flex;
flex-wrap:wrap;
gap:20px;
}

.section-11 .item {
width:calc(33.333% - 14px);
border: 1px solid #C2C2C2;
padding:0px 10px 10px 10px;
font-weight:300;
}

.section-11 .images {
display:block;
text-decoration:none;
margin:0 -10px 10px -10px;
font-size:0px;
line-height:0px;
overflow:hidden;
height:427px;
}

.section-11 .images img {
width:100%;
height:100% !important;
object-fit:cover;
}

.section-11 .name {
color:#1F1F21;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 10px 0;
text-decoration:none;
display:table;
}

.section-12 {
font-weight:300;
}

.section-12 h1 {
color:#1F1F21;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1px;
text-transform: uppercase;
margin:0 0 10px 0;
}

.section-12 h2 {
color:#1F1F21;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:30px 0;
}

.section-12 h3 {
font-size: 16px;
font-weight: 700;
margin:20px 0;
}

.section-13 {
padding:0 0 140px 0;
}

.section-13 .container {
display:flex;
gap:20px;
}

.section-13 .col-left {
width:650px;
display:flex;
gap:20px;
font-size:0px;
line-height:0px;
}

.section-13 .col-right {
flex:1;
}

.section-13 .small {
width:92px;
}

.section-13 .big {
width:538px;
height:475px;
border: 1px solid var(--, #C2C2C2);
position:relative;
}

.section-13 .slick-arrow {
cursor:pointer;
width:32px;
height:32px;
background:url(../images/slider-arrow.svg) no-repeat;
background-size:contain !important;
border:0px;
font-size:0px;
line-height:0px;
position:absolute;
top:50%;
margin:-16px 0 0 0;
z-index:3;
}

.section-13 .slick-arrow:hover {
background:url(../images/slider-arrow-hover.svg) no-repeat;
}

.section-13 .slick-prev {
left:15px;
transform: rotate(180deg) scaleY(-1);
}

.section-13 .slick-next {
right:15px;
}

.section-13 .big .slick-list, .section-13 .big .slick-track, .section-13 .big .slick-slide, .section-13 .big .slick-slide > div {
height:100%;
}

.section-13 .big .slide {
display:block;
text-decoration:none;
height:100%;
}

.section-13 .col-left img {
width:100%;
height:100% !important;
object-fit:cover;
}

.section-13 .small .slick-slide {
margin:0 0 15px 0;
}

.section-13 h1 {
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
margin:0 0 30px 0;
}

.section-13 .desc {
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin:0 0 47px 0;
}

.section-13 .name {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 20px 0;
}

.section-13 .fields {
display:flex;
flex-direction:column;
gap:10px;
margin:0 0 60px 0;
font-weight:300;
}

.section-13 .price {
margin:0 0 11px 0;
color: rgba(38, 36, 36, 0.50);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-13 .price span {
display:block;
margin:5px 0 0 0;
color:#1F1F21;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.section-13 .bottom {
display:flex;
align-items:center;
gap:58px;
}

.section-13 .btn-all-black {
font-size:16px;
padding:10px 25px;
flex:1;
}

.section-13 .info {
color: rgba(38, 36, 36, 0.50);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-14 {
padding:0 0 70px 0;
}

.section-14 .title {
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
margin:0 0 55px 650px;
}

.section-14 .item {
display:flex;
align-items:center;
gap:20px;
border-bottom: 1px solid #C2C2C2;
padding:15px 10px 35px 10px;
}

.section-14 .item:nth-child(2) {
border-top: 1px solid #C2C2C2;
}

.section-14 .bullet {
width: 8px;
height: 8px;
border-radius: 8px;
background:#1F1F21;
margin:0 380px 0 0;
}

.section-14 .name {
flex:1;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}

.section-14 .desc {
font-weight:300;
width:100%;
max-width:376px;
}

.mobile-menu {
display:none;
}

.mobile {
display:none !important;
}

.btn-all-black:hover, .section-9 button:hover, .footer .phone:hover {
background: #FAD380;
color: #1F1F21 !important;
}

.btn-all-white:hover, .section-2 .link:hover, .navigator button:hover {
opacity:.9;
}

.btn-all-orange:hover {
background: #F0F0F0;
}














@media screen and (max-width:1400px) {

.header .menu a {
font-size:16px;
}

.section-1 .container {
gap:30px;
}

.section-2 .col-left {
max-width:400px;
}

.section-2 .link {
font-size:18px;
}

.section-2 .desc {
max-width:70%;
}

.section-4 .images {
max-width:70%;
margin:0 auto;
}

.section-4 .bullet {
margin:0 0 10px 0;
}

.section-13 .col-left {
width:500px;
}

.section-13 .big {
width:388px;
}










}





@media screen and (max-width:1300px) {

.section-4 .title-section {
position:relative;
margin:0 0 30px 0;
}

.section-4 .item {
position:relative;
top:auto !important;
bottom:auto !important;
left:auto !important;
right:auto !important;
margin:0 0 20px 0;
}

.section-4 .images {
display:none;
}

.section-4 br {
display:none;
}

.section-4 .block {
padding:0px;
}

.section-4 .btn-all-orange {
max-width:none;
margin:0px;
position:relative;
left:auto;
}

.section-6 .flex {
flex-direction:column;
gap:30px;
}

.section-6 .images {
text-align:center;
}

.section-6 .desc {
margin:0 0 20px 0;
}

.section-14 .title {
margin:0 0 30px 0;
}










}






@media screen and (max-width:1200px) {

.header .menu ul {
gap:15px;
}

.header .menu a {
font-size:14px;
}

.btn-all-black {
padding:15px;
}

.section-3 .slick-slide {
max-width:400px;
}

.section-14 .bullet {
margin:0px;
}



}






@media screen and (max-width:1000px) {

.header .menu {
display:none;
}

.mobile-menu {
display:block;
cursor:pointer;
width:48px;
height:48px;
background:url(../images/mobile-menu.svg) no-repeat;
}

.header .menu {
flex:none;
position:absolute;
top:100%;
right:0px;
z-index:9;
background:#fff;
padding:20px;
}

.header .menu ul {
flex-direction: column;
}

.section-1 {
padding:70px 0;
}

.section-1 .container {
flex-direction:column-reverse;
}

.section-1 .col-right {
margin:0px;
padding:0px;
max-width:none;
}

.section-1 h1 {
margin:0 0 30px 0;
}

.section-1 .desc {
max-width:none;
}

.section-2 .flex {
flex-direction:column;
}

.section-2 .images img {
width:100%;
}

.section-2 .col-left {
max-width:none;
}

.section-5 .title-section {
margin:0 0 30px 0;
}

.section-5 .info {
position:relative;
margin:0 0 40px 0;
}

.section-5 .flex {
margin:0px;
}

.section-5 .item {
margin:0px 0 10px 0;
padding:20px;
max-width:none;
display:none;
flex-direction:column;
}

.section-5 .item:nth-child(1), .section-5 .item:nth-child(2), .section-5 .item:nth-child(7), .section-5 .item:nth-child(8) {
display:flex;
}

.footer .logo {
width:200px;
height:67px;
}

.section-13 .container {
flex-direction:column;
}

.section-13 .col-left {
width:100%;
}

.section-13 .big {
width:calc(100% - 112px);
}

.section-11 .item {
width:calc(50% - 10px);
}

.section-11 .images {
height:300px;
}











}






@media screen and (max-width:768px) {

.header .container {
gap:10px;
}

.header .logo {
flex:1;
}

.header .btn-all-black {
font-size:0px;
line-height:0px;
width:48px;
height:48px;
background:#1F1F21 url(../images/phone.svg) no-repeat center center;
}

.section-1 .col-left {
padding:0px;
}

.section-1 h1 {
font-size:26px;
}

.btn-all-white, .btn-all-black, .btn-all-orange {
font-size:16px;
padding:10px 20px;
width:100%;
}

.section-1 .desc {
font-size:16px;
}

p {
margin:0 0 10px 0;
}

.section-1 .flex {
flex-direction:column;
}

.section-1 br {
display:none;
}

.section-1:before {
content:"";
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:3;
background:rgba(0,0,0,.5);
}

.section-1 .container {
position:relative;
z-index:7;
}

.section {
padding:50px 0;
}

.title-section {
font-size:26px;
margin:0 0 30px 0;
}

.section-2 .link {
padding:20px;
font-size:16px;
}

.section-2 .item {
flex-direction:column;
gap:10px;
}

.section-2 .item br {
display:none;
}

.section-2 .desc {
max-width:none;
}

.section-3 .slider {
width:auto;
margin:0 -20px 20px 0;
}

.section-6 .items {
flex-direction:column;
}

.section-6 .desc {
font-size:16px;
}

.section-6 .item {
min-height:inherit;
}

.section-7 .item {
width:100%;
padding:20px;
min-height:inherit;
}

.section-8 .item {
padding:20px 0;
}

.section-8 .question {
font-size:16px;
}

.section-8 .answer {
font-size:14px;
}

.section-8 .question:before {
right:10px;
}

.section-9 .block {
padding:30px 20px;
}

.section-9 br {
display:none;
}

.section-9 input {
height:50px;
margin:0 0 20px 0;
}

.section-9 .radios {
gap:20px;
margin:0 0 20px 0;
}

.section-9 button {
height:50px;
font-size:16px;
}

.section-9 .bottom {
align-items:flex-start;
flex-direction:column;
}

.section-9 .col-left {
flex-direction:column;
gap:20px;
}

.footer .head {
align-items:center;
flex-direction:column;
gap:30px;
}

.footer .col-right {
display: flex;
align-items: center;
flex-direction: column;
}

.footer .menu a {
font-size:16px;
}

.footer .phone {
margin:0 0 20px 0;
}

.footer .mail {
font-size:16px;
margin:0 0 20px 0;
}

.footer .bottom {
align-items:center;
flex-direction:column;
font-size:16px;
}

.footer .links {
align-items:center;
flex-direction:column;
gap:10px;
}

.speedbar {
font-size:16px;
}

.speedbar.page {
margin:20px 0;
}

.mobile {
display:block !important;
}

.nomobile {
display:none !important;
}

.section-13 {
padding:0 0 50px 0;
}

.section-13 .col-left {
flex-direction:column-reverse;
}

.section-13 .big {
width:100%;
height:300px;
}

.section-13 .small {
width:100%;
}

.section-13 h1 {
font-size:26px;
margin:0px;
}

.section-13 .desc {
margin:0 0 20px 0;
}

.section-13 .fields {
margin:0 0 30px 0;
}

.section-13 .bottom {
flex-direction:column;
gap:20px;
}

.section-13 .info {
width:100%;
}

.section-13 .info br {
display:none;
}

.section-14 .title {
font-size:26px;
}

.section-14 .item {
align-items:flex-start;
flex-direction:column;
gap:10px;
padding:20px 10px;
}

.section-14 .item br {
display:none;
}

.section-14 .desc {
max-width:none;
}

.section-10 {
margin:0 0 30px 0;
}

.section-11 .item {
width:100%;
}

.section-12 h1 {
font-size:26px;
}

.section-12 h2 {
font-size:20px;
}


















}