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

/* CSS Document */

html {
scroll-behavior: smooth;
}

body {
margin:0px;
padding:0px;
background:#fff;
font-family: "Manrope", sans-serif;
color:#2C3A45;
font-size: 16px;
line-height:normal;
}

a {
color:#2C3A45;
transition: .5s;
}

a:hover {
color: #2C3A45;
text-decoration:none;
}

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

* {
box-sizing: border-box;
}

input, button, textarea, select {
font-size:16px;
outline:none;
font-family: "Manrope", sans-serif;
}

img {
max-width:100%;
}

p {
margin:0 0 20px 0;
}

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

h2, h3, h4, h5 {
color:#1A4476;
}

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

.header {
padding:16px 0;
}

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

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

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

.header .menu a {
text-decoration:none;
color:#1A4476;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.header .menu span {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.header .menu a:hover, .header .menu span {
color:#A89263;
}

.btn-all-brown {
display:inline-flex;
align-items:center;
gap:8px;
text-decoration:none;
cursor:pointer;
padding:8px 16px;
border-radius: 8px;
background:#A89263;
color:#F0F7FE;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
transition: .5s;
}

.btn-all-brown:hover {
background:#1A4476;
}

.section-1 {
background-size:cover !important;
padding:100px 0 220px 0;
}

.section-1.page {
padding:128px 0;
min-height:675px;
display:flex;
align-items:center;
}

.section-1 .block {
width:100%;
max-width:688px;
}

.section-1 .name {
display:flex;
align-items:center;
gap:8px;
margin:0 0 20px 0;
color:#A89263;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 133.333% */
letter-spacing: 2.64px;
text-transform: uppercase;
}

.section-1 .name:before {
content:"";
width: 24px;
height: 1px;
background:#A89263;
}

.section-1 h1 {
color:#F0F7FE;
font-size: 54px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 64.8px */
margin:0 0 25px 0;
}

.section-1 .desc {
color:#F0F7FE;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 25.6px */
}

.section-1 .bottom {
display:flex;
flex-wrap:wrap;
gap:16px;
margin:33px 0 0 0;
}

.section-1 .link {
border-radius: 8px;
border: 1px solid #F0F7FE;
padding:11px 24px;
display:block;
text-decoration:none;
color:#F0F7FE;
font-size: 14px;
font-style: normal;
font-weight: 500;
}

.section {
padding:100px 0;
}

.section-2 .flex {
display:flex;
flex-wrap:wrap;
border-radius:16px;
background:#FFF;
overflow:hidden;
position:relative;
top:-96px;
margin:0 0 -96px 0;
box-shadow: 0 4px 47.5px 0 rgba(98, 169, 255, 0.46);
}

.section-2 .item {
flex:1;
padding:28px;
color:rgba(44, 58, 69, 0.80);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal; /* 22.4px */
}

.section-2 .icon {
font-size:0px;
line-height:0px;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
margin:0 0 16px 0;
border-radius: 14px;
background:rgba(98, 169, 255, 0.20);
}

.section-2 .name {
color:#1A4476;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 50.4px */
margin:0 0 8px 0;
}

.subtitle-section {
display:flex;
align-items:center;
gap:8px;
margin:0 0 20px 0;
color:#A89263;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 133.333% */
letter-spacing: 2.64px;
text-transform: uppercase;
}

.subtitle-section:before {
content:"";
width: 24px;
height: 1px;
background:#A89263;
}

.title-section {
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 57.6px */
margin:0 0 24px 0;
}

.section-3 .container {
display:flex;
align-items:flex-start;
gap:100px;
}

.section-3 .col-left {
flex:1;
color:rgba(44, 58, 69, 0.80);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal; /* 25.6px */
}

.section-3 .images {
flex:1;
font-size:0px;
line-height:0px;
border-radius: 16px;
background: #F0F7FE;
padding: 69.442px 31.806px 68.476px 38.851px;
}

.section-3 h2 {
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 57.6px */
margin:0 0 24px 0;
}

.section-4 {
background:#F0F7FE;
}

.section-4 .subtitle-section {
margin:0 0 16px 0;
}

.section-4 .title-section {
margin:0 0 20px 0;
}

.desc-section {
width:100%;
max-width:811px;
margin:0 0 60px 0;
color:#2C3A45;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal; /* 25.6px */
}

.section-4 .flex {
display:flex;
flex-wrap:wrap;
gap:32px;
padding:40px;
border-radius: 16px;
background:#FFF;
}

.section-4 .item {
width:calc(33.333% - 22px);
}

.section-4 .images {
font-size:0px;
line-height:0px;
overflow:hidden;
height:395px;
margin:0 0 20px 0;
display:block;
text-decoration:none;
border-radius: 16px;
}

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

.section-4 .name {
display:table;
text-decoration:none;
margin:0 0 12px 0;
color:#1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 27.5px; /* 114.583% */
letter-spacing: -0.6px;
}

.section-4 ul {
margin:0px;
padding:0 0 0 20px;
color:rgba(44, 58, 69, 0.80);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.75px; /* 162.5% */
}

.section-5 {
position:relative;
overflow:hidden;
}

.section-5:before {
content:"";
position: absolute;
right: -280px;
top: -162px;
width: 606px;
height: 606px;
border-radius: 606px;
background: rgba(98, 169, 255, 0.48);
filter: blur(177.64999389648438px);
}

.section-5.page {
background: #F0F7FE;
padding:112px 0;
}

.section-5.page:before {
display:none;
}

.section-5 .container {
position:relative;
z-index:3;
}

.section-5 .flex {
display:flex;
flex-wrap:wrap;
gap:23px;
}

.section-5 .item {
width:calc(33.333% - 16px);
padding:32px;
border-radius: 16px;
background:#F0F7FE;
display:flex;
flex-direction:column;
}

.section-5 .item:nth-child(4), .section-5 .item:nth-child(5), .section-5 .width .item {
width:calc(50% - 12px);
border-radius: 16px;
border: 1px solid rgba(98, 169, 255, 0.20);
background:#FFF;
}

