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

/* CSS Document */


body {
margin:0px;
padding:0px;
font-family: "Wix Madefor Text", sans-serif;
background:#fff;
font-size:16px;
color: #586485;
}

.site-width {
width:100%;
max-width:1349px;
margin:0 auto;
padding:0 40px;
}

* {
box-sizing: border-box;
}

p {
margin:0 0 20px 0;
}

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

.header {
padding:44px 0 110px 0;
}

.header .site-width {
max-width:1660px;
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
}

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

.header .menu ul {
display:flex;
align-items:center;
gap:63px;
list-style:none;
margin:0px;
padding:0px;
}

.header .menu a {
text-decoration:none;
color: #000;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding:0 0 7px 0;
position:relative;
}

.header .menu a:before {
content:"";
position:absolute;
bottom:0px;
left:0px;
z-index:1;
width:0px;
height:2px;
border-radius: 2px;
background: #FFE710;
transition: .5s;
}

.header .menu a:hover:before {
width:100%;
}

.btn {
display:table;
text-decoration:none;
cursor:pointer;
border-radius: 5px;
background: linear-gradient(0deg, #FFE710 0%, #FFE710 100%), linear-gradient(266deg, #FF9E0D 0%, #E11 100%);
box-shadow: 0 10px 15px 0 rgba(239, 219, 42, 0.35);
padding:20px 49px;
color: #000;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 107%;
transition: .5s;
}

.btn:hover {
background:#000;
color:#FFE710;
}

.section-1 {
margin:0 0 150px 0;
}

.section-1 .site-width {
display:flex;
align-items:center;
flex-direction:row-reverse;
gap:61px;
}

.section-1:nth-child(2n) .site-width {
flex-direction:row;
}

.section-1 .block {
flex:1;
color: #000;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 133.333% */
}

.section-1 .images {
font-size:0px;
line-height:0px;
width:580px;
height:603px;
background:url(../images/section1-bg.png) no-repeat center center;
padding:10px 150px;
}

.section-1 .images iframe {
width:100% !important;
height:100% !important;
max-width:100%;
border:0px !important;
border-radius:40px;
}

.section-1 .title {
color: #000;
font-family: "Wix Madefor Display";
font-size: 64px;
font-style: normal;
font-weight: 800;
line-height: 68px; /* 106.25% */
margin:0 0 35px 0;
}

.section-1 .desc {
margin:0 0 19px 0;
}

.section-1:nth-child(3) .title {
color: #000;
font-family: "Wix Madefor Display";
font-size: 50px;
font-style: normal;
font-weight: 800;
line-height: 60px; /* 120% */
}

.section-1:nth-child(4) .site-width {
gap:31px;
}

.section-1:nth-child(4) .title {
color: #000;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "Wix Madefor Display";
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: 56px; /* 116.667% */
margin:0 0 55px 0;
}

.section-1:nth-child(4) .desc {
margin:0 0 87px 0;
}

.section-1 h3 {
color: #000;
font-family: "Wix Madefor Display";
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 120% */
}

.section-1:nth-child(5) .block {
font-size:20px;
}

.footer {
background: #121212;
padding:45px 0 65px 0;
color: #646464;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 161.538% */
}

.footer .site-width {
max-width:1660px;
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
}

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

.mobile-menu {
display:none;
}

.header .menu .btn {
display:none;
}






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

.section-1 .site-width {
gap:30px;
}

.section-1 .images {
width:301px;
height:350px;
background-size:contain !important;
padding:30px 80px;
}

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

.section-1 .block {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 160% */
}

.section-1 .title {
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 50px; /* 166.667% */
}

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










}



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

.header {
padding:40px 0 89px 0;
}

.header .logo a {
width:116px;
height:32px;
background-size:contain !important;
}

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

.section-1 .site-width {
padding:0px 40px 0 0;
}

.section-1:nth-child(2n) .site-width {
padding:0 0 0 40px;
}

.section-1 .title br {
display:none;
}

.section-1 {
margin:0 0 115px 0;
}

.section-1:nth-child(3) .title {
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 40px;
}

.section-1:nth-child(4) .title {
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 40px; /* 133.333% */
}

.footer {
padding:60px 0;
}

.footer .logo {
width:118px;
height:33px;
background-size:contain !important;
}








}



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

.header .menu {
display:none;
position:fixed;
top:0px;
bottom:0px;
right:0px;
z-index:8;
overflow-y:auto;
background: #FFE710;
box-shadow: 0 20px 25px 0 rgba(5, 5, 5, 0.35);
width:243px;
padding:106px 32px 32px 32px;
}

.header .menu ul {
align-items: flex-start;
flex-direction:column;
gap:30px;
margin:0 0 30px 0;
}

.header .btn {
display:none;
}

.site-width {
padding:0 10px !important;
}

.header {
padding:13px 0 47px 0;
position:relative;
}

.header .logo a {
width:109px;
height:30px;
}

.mobile-menu {
display:block;
cursor:pointer;
width:50px;
height:50px;
background:url(../images/mobile-menu.svg) no-repeat;
position:relative;
z-index:9;
}

.mobile-menu.active {
background:url(../images/mobile-close.svg) no-repeat;
}

.header .menu a {
padding:0px;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.header .menu a:before {
display:none;
}

.header .menu .btn {
display:table;
text-decoration:none;
cursor:pointer;
border-radius: 5px;
background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFE710 0%, #FFE710 100%), linear-gradient(266deg, #FF9E0D 0%, #E11 100%);
padding:16px 26px;
color: #000;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 107%; /* 16.05px */
}

.header .menu .btn:hover {
background:#000;
color:#fff;
}

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

.section-1 .site-width {
flex-direction:column;
gap:25px;
text-align:center;
}

.section-1:nth-child(2n) .site-width {
flex-direction:column;
}

.section-1 .title {
font-size:25px;
line-height: 35px; /* 140% */
margin:0 0 20px 0;
}

.section-1 .block {
font-size:15px;
line-height: 30px; /* 200% */
}

.section-1 .btn {
margin:0 auto;
font-size: 15px;
}

.section-1:nth-child(3) .title {
font-size: 25px;
font-style: normal;
font-weight: 800;
line-height: 30px; /* 120% */
}

.section-1:nth-child(4) .title {
font-size: 25px;
font-style: normal;
font-weight: 800;
line-height: 35px; /* 140% */
margin:0 0 20px 0;
}

.section-1:nth-child(4) .desc {
margin:0 0 30px 0;
}

.section-1:nth-child(5) .block {
font-size:15px;
line-height: 30px; /* 200% */
}

.section-1 h3 {
font-size:15px;
line-height: 30px; /* 200% */
}

.section-1 .images iframe {
border-radius:20px;
}

.section-1:nth-child(3) .title br {
display:block;
}


















}