.section-5 .head {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
margin:0 0 20px 0;
}

.section-5 .icon {
font-size:0px;
line-height:0px;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background:#fff;
}

.section-5 .item:nth-child(4) .icon, .section-5 .item:nth-child(5) .icon, .section-5 .width .icon {
background:#F0F7FE;
}

.section-5 .counter {
color:#A89263;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 133.333% */
}

.section-5 .name {
color:#1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 27.5px; /* 114.583% */
letter-spacing: -0.6px;
margin:0 0 12px 0;
}

.section-5 .desc {
color:rgba(44, 58, 69, 0.80);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal; /* 22.4px */
margin:0 0 24px 0;
flex:1;
}

.section-5 .link {
display:inline-flex;
align-items:center;
gap:6px;
text-decoration:none;
color:#1A4476;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.section-5 .link:after {
content:"";
width:16px;
height:16px;
background:url(../images/section5-arrow.svg) no-repeat;
}

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

.section-6 .title-section {
margin:0 0 33px 0;
color:#FFF;
}

.section-6 .flex {
display:flex;
flex-wrap:wrap;
gap:38px;
font-size:0px;
line-height:0px;
margin:0 0 28px 0;
}

.section-6 .logo {
width:calc(16.666% - 32px);
display:flex;
align-items:center;
justify-content:center;
height: 116.147px;
margin:0 0 -28px 0;
}

.section-6 .logo img {
max-height:100%;
}

.section-7 {
background:#F0F7FE;
}

.section-7 .container {
display:flex;
gap:48px;
}

.section-7 .col-left {
flex:1;
display:flex;
flex-direction:column;
gap:40px;
}

.section-7 .col-right {
flex:1;
padding:40px;
border-radius: 24px;
background:#FFF;
box-shadow: 0 4px 47.5px 0 rgba(98, 169, 255, 0.46);
}

.section-7 .subtitle-section {
margin:0px;
}

.section-7 .title-section {
margin:0px;
}

.section-7 .desc {
flex:1;
color:rgba(44, 58, 69, 0.80);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal; /* 25.6px */
}

.section-7 .contacts {
display:flex;
flex-wrap:wrap;
gap:20px;
}

.section-7 .contacts a {
width:calc(50% - 10px);
display:flex;
align-items:center;
gap:16px;
text-decoration:none;
color:#1A4476;
font-size: 16px;
font-style: normal;
font-weight: 400;
}

.section-7 .phone:before {
content:"";
width:44px;
height:44px;
background:url(../images/section7-phone.svg) no-repeat;
}

.section-7 .mail:before {
content:"";
width:44px;
height:44px;
background:url(../images/section7-mail.svg) no-repeat;
}

.section-7 a.social {
gap:26px;
border-radius: 8px;
background:#62A9FF;
padding:2px 9px;
color:#F0F7FE;
font-size: 14px;
font-style: normal;
font-weight: 500;
}

.section-7 .max:before {
content:"";
width:35px;
height:35px;
background:url(../images/section7-max.svg) no-repeat;
}

.section-7 .tl:before {
content:"";
width:25px;
height:25px;
background:url(../images/section7-tl.svg) no-repeat;
}

.section-7 form {
display:flex;
flex-wrap:wrap;
gap:20px;
}

.section-7 .label {
width:calc(50% - 10px);
}

.section-7 .label label {
display:block;
margin:0 0 8px 0;
color:#1A4476;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 14px; /* 100% */
}

.section-7 .label:nth-child(3) label, .section-7 .label:nth-child(4) label {
color:rgba(44, 58, 69, 0.80);
}

.section-7 .label input {
width:100%;
height:36px;
border-radius: 8px;
border: 1px solid rgba(26, 68, 118, 0.20);
background:#FFF;
padding:0 12px;
font-size: 14px;
font-style: normal;
font-weight: 400;
}

.section-7 ::placeholder {
color:rgba(44, 58, 69, 0.80);
}

.section-7 .label:nth-child(6) {
width:100%;
}

.section-7 .label:nth-child(7) {
width:100%;
}

.section-7 .label select {
width:100%;
height:36px;
border-radius: 8px;
border: 1px solid rgba(26, 68, 118, 0.20);
background:url(../images/section7-select.svg) no-repeat right 12px center, #FFF;
padding:8px 12px;
font-size: 14px;
font-style: normal;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.section-7 .label textarea {
width:100%;
height:64px;
border-radius: 8px;
border: 1px solid rgba(26, 68, 118, 0.20);
background:#FFF;
margin:0px;
padding:8px 12px;
font-size: 14px;
font-style: normal;
font-weight: 400;
resize:none;
}

.section-7 button {
width:100%;
height:40px;
margin:10px 0 -10px 0;
border-radius: 8px;
background:#1A4476;
color:#F0F7FE;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
}

.section-7 .checkbox {
display:block;
}

.section-7 .checkbox input {
display:none;
}

.section-7 .checkbox .wpcf7-list-item-label {
display:block;
position:relative;
color:rgba(44, 58, 69, 0.80);
font-size: 10px;
font-style: normal;
font-weight: 500;
padding:0 0 0 16px;
}

.section-7 .checkbox a {
color:rgba(44, 58, 69, 0.80);
}

.section-7 .checkbox .wpcf7-list-item-label:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width:11px;
height:11px;
margin:-6px 0 0 0;
border-radius: 4px;
border: 1px solid rgba(44, 58, 69, 0.80);
}

.section-7 .checkbox input:checked + .wpcf7-list-item-label:before {
width:12px;
height:12px;
border:0px;
background:url(../images/checkbox.svg) no-repeat;
}

.footer {
padding:100px 0 40px 0;
background:#1A4476;
}

.footer .head {
display:flex;
gap:48px;
margin:0 0 56px 0;
}

.footer .col-left {
flex:1;
}

.footer .col, .footer .col-right {
width:100%;
max-width:291px;
}

.footer .logo {
display:block;
text-decoration:none;
margin:0 0 20px 0;
width:130px;
height:35px;
background:url(../images/footer-logo.svg) no-repeat;
}

.footer .desc {
color:#F0F7FE;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22.4px */
width:100%;
max-width:384px;
}

.footer .name {
color:#F0F7FE;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%; /* 25.6px */
letter-spacing: -0.48px;
margin:0 0 20px 0;
}

.footer ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:10px;
}

.footer ul a {
text-decoration:none;
color:#F0F7FE;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22.4px */
}

.footer ul span {
color:#F0F7FE;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22.4px */
}

.footer ul a:hover, .footer ul span {
text-decoration:underline;
}

.footer .col-right {
display:flex;
flex-direction:column;
gap:12px;
}

.footer .col-right > * {
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
color:#F0F7FE;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22.4px */
}

.footer .mail:before {
content:"";
width:16px;
height:16px;
background:url(../images/footer-mail.svg) no-repeat;
}

.footer .phone:before {
content:"";
width:16px;
height:16px;
background:url(../images/footer-phone.svg) no-repeat;
}

.footer .geo:before {
content:"";
width:16px;
height:16px;
background:url(../images/footer-geo.svg) no-repeat;
}

.footer .tl:before {
content:"";
width:16px;
height:15px;
background:url(../images/footer-tl.svg) no-repeat;
}

.footer .max:before {
content:"";
width:16px;
height:15px;
background:url(../images/footer-max.svg) no-repeat;
}

.footer .bottom {
display:flex;
gap:20px;
padding:24px 0 0 0;
border-top: 1px solid #F0F7FE;
color:#F0F7FE;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 19.2px */
}

.footer .bottom a {
color:#F0F7FE;
}

.footer .copyright {
flex:1;
}

.sectiontwo {
padding:112px 0;
}

.section-8 .container {
display:flex;
gap:56px;
}

.section-8 .col-left {
flex:1;
padding:32px;
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
}

.section-8 .col-right {
flex:1;
color:rgba(44, 58, 69, 0.80);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}

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

.section-8 .desc {
margin:0 0 24px 0;
color: #5C6B78;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.75px;
width:100%;
max-width:347px;
}

.section-8 .citys {
display:flex;
flex-wrap:wrap;
gap:7px;
width:100%;
max-width:347px;
}

.section-8 .citys span {
padding: 6px 16px;
border-radius: 16777200px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #FFF;
color: #12335F;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.section-8 h4 {
margin:0 0 20px 0;
color:#1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 33.6px */
letter-spacing: -0.6px;
}

.section-9 .block {
width:100%;
max-width:768px;
color: #5C6B78;
font-size: 16.32px;
font-style: normal;
font-weight: 400;
line-height: 26.52px; /* 162.5% */
}

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

.section-10 .title-section {
width:100%;
max-width:768px;
margin:0 0 49px 0;
}

.section-10 .flex {
display:flex;
flex-direction:column;
gap:24px;
}

.section-10 .item {
width:100%;
display:flex;
gap:32px;
border-radius: 24px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
overflow:hidden;
}

.section-10 .item:nth-child(2n) {
flex-direction:row-reverse;
}

.section-10 .images {
width:50%;
font-size:0px;
line-height:0px;
overflow:hidden;
}

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

.section-10 .right {
width:50%;
padding:40px;
}

.section-10 .head {
display:flex;
align-items:center;
gap:16px;
margin:0 0 16px 0;
}

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

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

.section-10 .name {
color:#1A4476;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 42px */
letter-spacing: -0.6px;
margin:0 0 16px 0;
}

.section-10 .desc {
width:100%;
max-width:447px;
color: #5C6B78;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
}

.section-11 {
background:#2C3A45;
}

.section-11.bg {
background:#1A4476;
}

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

.section-11 .images {
flex:1;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 24px;
}

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

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

.section-11 .subtitle-section {
color:#62A9FF;
}

.section-11 .subtitle-section:before {
background:#62A9FF;
}

.section-11 .title-section {
color:#FFF;
}

.section-11 ul {
list-style:none;
margin:0 0 32px 0;
padding:0px;
display:flex;
flex-direction:column;
gap:12px;
color: rgba(240, 247, 254, 0.85);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.section-11 ul li {
padding:0 0 0 28px;
background:url(../images/section11-li.svg) no-repeat 0 center;
}

.section-11 .bottom {
display:flex;
flex-wrap:wrap;
gap:16px;
}

.section-11 .btn {
text-decoration:none;
cursor:pointer;
border-radius: 8px;
background:#62A9FF;
padding:12px 24px;
color:#FFF;
font-size: 14px;
font-style: normal;
transition: .5s;
}

.section-12 .flex {
display:flex;
flex-wrap:wrap;
gap:24px;
}

.section-12 .item {
width:calc(33.333% - 16px);
padding:32px;
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
color: #5C6B78;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.75px; /* 162.5% */
}

.section-12 .icon {
font-size:0px;
line-height:0px;
margin:0 0 20px 0;
}

.section-12 .name {
color:#1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 27.5px; /* 114.583% */
letter-spacing: -0.6px;
margin:0 0 8px 0;
}

.section-13 .description {
width:100%;
max-width:811px;
margin:0 0 60px 0;
color:#2C3A45;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}

.section-13 .flex {
display:flex;
flex-direction:column;
gap:40px;
}

.section-13 .item {
width:100%;
display:flex;
align-items:center;
gap:40px;
}

.section-13 .images {
flex:1;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 16px;
background: #f0f7ff;
text-align: center;
}

.section-13 .right {
flex:1;
color:rgba(44, 58, 69, 0.80);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.75px; /* 162.5% */
}

.section-13 h4 {
color:#1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 27.5px; /* 114.583% */
letter-spacing: -0.6px;
margin:0 0 12px 0;
}

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

.section-14 .flex {
display:flex;
flex-wrap:wrap;
gap:40px;
}

.section-14 .item {
width:calc(33.333% - 27px);
padding:28px;
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
}

.section-14 .logo {
font-size:0px;
line-height:0px;
height:174px;
margin:0 0 24px 0;
display:flex;
align-items:center;
justify-content:center;
}

.section-14 .bottom {
display:flex;
align-items:center;
gap:16px;
}

.section-14 .btn {
flex:1;
text-decoration:none;
cursor:pointer;
padding:10px;
border-radius: 8px;
background:#1A4476;
color:#FFF;
font-size: 14px;
font-style: normal;
line-height: 20px;
text-align:center;
}

.section-15 {
background: #F0F7FE;
}

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

.section-15 .desc {
color:#2C3A45;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
margin:0 0 60px 0;
width:100%;
max-width:1071px;
}

.section-15 .flex {
display:flex;
flex-wrap:wrap;
gap:38px;
font-size:0px;
line-height:0px;
}

.section-15 .logo {
width:calc(16.666% - 32px);
display:flex;
align-items:center;
justify-content:center;
height: 116.147px;
margin:0 0 -28px 0;
}

.section-16 {
background:#1A4476;
}

.section-16 .flex {
display:flex;
border-radius:16px;
background:#FFF;
overflow:hidden;
}

.section-16 .item {
flex:1;
padding:28px;
color:rgba(44, 58, 69, 0.80);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22.4px */
}

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

.section-16 .name {
color:#1A4476;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 50.4px */
}

.section-17 .title-section {
margin:0 0 16px 0;
}

.section-17 .desc {
color:#2C3A45;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
margin:0 0 60px 0;
width:100%;
max-width:811px;
}

.section-17 .flex {
display:flex;
gap:24px;
margin:0 0 40px 0;
}

.section-17 .item {
flex:1;
padding:28px;
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
background:#1A4476;
}

.section-17 .icon {
font-size:0px;
line-height:0px;
margin:0 0 32px 0;
}

.section-17 .name {
color:#62A9FF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
margin:0 0 16px 0;
}

.section-17 .item a {
display:table;
text-decoration:none;
color:#FFF;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 100% */
}

.section-17 .bottom {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:30px;
padding:32px;
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #FFF;
}

.section-17 .bottom:before {
content:"";
width:20px;
height:20px;
background:url(../images/section17-geo.svg) no-repeat;
}

.section-17 .title {
flex:1;
color: #12335F;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.section-17 .lang {
display:flex;
align-items:center;
gap:8px;
padding: 6px 16px;
border-radius: 16777200px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
color: #12335F;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.section-18 .title-section {
margin:0 0 16px 0;
}

.section-18 .desc {
color:#2C3A45;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
width:100%;
max-width:811px;
}

.section-19 {
background:#F0F7FE;
}

.section-19.bg {
background:#FFF;
}

.section-19 .flex {
display:flex;
flex-direction:column;
gap:24px;
}

.section-19 .item {
width:100%;
display:flex;
border-radius: 24px;
border: 1px solid rgba(26, 68, 118, 0.14);
background:#FFF;
overflow:hidden;
}

.section-19 .images {
display:block;
text-decoration:none;
overflow:hidden;
font-size:0px;
line-height:0px;
position:relative;
width:100%;
max-width:472px;
}

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

.section-19 .images span {
position:absolute;
top:16px;
left:16px;
z-index:3;
padding: 8px 12px;
border-radius: 16777200px;
background: #1A4476;
color: #F0F7FE;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height:normal;
letter-spacing: 1.68px;
text-transform: uppercase;
}

.section-19 .col-right {
flex:1;
padding:32px;
}

.section-19 .birk {
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 16px 0;
}

.section-19 .online {
display:flex;
align-items:center;
gap:6px;
padding: 4px 12px;
border-radius: 16777200px;
background: rgba(98, 169, 255, 0.15);
color:#1A4476;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.section-19 .online:before {
content:"";
width:14px;
height:14px;
background:url(../images/section19-online.svg) no-repeat;
}

.section-19 .offline {
display:flex;
align-items:center;
gap:6px;
padding: 4px 12px;
border-radius: 16777200px;
background: rgba(168, 146, 99, 0.15);
color:#A89263;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.section-19 .offline:before {
content:"";
width:14px;
height:14px;
background:url(../images/section19-offline.svg) no-repeat;
}

.section-19 .end {
padding: 4px 12px;
border-radius: 16777200px;
background: #E2EEFB;
color: #5C6B78;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.section-19 .name {
display:table;
text-decoration:none;
margin:0 0 12px 0;
color: #12335F;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 33px; /* 137.5% */
letter-spacing: -0.72px;
}

.section-19 .desc {
color: #5C6B78;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
margin:0 0 24px 0;
}

.section-19 .info {
display:flex;
flex-wrap:wrap;
gap:20px;
margin:0 0 28px 0;
}

.section-19 .info div {
display:flex;
align-items:center;
gap:6px;
color: #5C6B78;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.section-19 .date:before {
content:"";
width:16px;
height:16px;
background:url(../images/section19-date.svg) no-repeat;
}

.section-19 .time:before {
content:"";
width:16px;
height:16px;
background:url(../images/section19-time.svg) no-repeat;
}

.section-19 .geo:before {
content:"";
width:16px;
height:16px;
background:url(../images/section19-geo.svg) no-repeat;
}

.section-19 .bottom {
display:flex;
flex-wrap:wrap;
gap:16px;
}

.section-19 .btn {
text-decoration:none;
cursor:pointer;
padding:8px 16px;
border-radius: 8px;
background:#1A4476;
color:#FFF;
font-size: 14px;
font-style: normal;
line-height: 20px;
text-align:center;
transition: .5s;
}

.section-20 .description {
color:#2C3A45;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
margin:0 0 100px 0;
width:100%;
max-width:811px;
}

.section-20 .category {
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 40px 0;
}

.section-20 .category a {
display:block;
text-decoration:none;
padding: 6px 16px;
border-radius: 16777200px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
color: #12335F;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}

.section-20 .category a:hover, .section-20 .category a.active {
border: 1px solid #1A4476;
background: #1A4476;
color: #F0F7FE;
}

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

.section-20 .item {
width:calc(33.333% - 16px);
display:flex;
flex-direction:column;
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
overflow:hidden;
}

.section-20 .images {
display:block;
text-decoration:none;
font-size:0px;
line-height:0px;
overflow:hidden;
width:100%;
height:215px;
}

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

.section-20 .block {
flex:1;
width:100%;
padding:24px;
}

.section-20 .cat {
margin:0 0 16px 0;
padding: 4px 12px;
display:table;
border-radius: 16777200px;
background: rgba(168, 146, 99, 0.15);
color:#A89263;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
letter-spacing: 1.92px;
text-transform: uppercase;
}

.section-20 .name {
display:table;
text-decoration:none;
color: #12335F;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24.75px; /* 137.5% */
letter-spacing: -0.54px;
margin:0 0 12px 0;
}

.section-20 .desc {
width:100%;
max-width:297px;
color: #5C6B78;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.75px;
margin:0 0 20px 0;
}

.section-20 .info {
display:flex;
justify-content: space-between;
flex-wrap:wrap;
gap:20px;
margin:20px 0 0 0;
padding:16px 0 0 0;
border-top: 1px solid rgba(26, 68, 118, 0.14);
}

.section-20 .info div {
display:flex;
align-items:center;
gap:6px;
color: #5C6B78;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.section-20 .date:before {
content:"";
width:16px;
height:16px;
background:url(../images/section19-date.svg) no-repeat;
}

.section-20 .time:before {
content:"";
width:16px;
height:16px;
background:url(../images/section19-time.svg) no-repeat;
}

.section-20 .link {
text-decoration:none;
display:flex;
align-items:center;
gap:6px;
color: #1A4476;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.section-20 .item:first-child {
width:100%;
flex-direction: row;
gap:32px;
margin:0 0 8px 0;
}

.section-20 .item:first-child .images {
width:527px;
height:auto;
}

.section-20 .item:first-child .block {
padding:40px;
}

.section-20 .item:first-child .cat {
margin:0 0 42px 0;
}

.section-20 .item:first-child .name {
margin:0 0 38px 0;
font-size: 38.4px;
font-style: normal;
font-weight: 500;
line-height: 40.32px; /* 105% */
letter-spacing: -1.152px;
}

.section-20 .item:first-child .desc {
margin:0 0 46px 0;
max-width:none;
}

.section-20 .item:first-child .info {
margin:0px;
padding:0px;
border:0px;
justify-content: flex-start;
}

.section-21 {
padding:128px 0;
background-size:cover !important;
}

.section-21 .back {
display:inline-flex;
align-items:center;
gap:8px;
text-decoration:none;
color:#A89263;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin:0 0 32px 0;
}

.section-21 .birk {
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 24px 0;
}

.section-21 .online {
display:flex;
align-items:center;
gap:6px;
padding: 4px 12px;
border-radius: 16777200px;
background: rgba(240, 247, 254, 0.10);
color: rgba(240, 247, 254, 0.85);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.section-21 .online:before {
content:"";
width:14px;
height:14px;
background:url(../images/section21-offline.svg) no-repeat;
}

.section-21 .offline {
display:flex;
align-items:center;
gap:6px;
padding: 4px 12px;
border-radius: 16777200px;
background: rgba(240, 247, 254, 0.10);
color: rgba(240, 247, 254, 0.85);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.section-21 .offline:before {
content:"";
width:14px;
height:14px;
background:url(../images/section19-offline.svg) no-repeat;
}


.section-21 .cat {
padding: 4px 12px;
border-radius: 16777200px;
background: rgba(168, 146, 99, 0.20);
color:#A89263;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
letter-spacing: 1.92px;
text-transform: uppercase;
}

.section-21 h1 {
width:100%;
max-width:768px;
margin:0 0 28px 0;
color: #F0F7FE;
font-size: 54px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 64.8px */
}

.section-21 .info {
display:flex;
flex-wrap:wrap;
gap:20px;
}

.section-21 .info div {
display:flex;
align-items:center;
gap:6px;
color: rgba(240, 247, 254, 0.75);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.section-21 .date:before {
content:"";
width:16px;
height:16px;
background:url(../images/section21-date.svg) no-repeat;
}

.section-21 .color .date:before {
background:url(../images/section21-date2.svg) no-repeat;
}

.section-21 .time:before {
content:"";
width:16px;
height:16px;
background:url(../images/section21-time.svg) no-repeat;
}

.section-21 .color .time:before {
background:url(../images/section21-time2.svg) no-repeat;
}

.section-21 .geo:before {
content:"";
width:16px;
height:16px;
background:url(../images/section21-geo.svg) no-repeat;
}

.btn-all-blue {
display:inline-flex;
align-items:center;
text-decoration:none;
cursor:pointer;
padding: 8px 16px;
border-radius: 8px;
background: #1A4476;
color: #F0F7FE;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}

.section-22 .container {
display:flex;
gap:48px;
}

.section-22 .col-left {
flex:1;
color: #5C6B78;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
}

.section-22 .sidebar {
width:100%;
max-width:260px;
}

.widget-feedback {
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
padding:24px;
position:sticky;
top:10px;
}

.widget-feedback .name {
color:#1A4476;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
letter-spacing: 2.24px;
text-transform: uppercase;
margin:0 0 12px 0;
}

.widget-feedback .desc {
color: #5C6B78;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.75px; /* 162.5% */
margin:0 0 20px 0;
}

.section-22 .col-left p {
margin:0 0 24px 0;
}

.section-22 .col-left h3 {
color: #12335F;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32.5px; /* 162.5% */
margin:0 0 32px 0;
}

.section-22 .col-left h2 {
color: #1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 33px; /* 137.5% */
letter-spacing: -0.72px;
margin:40px 0 24px 0;
}

.section-22 .col-left h2:first-child {
margin:0 0 24px 0;
}

.section-22 blockquote {
margin:24px 0 40px 0;
padding:28px 28px 28px 56px;
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
background:url(../images/blockquote.svg) no-repeat 24px 24px, #F0F7FE;
color: #12335F;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 29.25px; /* 162.5% */
}

.section-22 .col-left ul {
margin:24px 0 40px 0;
padding:0px;
list-style:none;
display:flex;
flex-direction:column;
gap:12px;
}

.section-22.event .col-left ul {
margin:20px 0 48px 0;
}

.section-22 .col-left ul li {
padding:0 0 0 18px;
position:relative;
}

.section-22.event .col-left ul li {
padding:0 0 0 28px;
}

.section-22 .col-left ul li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width: 6px;
height: 6px;
border-radius: 16777200px;
background:#A89263;
margin:-3px 0 0 0;
}

.section-22.event .col-left ul li:before {
z-index:3;
width:16px;
height:16px;
border-radius:0px;
background:url(../images/section22-li.svg) no-repeat;
margin:-8px 0 0 0;
}

.section-22 .bottom {
display:flex;
align-items:center;
gap:20px;
padding:24px;
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
}

.section-22 .bottom .avatar {
font-size:0px;
line-height:0px;
overflow:hidden;
width: 56px;
height: 56px;
border-radius: 16777200px;
background: #1A4476;
}

.section-22 .bottom .name {
flex:1;
color: #5C6B78;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.section-22 .bottom .name span {
display:block;
color: #12335F;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.section-22 .share {
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
padding: 8px 12px;
border-radius: 8px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
color: #2C3A45;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
transition: .5s;
}

.section-22 .share:before {
content:"";
width:16px;
height:16px;
background:url(../images/share.svg) no-repeat;
}

.section-23 {
padding:80px 0;
background: #E2EEFB;
}

.section-23 .title {
color: #1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 133.333% */
letter-spacing: -0.72px;
margin:0 0 32px 0;
}

.section-23 .flex {
display:flex;
flex-wrap:wrap;
gap:24px;
}

.section-23 .item {
width:calc(33.333% - 16px);
border-radius: 16px;
border: 1px solid rgba(26, 68, 118, 0.14);
background:#FFF;
padding:0px 24px 24px 24px;
overflow:hidden;
}

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

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

.section-23 .cat {
display:table;
margin:0 0 16px 0;
padding: 4px 12px;
border-radius: 16777200px;
background: rgba(233, 97, 129, 0.15);
color: #E96181;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
letter-spacing: 1.92px;
text-transform: uppercase;
}

.section-23.event .cat {
background: rgba(166, 132, 57, 0.15);
color: #A68439;
}

.section-23 .date {
display:flex;
align-items:flex-start;
gap:6px;
color: #5C6B78;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.section-23 .date:before {
content:"";
width:16px;
height:16px;
background:url(../images/section19-date.svg) no-repeat;
}

.section-23 .name {
display:table;
margin:0 0 20px 0;
text-decoration:none;
color: #12335F;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24.75px; /* 137.5% */
letter-spacing: -0.54px;
}

.section-23 .link {
display:inline-flex;
align-items:center;
gap:6px;
text-decoration:none;
color: #1A4476;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.time-line {
margin:0 0 48px 0;
}

.time-line .title {
color: #1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 133.333% */
letter-spacing: -0.72px;
margin:0 0 24px 0;
}

.time-line .items {
position:relative;
display:flex;
flex-direction:column;
gap:32px;
border-left: 2px solid rgba(26, 68, 118, 0.14);
}

.time-line .item {
position:relative;
padding:0 0 0 48px;
color: #12335F;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.time-line .item span {
display:block;
margin:0 0 4px 0;
color: #62A9FF;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
}

.time-line .item:before {
content:"";
position:absolute;
top:4px;
left:-9px;
width: 12px;
height: 12px;
border-radius: 16777200px;
border: 2px solid #A89263;
background:#FFF;
}

.block-speakers .title {
color: #1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 133.333% */
letter-spacing: -0.72px;
margin:0 0 24px 0;
}

.block-speakers .speakers {
display:flex;
flex-wrap:wrap;
gap:24px;
}

.block-speakers .item {
width:calc(50% - 12px);
display:flex;
align-items:center;
gap:16px;
}

.block-speakers .avatar {
font-size:0px;
line-height:0px;
overflow:hidden;
width: 64px;
height: 64px;
border-radius: 16777200px;
}

.block-speakers .name {
flex:1;
color:#A89263;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.block-speakers .name span {
display:block;
color: #12335F;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.widget-information {
border-radius: 24px;
border: 1px solid rgba(26, 68, 118, 0.14);
background: #F0F7FE;
padding:28px;
position:sticky;
top:10px;
display:flex;
flex-direction:column;
gap:16px;
}

.widget-information .line {
color: #12335F;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.widget-information .line span {
display:block;
color: #5C6B78;
}

.widget-information .line {
position:relative;
padding:0 0 0 48px;
}

.widget-information .line:before {
content:"";
position:absolute;
top:0px;
left:0px;
z-index:3;
width:36px;
height:36px;
}

.widget-information .date:before {
background:url(../images/widget-information-date.svg) no-repeat;
}

.widget-information .time:before {
background:url(../images/widget-information-time.svg) no-repeat;
}

.widget-information .geo:before {
background:url(../images/widget-information-geo.svg) no-repeat;
}

.widget-information .offline:before {
background:url(../images/widget-information-offline.svg) no-repeat;
}

.widget-information .request:before {
background:url(../images/widget-information-request.svg) no-repeat;
}

.widget-information .btn-all-blue {
margin:8px 0 0 0;
padding:10px 16px;
justify-content: center;
}

.widget-information .warning {
display:flex;
align-items:center;
justify-content:center;
gap:6px;
color: #5C6B78;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.widget-information .warning:before {
content:"";
width:14px;
height:14px;
background:url(../images/widget-information-people.svg) no-repeat;
}

.popup-block {
display:none;
}

.popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(31, 40, 53, 0.50);
z-index: 99999999999999;
overflow: auto;
width:100%;
height:100%;
}

.popup-block .block {
width:100%;
max-width:805px;
position:fixed;
top:50%;
left:50%;
z-index:99999999999;
transform: translate(-50%, -50%);
border-radius: 24px;
background:#FFF;
padding:100px;
}

.popup-block .close {
width:33px;
height:33px;
background:url(../images/popup-close.svg) no-repeat;
cursor:pointer;
position:absolute;
top:23px;
right:22px;
background-size:contain;
transition: .5s;
}

.popup-block .close:hover {
background:url(../images/popup-close-hover.svg) no-repeat;
}

.popup-block .logo {
font-size:0px;
line-height:0px;
margin:0 0 50px 0;
}

.popup-block .title {
color:#1A4476;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 36px */
letter-spacing: -0.6px;
margin:0 0 20px 0;
}

.popup-block .desc {
color:rgba(44, 58, 69, 0.80);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.75px; /* 162.5% */
margin:0 0 40px 0;
}

.popup-block .desc ul {
margin:0px;
padding:0 0 0 20px;
}

.popup-block .btn-all-blue {
padding:10px 16px;
}

.section-1 .link:hover,
.section-7 a.social:hover {
background:#1A4476;
}

.btn-all-blue:hover,
.section-7 button:hover,
.section-11 .btn:hover,
.section-19 .btn:hover,
.section-14 .btn:hover,
.widget-information .btn-all-blue:hover,
.section-22 .share:hover {
background:#A89263;
}

.mobile-menu {
display:none;
}

.wpcf7-list-item {
margin:0px;
}



















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

.container {
padding:0 40px;
}

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





}




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

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

.header .logo {
flex:1;
}

.header .menu {
display:none;
position:absolute;
top:calc(100% + 10px);
right:0px;
z-index:3;
background:#fff;
padding:20px;
}

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

.section-4 .flex {
padding:20px;
gap:16px;
}

.section-4 .item {
width: calc(33.333% - 11px);
position:relative;
}

.section-6 .flex {
gap:12px;
margin:0 0 2px 0;
}

.section-6 .logo {
width:calc(25% - 9px);
height:93px;
margin:0 0 -2px 0;
}

.section-16 .name {
font-size:24px;
}

.section-20 .item:first-child .images {
width:50%;
}












}





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

.container, .header .container {
padding:0 20px;
}

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

.section-2 .item {
flex:none;
width:50%;
padding:24px 24px 24px 80px;
position:relative;
}

.section-2 .icon {
position:absolute;
top:24px;
left:24px;
z-index:3;
margin:0px;
}

.section-2 .name {
font-size:30px;
}

.section-3 .container {
gap:40px;
}

.title-section, .section-3 h2 {
font-size:32px;
}

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

.section-4 .item {
width:100%;
position:relative;
padding:0 0 0 290px;
}

.section-4 .images {
position:absolute;
top:0px;
left:0px;
width:270px;
height:100%;
}

.section-4 .name {
font-size:20px;
}

.section-4 ul {
font-size:13px;
}

.section-5 .item {
width:100%;
padding:24px;
}

.section-5 .item:nth-child(4), .section-5 .item:nth-child(5), .section-5 .width .item {
width:100%;
}

.section-7 .container {
flex-direction:column;
gap:60px;
}

.section-7 .col-left {
gap:20px;
}

.footer .head {
flex-wrap:wrap;
gap:34px;
}

.footer .col-left {
flex:none;
width:100%;
}

.footer .desc {
font-size:12px;
max-width:none;
}

.footer .col, .footer .col-right {
width:auto;
max-width:none;
flex:1;
}

.footer ul a {
font-size:13px;
}

.footer .bottom {
flex-direction:column;
gap:12px;
}

.section-1.page {
min-height:580px;
padding:100px 0;
}

.section-8 .container {
flex-direction:column;
gap:40px;
}

.section-8 .col-left {
padding:28px 20px;
}

.section-8 .col-right {
font-size:13px;
}

.section-8 h4 {
font-size: 20px;
letter-spacing: normal;
}

.section-5.page {
padding:60px 0;
}

.section-5.page .item:nth-child(4), .section-5.page .item:nth-child(5), .section-5.page .width .item {
width: calc(50% - 12px);
}

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

.section-14 .flex {
gap:20px;
}

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

.section-16 .flex {
flex-wrap:wrap;
}

.section-16 .item {
flex:none;
width:50%;
padding:20px 20px 10px 20px;
}

.section-17 .flex {
flex-wrap:wrap;
gap:16px;
}

.section-17 .item {
flex:none;
width:calc(50% - 8px);
padding:16px;
}

.section-17 .icon {
margin:0 0 20px 0;
}

.section-17 .name {
margin:0 0 4px 0;
}

.section-17 .item a {
font-size: 20px;
}

.section-17 .bottom {
padding:16px;
gap:8px;
}

.section-17 .title {
flex:none;
width:calc(100% - 28px);
margin:0 0 8px 0;
}

.section-20 .description {
margin:0 0 60px 0;
}

.section-20 .item:first-child {
gap:0px;
margin:0 0 12px 0;
}

.section-20 .item:first-child .cat {
margin:0 0 13px 0;
}

.section-20 .item:first-child .name {
font-size:32px;
margin:0 0 9px 0;
}

.section-20 .item:first-child .block {
padding:40px 40px 40px 32px;
}

.section-20 .flex {
gap:20px;
}

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

.section-19 .images {
width:auto;
max-width:none;
flex:1;
}

.section-21 {
padding:100px 0;
}

.section-21 h1 {
font-size:36px;
}

.section-23 .flex {
gap:16px;
}

.section-23 .item {
width:calc(50% - 8px);
padding:0px 16px 16px 16px;
}

.section-23 .images {
margin: 0 -16px 16px -16px;
}

.section-23 .name {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 22.4px */
letter-spacing: -0.54px;
}

.section-23 {
padding:60px 0;
}






























}





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

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

.section-3 .images {
flex:none;
width:100%;
text-align:center;
padding:24px;
}

.section-1 {
padding:170px 0 220px 0;
}

.section-1 .name {
font-size:10px;
}

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

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

.section-1 .desc {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22.4px */
}

.section-1 .bottom > div, .section-1 .bottom > a {
flex:1;
display:flex;
align-items:center;
justify-content: center;
text-align: center;
}

.section-2 .item {
padding:16px 16px 10px 16px;
font-size:13px;
}

.section-2 .icon {
position:relative;
top:auto;
left:auto;
width:36px;
height:36px;
}

.section-2 .name {
font-size:24px;
}

.section {
padding:60px 0;
}

.section-3 {
padding:60px 0 20px 0;
}

.title-section, .section-3 h2 {
font-size:24px;
}

.section-3 .container {
gap:43px;
}

.section-3 .col-left {
font-size:13px;
}

.desc-section {
font-size:13px;
margin:0 0 30px 0;
}

.section-4 .flex {
gap:40px;
}

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

.section-4 .images {
position:relative;
width:100%;
height:192px;
margin:0 0 12px 0;
}

.section-5 .name {
font-size:20px;
}

.section-6 .flex {
gap:25px;
margin:0 0 15px 0;
}

.section-6 .logo {
width: calc(33.333% - 17px);
height:65px;
margin: 0 0 -15px 0;
padding:6px;
}

.section-7 .container {
gap:40px;
}

.section-7 .desc {
font-size:13px;
}

.section-7 .contacts a {
width:100%;
min-height:44px;
font-size:18px;
}

.section-7 a.social {
flex-direction: row-reverse;
justify-content: space-between;
}

.section-7 .col-right {
padding:20px;
}

.section-7 form {
gap:24px;
}

.section-7 .label {
width:100%;
}

.footer {
padding:60px 0 30px 0;
}

.section-1.page {
padding:60px 0;
min-height:inherit;
}

.sectiontwo {
padding:60px 0;
}

.section-5.page .item:nth-child(4), .section-5.page .item:nth-child(5), .section-5.page .width .item {
width:100%;
}

.section-9 .block {
font-size:13px;
}

.section-10 .flex {
gap:16px;
}

.section-10 .item, .section-10 .item:nth-child(2n) {
flex-direction:column;
gap:0px;
}

.section-10 .images {
width:100%;
height:200px;
}

.section-10 .right {
width:100%;
padding:24px;
}

.section-10 .name {
font-size:20px;
}

.section-10 .desc {
max-width:none;
font-size:13px;
}

.section-11 .container {
flex-direction:column;
gap:29px;
}

.section-11 .images {
flex:none;
height:250px;
}

.section-11 ul {
gap:8px;
font-size:13px;
}

.section-11 .btn {
flex:1;
text-align:center;
}

.section-12 .flex {
gap:16px;
}

.section-12 .item {
width:100%;
padding:24px 24px 24px 92px;
position:relative;
font-size:13px;
}

.section-12 .icon {
position:absolute;
top:24px;
left:24px;
z-index:3;
}

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

.section-11.bg .btn:last-child {
flex:none;
width:100%;
}

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

.section-13 .images {
flex:none;
height:auto;
}

.section-13 h4 {
font-size:20px;
}

.section-14 .item {
width:100%;
padding:40px 16px;
}

.section-14 .logo {
height:auto;
margin:0 0 40px 0;
}

.section-14 .bottom {
gap:8px;
}

.section-16 .item {
padding:20px;
}

.section-17 .flex {
gap:8px;
}

.section-17 .item {
width:100%;
position:relative;
padding:16px 16px 16px 76px;
}

.section-17 .icon {
position:absolute;
top:16px;
left:16px;
z-index:3;
margin:0px;
}

.section-20 .category {
margin:0 0 48px 0;
}

.section-20 .category a {
padding:2px 12px;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 200% */
}

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

.section-20 .item:first-child {
flex-direction:column;
}

.section-20 .item:first-child .images {
width:100%;
height:160px;
}

.section-20 .item:first-child .block {
padding:20px;
}

.section-20 .block {
padding:16px;
}

.section-20 .name {
margin:0 0 16px 0;
}

.section-20 .desc {
font-size:13px;
margin:0 0 16px 0;
max-width:none;
}

.section-20 .item:first-child .info {
margin:0px;
padding:0px;
border:0px;
flex-direction:column;
gap:8px;
}

.section-20 .item:first-child .name {
font-size: 18px;
line-height:normal;
margin:0 0 16px 0;
}

.section-20 .item:first-child .desc {
margin:0 0 16px 0;
}

.section-19 .flex {
gap:16px;
}

.section-19 .item {
flex-direction:column;
}

.section-19 .images {
flex:none;
height:200px;
}

.section-19 .col-right {
padding:24px;
}

.section-19 .birk {
margin:0 0 12px 0;
}

.section-19 .name {
font-size:20px;
}

.section-19 .desc {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 20.8px */
}

.section-19 .info {
flex-direction:column;
gap:10px;
}

.section-21 h1 {
font-size:32px;
}

.section-21 {
padding:200px 0 60px 0;
}

.section-22 .container {
flex-direction:column;
gap:60px;
}

.section-22 .sidebar {
max-width:none;
}

.section-22 .col-left {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 20.8px */
}

.section-22 .col-left h3 {
margin:0 0 20px 0;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
}

.section-22 .col-left p {
margin:0 0 20px 0;
}

.section-22 .col-left h2 {
margin:30px 0 20px 0;
}

.section-22 .col-left h2:first-child {
margin:0 0 20px 0;
}

.section-22 blockquote {
margin:24px 0 30px 0;
}

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

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

.section-23 .images {
height:200px;
}

.btn-all-brown {
text-align:center;
}















































}



