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

/* CSS Document */

html {
scroll-behavior: smooth;
}

body {
margin:0px;
padding:0px;
background:#fff;
font-family: "Roboto", sans-serif;
color:#000;
font-size: 16px;
line-height: 116%; /* 18.56px */
letter-spacing: -0.48px;
}

a {
color:#000;
transition: .5s;
}

a:hover {
color: #000;
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: "Roboto", sans-serif;
}

img {
max-width:100%;
}

p {
margin:0 0 20px 0;
}

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

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

.header {
padding:10px 0 20px 0;
}

.header .flex {
display:flex;
align-items:center;
gap:20px;
}

.header .logo {
flex:1;
}

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

.header .geo span {
display:block;
margin:0 0 3px 0;
color: #4F6ECB;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.header .geo ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:3px;
}

.header .geo li {
position:relative;
padding:0 0 0 8px;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.header .geo li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width: 4px;
height: 4px;
background:#4F6ECB;
border-radius:555px;
margin:-2px 0 0 0;
}

.header .phone {
color: var(--blue, #4F6ECB);
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.header .phone a {
display:table;
text-decoration:none;
margin:0 0 4px 0;
color: #000;
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.header .social {
display:flex;
flex-direction:column;
gap:8px;
}

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

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

.header .button {
display:flex;
flex-direction:column;
gap:8px;
}

.btn-all-blue {
display:table;
text-decoration:none;
cursor:pointer;
border-radius: 8px;
background: var(--blue, #4F6ECB);
padding:15px 30px;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align:center;
transition: .5s;
}

.btn-all-red {
display:table;
text-decoration:none;
cursor:pointer;
border-radius: 8px;
background:#DB4646;
padding:15px 30px;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align:center;
transition: .5s;
}

.header .btn-all-blue, .header .btn-all-red {
padding: 7px 29px;
}

.btn-all-orange {
display:table;
text-decoration:none;
cursor:pointer;
border-radius: 8px;
background:#FB6A1C;
padding:10px 20px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
transition: .5s;
}

.btn-all-blue-two {
display:table;
text-decoration:none;
cursor:pointer;
border-radius: 8px;
background:#213570;
padding:10px 20px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align:center;
transition: .5s;
}

.btn-all-white {
display:table;
text-decoration:none;
cursor:pointer;
border-radius: 8px;
padding:10px 20px;
border: 1px solid var(--dark-blue, #213570);
color: var(--dark-blue, #213570);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align:center;
transition: .5s;
}

.btn-all-blue-two:hover {
background:#4F6ECB;
color: #FFF;
}

.btn-all-white:hover {
color: var(--blue, #4F6ECB);
border: 1px solid var(--blue, #4F6ECB);
text-decoration:none !important;
}

.btn-all-red:hover {
background: #C73232;
color: #FFF;
}

.btn-all-orange:hover {

}

.topmenu {
margin:0 0 30px 0;
}

.topmenu .flex {
display:flex;
align-items:center;
gap:10px;
border-radius: 16px;
background: var(--dark-blue, #213570);
padding:0px 10px 0px 20px;
}

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

.topmenu ul {
list-style:none;
margin:0px;
padding:0px;
flex:1;
display:flex;
align-items:center;
gap:30px;
}

.topmenu li {
position:relative;
padding:21px 0;
}

.topmenu ul a {
text-decoration:none;
color: var(--white, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
display:flex;
align-items:center;
gap:10px;
}

.topmenu ul span {
text-decoration:underline;
color: var(--white, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
display:flex;
align-items:center;
gap:10px;
}

.topmenu ul a:hover {
text-decoration:underline;
}

.topmenu ul .menu-item-has-children > a:after {
content:"";
width:16px;
height:16px;
background:url(../images/topmenu-arrow.svg) no-repeat;
}

.topmenu ul ul {
position:absolute;
top:100%;
left:0px;
z-index:3;
padding:30px 20px;
border-radius: 16px;
border: 1px solid #E2E2EB;
background: #FFF;
align-items:flex-start;
flex-direction:column;
gap:15px;
min-width:282px;
display:none;
}

.topmenu ul li:hover > ul {
display:flex;
}

.topmenu ul ul li {
padding:0px;
}

.topmenu ul ul a {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 20.8px */
}

.topmenu ul ul a:hover {
color: var(--blue, #4F6ECB);
text-decoration:none;
}

.topmenu .search {
width:100%;
max-width:329px;
padding: 10px 15px 10px 10px;
display:flex;
align-items:center;
gap:8px;
border-radius: 8px;
background: #FFF;
}

.topmenu .search button {
cursor:pointer;
width:20px;
height:20px;
background:url(../images/search.svg) no-repeat;
}

.topmenu .search input {
flex:1;
width:100%;
border:0px;
background:#fff;
font-size: 14px;
}

.section {
margin:0 0 80px 0;
}

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

.section-1 .slide {
display:flex;
gap:30px;
border-radius: 16px;
background: #F6F6FF;
overflow:hidden;
}

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

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

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

.section-1 .title {
color: #252525;
font-family: Raleway;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 30px 0;
}

.section-1 .desc {
color: #252525;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 23.4px */
margin:0 0 30px 0;
}

.section-1 .desc ul {
margin:0px;
padding:0 0 0 20px;
}

.section-1 .price {
color: #000;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 30px 0;
}

.section-1 .info {
color: #919191;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%;
margin:10px 0 0 0;
}

.section-1 .feedback {
margin:0 0 10px 0;
}

.owl-dots {
display:flex;
justify-content: center;
gap:10px;
width:100%;
margin:20px 0 0 0;
}

.owl-dots button {
width:8px;
height:8px;
background:#4F6ECB !important;
position:relative;
opacity: 0.5;
border-radius:555px;
}

.owl-dots button.active {
opacity:1;
}

.section-2 .container {
display:flex;
flex-wrap:wrap;
gap:31px;
}

.section-2 .item {
flex:1;
padding:20px 30px;
border-radius: 16px;
border: 1px solid rgba(79, 110, 203, 0.50);
color: #000;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align:center;
}

.section-2 .name {
color: var(--dark-blue, #213570);
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 10px 0;
}

.title-section {
color: #252525;
font-family: Raleway;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 30px 0;
}

.section-3 .flex {
display:flex;
gap:30px;
margin:0 0 30px 0;
}

.section-3 .item {
flex:1;
position:relative;
border-radius: 16px;
border: 1px solid var(--dark-blue, #213570);
padding:30px 30px 30px 86px;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-3 .icon {
font-size:0px;
line-height:0px;
position:absolute;
top:30px;
left:30px;
z-index:3;
}

.section-3 .item .name {
color: #000;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 10px 0;
}

.section-3 .bottom {
display:flex;
gap:30px;
padding:30px;
border-radius: 16px;
background: var(--dark-blue, #213570);
}

.section-3 .col-left {
flex:1;
color: var(--white, #FFF);
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: normal;
padding:0 0 0 44px;
background:url(../images/section3-quote.svg) no-repeat;
}

.section-3 .col-right {
display:flex;
align-items:center;
gap:30px;
}

.section-3 .photo {
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 12px;
}

.section-3 .bottom .name {
flex:1;
min-width:256px;
}

.section-3 .bottom .name span:first-child {
display:block;
margin:0 0 8px 0;
color: var(--white, #FFF);
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-3 .bottom .name span:last-child {
display:block;
color: var(--white, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.5;
}

.section-4 .slider {
margin:0 0 30px 0;
}

.section-4 .flex {
display:flex;
flex-wrap:wrap;
gap:30px;
}

.section-4 .slide {
border-radius:16px;
background: #FBFBFC;
overflow:hidden;
padding:0 20px 20px 20px;
}

.section-4 .flex .slide {
width:calc(33.333% - 20px);
}

.section-4 .images {
font-size:0px;
line-height:0px;
overflow:hidden;
position:relative;
height:208px;
margin:0 -20px 20px -20px;
}

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

.section-4 .images span {
position:absolute;
bottom:20px;
right:20px;
z-index:3;
padding: 4px 8px;
border-radius: 8px;
background: var(--white, #FFF);
color: var(--blue, #4F6ECB);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-4 .name {
color: rgba(0, 0, 0, 0.90);
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
margin:0 0 10px 0;
}

.section-4 .info {
color: #919191;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
margin:0 0 15px 0;
}

.section-4 .desc {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 18.2px */
margin:0 0 4px 0;
}

.section-4 ul {
margin:0 0 15px 0;
padding:0 0 0 20px;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
}

.section-4 .geo {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 15px 0;
padding:0 0 0 16px;
position:relative;
}

.section-4 .geo:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width: 8px;
height: 8px;
background:#4F6ECB;
border-radius:555px;
margin:-4px 0 0 0;
}

.section-4 .bottom {
display:flex;
gap:20px;
}

.section-4 .bottom > div, .section-4 .bottom > a {
flex:1;
}

.all-btn {
margin:0 auto;
min-width:240px;
}

.section-5 {
padding:80px 0;
background: #F5F5F5;
}

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

.section-5 .item {
width:calc(33.333% - 20px);
padding:30px;
border-radius: 16px;
background: #FFF;
display:flex;
align-items:flex-start;
flex-direction:column;
gap:20px;
}

.section-5 .name {
color: var(--dark-blue, #213570);
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 26px */
margin:0 0 20px 0;
}

.section-5 ul {
list-style:none;
margin:0px;
padding:0px;
flex:1;
display:flex;
flex-direction:column;
gap:12px;
}

.section-5 ul a {
text-decoration:none;
color: rgba(0, 0, 0, 0.90);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}

.section-5 ul a:hover {
text-decoration:underline;
}

.section-6 .description {
color: #252525;
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 30px 0;
}

.section-6 .flex {
margin:0 0 40px 0;
}

.section-6 .item {
display:flex;
align-items:center;
justify-content: space-between;
flex-direction:column;
gap:20px;
height:100%;
}

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

.section-6 .owl-stage {
display:flex;
}

.section-6 .rating {
border-radius: 8px;
border: 1px solid #213570;
display:flex;
}

.section-6 .rating span:first-child {
display:flex;
align-items:center;
gap:4px;
padding:8px;
border-radius: 8px;
background: #213570;
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.2px;
}

.section-6 .rating span:first-child:before {
content:"";
width:24px;
height:24px;
background:url(../images/section6-star.svg) no-repeat;
}

.section-6 .rating span:last-child {
padding:9px 10px;
color: #213570;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-6 .play {
position:relative;
overflow:hidden;
font-size:0px;
line-height:0px;
border-radius: 16px;
height:156px;
display:block;
}

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

.section-6 .play:before {
content:"";
position:absolute;
top:50%;
left:50%;
z-index:3;
width:64px;
height:64px;
background:url(../images/section6-play.svg) no-repeat;
margin:-32px 0 0 -32px;
}

.section-7 .flex {
display:flex;
flex-direction:column;
gap:30px;
margin:0 0 30px 0;
padding:30px;
border-radius: 16px;
background: #F6F6FF;
}

.section-7 .flex .item {
display:flex;
gap:30px;
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-7 .flex .name {
width:100%;
max-width:356px;
}

.section-7 .flex .desc {
flex:1;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-7 .flex .price {
width:100%;
max-width:148px;
}

.section-7 .flex ul {
margin:0 0 10px 0;
padding:0 0 0 20px;
}

.section-7 .flex .info {
font-size: 14px;
}

.section-7 .flex .item:first-child .name {
font-weight: 700;
}

.section-7 .flex .item:first-child .price {
font-weight: 700;
}

.section-7 .bottom {
display:flex;
gap:30px;
margin:0 0 30px 0;
}

.section-7 .bottom .item {
flex:1;
display:flex;
align-items:center;
gap:20px;
padding:30px;
border-radius: 16px;
border: 1px solid rgba(79, 110, 203, 0.50);
}

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

.section-7 .bottom .name {
flex:1;
color: #000;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-8 .head {
display:flex;
align-items:flex-start;
gap:30px;
margin:0 0 30px 0;
}

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

.section-8 .info {
flex:1;
display:flex;
gap:20px;
padding:10px 15px;
border-radius: 8px;
border: 1px solid var(--blue, #4F6ECB);
background: #FFF;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-8 .info:before {
content:"";
width:24px;
height:24px;
background:url(../images/section8-info.svg) no-repeat;
flex-shrink:0;
}

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

.section-8 .col {
flex:1;
padding:30px;
border-radius: 16px;
background: #FBFBFC;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 23.4px */
}

.section-8 .name {
color: rgba(0, 0, 0, 0.90);
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 26px */
margin:0 0 15px 0;
}

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

.desc-section {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:-10px 0 30px 0;
}

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

.section-9 .item {
width:calc(33.333% - 20px);
padding:30px;
border-radius: 16px;
background: #F6F6FF;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

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

.section-9 .name {
color: #000;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 10px 0;
}

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

.section-9 .col-left {
flex:1;
padding:0 56px 0 0;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-9 .play {
flex:1;
font-size:0px;
line-height:0px;
overflow:hidden;
position:relative;
display:block;
border-radius: 16px;
}

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

.section-9 .play:before {
content:"";
position:absolute;
top:50%;
left:50%;
z-index:3;
width:64px;
height:64px;
background:url(../images/section6-play.svg) no-repeat;
margin:-32px 0 0 -32px;
}

.section-9 h3 {
color: #000;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 30px 0;
}

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

.section-10 .images {
font-size:0px;
line-height:0px;
overflow:hidden;
position:relative;
display:block;
border-radius: 16px;
border: 1px solid var(--blue, #4F6ECB);
height:574px;
margin:0 0 10px 0;
}

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

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

.section-10 li {
position:relative;
padding:0 0 0 16px;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-10 li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width: 8px;
height: 8px;
background:#4F6ECB;
border-radius:555px;
margin:-4px 0 0 0;
}

.section-10 .all-btn {
margin:0 auto 10px auto;
}

.section-10 .info {
color: #919191;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
}

.section-11 .head {
display:flex;
align-items:flex-start;
gap:30px;
margin:0 0 30px 0;
}

.section-11 .title-section {
margin:0px;
flex:1;
}

.section-11 .col-right {
flex:1;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-11 .flex {
display:flex;
gap:30px;
margin:0 0 30px 0;
}

.section-11 .item {
flex:1;
padding:0px 20px 20px 20px;
border-radius: 16px;
border: 1px solid var(--blue, #4F6ECB);
background: #FBFBFC;
overflow:hidden;
}

.section-11 .images {
overflow:hidden;
font-size:0px;
line-height:0px;
height:208px;
background: #EBEBEB;
margin:0 -20px 20px -20px;
}

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

.section-11 .name {
color: rgba(0, 0, 0, 0.90);
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
margin:0 0 15px 0;
}

.section-11 .desc {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
margin:0 0 15px 0;
}

.section-11 .info {
color: #919191;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
}

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

.section-12 .item {
display:flex;
}

.section-12 .number {
border-radius: 16px;
border: 1px solid var(--blue, #4F6ECB);
background: #F6F6FF;
width: 85px;
padding: 20px;
color: var(--blue, #4F6ECB);
text-align: center;
font-family: Raleway;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
align-items: center;
justify-content: center;
}

.section-12 .name {
border-radius: 16px;
border: 1px solid var(--blue, #4F6ECB);
background: #F6F6FF;
width: 386px;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
text-align: center;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-12 .desc {
flex:1;
padding:20px;
border-radius: 16px;
border: 1px solid var(--blue, #4F6ECB);
background: #FFF;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-13 .tabs__caption {
display:flex;
flex-wrap:wrap;
gap:20px;
margin:0 0 30px 0;
padding:0px;
list-style:none;
}

.section-13 .tabs__caption li {
cursor:pointer;
padding:10px 20px;
border-radius: 8px;
border: 1px solid var(--dark-blue, #213570);
color: var(--dark-blue, #213570);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-13 .tabs__caption li.active {
cursor:default;
background: var(--dark-blue, #213570);
color: #FFF;
}

.section-13 .tabs__content {
display:none;
gap:30px;
}

.section-13 .tabs__content.active {
display:flex;
}

.section-13 .col {
flex:1;
padding:30px;
border-radius: 16px;
background: #FBFBFC;
}

.section-13 .title {
color: var(--dark-blue, #213570);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 26px */
margin:0 0 10px 0;
}

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

.section-13 .col li {
position:relative;
padding:0 0 0 16px;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-13 .col li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width: 8px;
height: 8px;
background:#4F6ECB;
border-radius:555px;
margin:-4px 0 0 0;
}

.section-13 .phone {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
display:table;
text-decoration:none;
margin:0 0 20px 0;
}

.section-13 .name {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 10px 0;
}

.section-13 .info {
display:flex;
flex-direction:column;
gap:10px;
margin:0 0 20px 0;
}

.section-13 .line {
display:flex;
align-items:center;
gap:8px;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-13 .line:before {
content:"";
margin:0 2px 0 0;
width:35px;
height:24px;
background:url(../images/section13-metro.svg) no-repeat;
}

.section-13 .line span {
color: #E11A1A;
}

.section-13 .col:first-child .line:last-child span {
color: #213570;
}

.section-13 .col:last-child .line:first-child span {
color: #10AF28;
}

.section-13 .col:last-child .line:last-child span {
color: #E8B40B;
}

.section-14 .flex {
display:flex;
gap:30px;
border-radius: 16px;
background: #F6F6FF;
overflow:hidden;
}

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

.section-14 .images {
font-size:0px;
line-height:0px;
flex:1;
}

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

.section-14 .name {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 26px */
margin:0 0 10px 0;
}

.section-14 ul {
margin:0 0 20px 0;
padding:0 0 0 20px;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-14 .info {
color: var(--dark-blue, #213570);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 30px 0;
}

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

.section-14 .form input {
flex:1;
width:100%;
height:40px;
border-radius: 8px;
border: 1px solid var(--blue, #4F6ECB);
background: #FFF;
padding:0 15px;
color: #212121;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-14 .phone {
width:100%;
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-14 .phone a {
text-decoration:none;
color: var(--dark-blue, #213570);
}

.checkbox {
width:100%;
}

.checkbox input {
display:none;
}

.checkbox div {
position:relative;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding:0 0 0 24px;
}

.checkbox a {
color: var(--blue, #4F6ECB);
text-decoration:none;
}

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

.checkbox div:before {
content:"";
position:absolute;
top:0px;
left:0px;
z-index:3;
width: 16px;
height: 16px;
border:1px #4F6ECB solid;
border-radius:5px;
}

.checkbox input:checked + .wpcf7-list-item-label div:before {
background:url(../images/checkbox.svg) no-repeat center center;
}

.section-15 .head {
display:flex;
align-items:center;
gap:20px;
margin:0 0 30px 0;
}

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

.section-15 .all {
text-decoration:none;
color: var(--dark-blue, #213570);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 23.4px */
}

.section-15 .flex {
display:flex;
flex-wrap:wrap;
gap:30px;
}

.section-15 .item {
display:block;
text-decoration:none;
width:calc(33.333% - 20px);
padding:0 20px 20px 20px;
border-radius: 16px;
border: 1px solid var(--blue, #4F6ECB);
background: #FBFBFC;
overflow:hidden;
}

.section-15 .images {
margin:0 -20px 20px -20px;
overflow:hidden;
font-size:0px;
line-height:0px;
height:208px;
}

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

.section-15 .name {
color: rgba(37, 37, 37, 0.90);
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
margin:0 0 16px 0;
}

.footer {
border-radius: 16px 16px 0 0;
background: var(--dark-blue, #213570);
padding:80px 0;
}

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

.footer .col-left {
width:100%;
max-width:282px;
}

.footer .col-right {
flex:1;
display:flex;
flex-wrap:wrap;
gap:30px;
}

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

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

.footer .geo span {
display:block;
margin:0 0 3px 0;
color: var(--blue, #4F6ECB);
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

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

.footer .geo li {
position:relative;
padding:0 0 0 8px;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.footer .geo li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width: 4px;
height: 4px;
background:#4F6ECB;
border-radius:555px;
margin:-2px 0 0 0;
}

.footer .phone {
margin:0 0 20px 0;
color: var(--blue, #4F6ECB);
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.footer .phone a {
display:table;
text-decoration:none;
margin:0 0 4px 0;
color: #FFF;
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.footer .feedback-order {
width:100%;
margin:0 0 30px 0;
padding:11px;
}

.footer .rating {
border-radius: 8px;
border: 1px solid #FFF;
display:inline-flex;
margin:0 0 30px 0;
}

.footer .rating span:first-child {
display:flex;
align-items:center;
gap:4px;
padding:8px;
border-radius: 8px;
background: #FFF;
color: #213570;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.2px;
}

.footer .rating span:first-child:before {
content:"";
width:24px;
height:24px;
background:url(../images/footer-star.svg) no-repeat;
}

.footer .rating span:last-child {
padding:9px 10px;
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.footer .social {
display:flex;
gap:15px;
margin:0 0 30px 0;
}

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

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

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

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

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

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

.footer .info {
color: rgba(255, 255, 255, 0.50);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 15.6px */
}

.footer .col {
flex:1;
}

.footer .name {
color: var(--blue, #4F6ECB);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 20px 0;
}

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

.footer ul a {
text-decoration:none;
color: var(--white, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.footer ul a:hover {
opacity: 0.7;
}

.footer .desc {
display:flex;
gap:30px;
margin:0 0 20px 0;
}

.footer .block {
flex:1;
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.footer .warning {
margin:0 0 20px 0;
font-size:0px;
line-height:0px;
}

.footer .bottom {
display:flex;
justify-content: space-between;
flex-wrap:wrap;
gap:10px;
margin:0 0 20px 0;
}

.footer .bottom a {
text-decoration:none;
color: rgba(255, 255, 255, 0.50);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

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

.footer .copyright {
color: #FFF;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.speedbar {
margin:0 0 30px 0;
color: #919191;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
}

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

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

.section-16 .text {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 30px 0;
}

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

.section-16 .item {
width:calc(25% - 23px);
padding:30px;
border-radius: 16px;
background: #F6F6FF;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

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

.section-16 .name {
color: #000;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 10px 0;
}

.section-17 .tabs__caption {
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0px;
padding:0px;
list-style:none;
}

.section-17 .tabs__caption li {
cursor:pointer;
margin:0 0 -1px 0;
padding:10px 20px;
border-radius: 8px 8px 0 0;
border: 1px solid var(--blue, #4F6ECB);
color: var(--blue, #4F6ECB);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-17 .tabs__caption li.active {
cursor:default;
background: var(--blue, #4F6ECB);
color: #FFF;
}

.section-17 .tabs__content {
display:none;
padding:30px;
border-radius: 0 16px 16px 16px;
border: 1px solid var(--blue, #4F6ECB);
}

.section-17 .tabs__content.active {
display:block;
}

.section-17 .tabs__content h2 {
color: #252525;
font-family: Raleway;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 20px 0;
}

.section-17 .tabs__content ol {
margin:0 0 30px 0;
padding:0 0 0 20px;
}

.section-17 .tabs__content ol:last-child {
margin:0px;
}

.section-17 .flex {
display:flex;
gap:20px;
margin:0 0 30px 0;
position:relative;
overflow-x:auto;
}

.section-17 .flex:before {
content:"";
position:absolute;
top:41px;
left:0px;
right:0px;
z-index:3;
height:1px;
background:#4F6ECB;
}

.section-17 .item {
flex:1;
border-radius:16px;
border: 1px solid var(--blue, #4F6ECB);
background: #F6F6FF;
position:relative;
z-index:3;
}

.section-17 .title {
padding:20px;
color: #000;
text-align: center;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
align-items: center;
justify-content: center;
}

.section-17 .block {
display: flex;
align-items: center;
justify-content: center;
padding:20px 10px;
border-top: 1px solid var(--blue, #4F6ECB);
border-bottom: 1px solid var(--blue, #4F6ECB);
background: #FFF;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-17 .block ul {
margin:0px;
padding:0 0 0 20px;
}

.section-17 .bottom {
padding:20px;
display: flex;
align-items: center;
justify-content: center;
}

.section-17 .bottom ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:4px;
}

.section-17 .bottom li {
position:relative;
padding:0 0 0 16px;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-17 .bottom li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width: 8px;
height: 8px;
background:#4F6ECB;
border-radius:555px;
margin:-4px 0 0 0;
}

.section-17 .feedback {
margin:0 auto 10px auto;
}

.section-17 .warning {
color: #919191;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
text-align:center;
}

.section-18 {
padding:80px 0;
background: #F5F5F5;
}

.section-18 .head {
display:flex;
align-items:flex-start;
justify-content: space-between;
gap:30px;
margin:0 0 30px 0;
}

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

.section-18 .info {
flex:1;
display:flex;
gap:20px;
padding:10px 15px;
border-radius: 8px;
border: 1px solid var(--blue, #4F6ECB);
background: #FFF;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
max-width:802px;
}

.section-18 .info:before {
content:"";
width:24px;
height:24px;
background:url(../images/section8-info.svg) no-repeat;
flex-shrink:0;
}

.section-18 .flex {
display:flex;
flex-wrap:wrap;
gap:30px;
}

.section-18 .item {
width:calc(33.333% - 20px);
padding:30px;
border-radius: 16px;
background: #FFF;
}

.section-18 .name {
color: rgba(0, 0, 0, 0.90);
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
margin:0 0 15px 0;
}

.section-18 .desc {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
margin:0 0 20px 0;
}

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

.section-19 .slide {
border-radius: 16px;
border: 1px solid var(--blue, #4F6ECB);
background: #FBFBFC;
padding:20px;
overflow:hidden;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%;
display:flex;
align-items:flex-start;
flex-direction:column;
}

.section-19 .flex .slide {
width:calc(33.333% - 20px);
}

.section-19 .images {
overflow:hidden;
font-size:0px;
line-height:0px;
height:208px;
background: #EBEBEB;
margin:0 -20px 20px -20px;
}

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

.section-19 .name {
margin:0 0 15px 0;
color: rgba(0, 0, 0, 0.90);
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
}

.section-19 .desc {
flex:1;
}

.section-19 .block {
display:flex;
flex-wrap:wrap;
gap:30px;
padding:30px;
border-radius: 16px;
background: var(--dark-blue, #213570);
}

.section-19 .title {
color: #FFF;
font-family: Raleway;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
width:100%;
}

.section-19 .col-left {
flex:1;
color: var(--white, #FFF);
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: normal;
padding:0 0 0 44px;
background:url(../images/section3-quote.svg) no-repeat;
}

.section-19 .col-right {
display:flex;
align-items:center;
gap:30px;
}

.section-19 .photo {
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 12px;
}

.section-19 .block .name {
flex:1;
min-width:256px;
margin:0px;
}

.section-19 .name span:first-child {
display:block;
margin:0 0 8px 0;
color: var(--white, #FFF);
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-19 .name span:last-child {
display:block;
color: var(--white, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.5;
}

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

.section-19 .line {
display:flex;
align-items:center;
gap:8px;
color: var(--white, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}

.section-19 .line span:last-child {
margin:0 0 0 2px;
}

.section-19 .flex .btn-all-blue-two {
margin:20px 0 0 0;
}

.section-20 .head {
display:flex;
gap:30px;
margin:0 0 30px 0;
}

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

.section-20 .head .desc {
flex:1;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-20 .slider {
margin:0 0 30px 0;
}

.section-20 .slide {
display:flex;
border-radius: 16px;
background: #F6F6FF;
}

.section-20 .images {
flex:1;
font-size:0px;
line-height:0px;
}

.section-20 .col-right {
flex:1;
padding:30px;
}

.section-20 .name {
color: #252525;
font-family: Raleway;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 10px 0;
}

.section-20 .info {
color: #919191;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 23.4px */
margin:0 0 30px 0;
}

.section-20 .field {
display:flex;
flex-wrap:wrap;
gap:20px;
margin:0 0 30px 0;
}

.section-20 .field span {
padding: 4px 8px;
border-radius: 8px;
background: #FFF;
color: var(--blue, #4F6ECB);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-20 .desc {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 23.4px */
}

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

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

.section-20 .feedback {
width:100%;
max-width:259px;
margin:0 auto 10px auto;
}

.section-20 .warning {
color: #919191;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
text-align:center;
}

.section-21 {
background: #F6F6FF;
padding:80px 0;
}

.section-21 .head {
display:flex;
gap:30px;
margin:0 0 30px 0;
}

.section-21 .title-section {
flex:1;
margin:0px;
}

.section-21 .head .desc {
flex:1;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-21 .slider {
margin:0 0 30px 0;
}

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

.section-21 .col-left {
width:100%;
max-width:386px;
}

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

.section-21 .tabs__caption {
display:flex;
justify-content: center;
flex-wrap:wrap;
gap:20px;
margin:0px;
padding:0px;
list-style:none;
}

.section-21 .tabs__caption li {
cursor:pointer;
padding:10px 20px;
border-radius: 8px;
border: 1px solid var(--dark-blue, #213570);
color: var(--dark-blue, #213570);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-21 .tabs__caption li.active {
cursor:default;
background: var(--dark-blue, #213570);
color: #FFF;
}

.section-21 .tabs__content {
display:none;
font-size:0px;
line-height:0px;
margin:0 0 20px 0;
}

.section-21 .tabs__content.active {
display:block;
}

.section-21 .title {
color: var(--blue, #4F6ECB);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 10px 0;
}

.section-21 .col-right .desc {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 30px 0;
}

.section-21 .field {
display:flex;
flex-direction:column;
gap:20px;
}

.section-21 .line {
display:flex;
align-items:center;
gap:20px;
}

.section-21 .line span:first-child {
padding: 4px 8px;
border-radius: 8px;
background: #FFF;
min-width:85px;
color: var(--blue, #4F6ECB);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
flex-shrink:0;
text-align:center;
}

.section-21 .line span:last-child {
flex:1;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-21 .feedback {
width:100%;
max-width:259px;
margin:0 auto 10px auto;
}

.section-21 .warning {
color: #919191;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
text-align:center;
}

.section-22 .slider {
margin:0 0 30px 0;
font-size:0px;
line-height:0px;
}

.section-22 .slide {
overflow:hidden;
height:420px;
overflow:hidden;
border-radius: 16px;
border: 1px solid #FBFBFC;
}

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

.section-22 .btn-all-blue-two {
width:100%;
max-width:260px;
margin:0 auto;
}

.warning-all {
color: #919191;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
text-align:center;
margin:10px 0 0 0;
}

.section-23 .flex {
display:flex;
flex-direction:column;
gap:20px;
margin:0 0 30px 0;
}

.section-23 .question {
border-radius: 16px;
border: 1px solid var(--blue, #4F6ECB);
background: #F5F5F5;
padding:20px;
cursor:pointer;
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
color: rgba(0, 0, 0, 0.90);
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 26px */
}

.section-23 .question:after {
content:"";
width:24px;
height:24px;
background:url(../images/section23-arrow.svg) no-repeat;
transition: .5s;
}

.section-23 .question.active:after {
transform: rotate(180deg);
}

.section-23 .answer {
display:none;
padding:20px 0 10px 0;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-23 .feedback {
margin:0 auto;
}

.section-23 .prev {
margin:0 auto;
}

.title-page {
color: #252525;
font-family: Raleway;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 30px 0;
}

.filter-block {
display:flex;
gap:20px;
margin:0 0 30px 0;
padding:20px;
border-radius: 16px;
background: #F6F6FF;
}

.filter-block input, .filter-block select, .filter-block button {
flex:1;
width:100%;
height:40px;
}

.filter-block input {
border-radius: 8px;
border: 1px solid #919191;
background: #FFF;
padding:0 15px 0 10px;
font-size: 14px;
}

.filter-block select {
border-radius: 8px;
border: 1px solid #919191;
background:url(../images/arrow-down.svg) no-repeat right 15px center, #FFF;
padding:0 15px;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.filter-block button {
border-radius: 8px;
background: var(--blue, #4F6ECB);
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-24 {
position:relative;
padding:80px 0;
}

.section-24 iframe {
width:100% !important;
height:100% !important;
border:0px !important;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:3;
}

.section-24 .block {
position:relative;
z-index:3;
width:100%;
max-width:593px;
padding:30px;
border-radius: 16px;
border: 1px solid var(--dark-blue, #213570);
background: #FFF;
}

.section-24 .name {
color: var(--dark-blue, #213570);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 26px */
margin:0 0 10px 0;
}

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

.section-24 li {
position:relative;
padding:0 0 0 16px;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-24 li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:3;
width: 8px;
height: 8px;
background:#4F6ECB;
border-radius:555px;
margin:-4px 0 0 0;
}

.section-24 .phone {
display:table;
text-decoration:none;
margin:0 0 30px 0;
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-24 .phone:last-child {
margin:0px;
}

.section-25 .block {
display:flex;
flex-wrap:wrap;
gap:20px;
margin:0 0 40px 0;
padding:20px;
border-radius: 16px;
background: #F6F6FF;
}

.section-25 .block input {
width:19.5%;
height:40px;
border-radius: 8px;
border: 1px solid #919191;
background: #FFF;
padding:0 15px 0 10px;
font-size: 14px;
}

.section-25 .block input:first-child, .section-25 .block select {
width:calc(61% - 40px);
}

.section-25 .block select {
height:40px;
border-radius: 8px;
border: 1px solid #919191;
background: #FFF;
padding:0 15px;
background:url(../images/arrow-down.svg) no-repeat right 15px center, #FFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
}

.section-25 .block .info {
width:100%;
display:flex;
align-items:center;
gap:8px;
margin:0 0 -8px 0;
color: #252525;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-25 .block .info:before {
content:"";
flex-shrink:0;
width:16px;
height:16px;
background:url(../images/section25-info.svg) no-repeat;
}

.section-25 .block textarea {
width:100%;
height:120px;
border-radius: 8px;
border: 1px solid #919191;
background: #FFF;
padding:10px;
font-size: 14px;
resize:none;
}

.section-25 .item {
margin:0 0 40px 0;
}

.section-25 .title {
color: #252525;
font-family: Raleway;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 18px 0;
}

.section-25 .line {
display:flex;
align-items:center;
gap:20px;
padding:12px 0;
border-bottom: 1px solid rgba(145, 145, 145, 0.50);
color: #252525;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-25 .name {
flex:1;
}

.section-25 .radios {
display:flex;
align-items:center;
gap:30px;
}

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

.section-25 .radios span {
display:flex;
align-items:center;
gap:8px;
}

.section-25 .radios span:before {
content:"";
flex-shrink:0;
width: 16px;
height: 16px;
border:1px #4F6ECB solid;
border-radius:555px;
}

.section-25 .radios input:checked + span:before {
background:url(../images/radio.svg) no-repeat;
}

.section-25 button {
padding:15px 30px;
margin:0 auto;
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

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

.section-9 .item.last {
display: flex;
align-items: center;
justify-content: center;
flex-direction:column;
gap:20px;
text-align:center;
border-radius: 16px;
border: 1px solid var(--dark-blue, #213570);
background:#fff;
}

.section-9 .item.last .title {
color: var(--dark-blue, #213570);
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-26 .flex {
display:flex;
gap:30px;
}

.section-26 .item {
flex:1;
padding:20px 30px;
border-radius: 16px;
border: 1px solid rgba(79, 110, 203, 0.50);
color: #000;
text-align: center;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-26 .name {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
margin:0 0 10px 0;
color: var(--dark-blue, #213570);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-26 .name span {
font-size: 36px;
}

.pdf-flex {
display:flex;
flex-wrap:wrap;
gap:30px;
margin:30px 0 0 0;
}

.pdf-flex a {
width:calc(33.333% - 20px);
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
text-decoration:none;
padding:30px;
border-radius: 16px;
border: 1px solid rgba(79, 110, 203, 0.50);
color: #252525;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
background:#fff;
}

.pdf-flex a:after {
content:"";
width:36px;
height:36px;
background:url(../images/pdf.svg) no-repeat;
flex-shrink:0;
}

.section-28 {
color: #252525;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-29 .flex {
display:flex;
align-items:center;
gap:30px;
padding:30px;
border-radius: 16px;
background: var(--dark-blue, #213570);
}

.section-29 .title {
flex:1;
margin:0px;
color: #FFF;
font-family: Raleway;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-29 .pdf-flex {
margin:0px;
display:block;
width:100%;
max-width:386px;
}

.section-29 .pdf-flex a {
width:100%;
}

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

.section-30 .item {
border-radius: 16px;
background: #F6F6FF;
padding:30px;
}

.section-30 .name {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
cursor:pointer;
color: #252525;
font-family: Raleway;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-30 .name:after {
content:"";
width:24px;
height:24px;
background:url(../images/section30-arrow.svg) no-repeat;
transition: .5s;
}

.section-30 .name.active:after {
transform: rotate(180deg);
}

.section-30 .hover {
display:none;
padding:30px 0 0 0;
}

.section-30 .line {
display:flex;
gap:20px;
color: #252525;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 20px 0;
}

.section-30 .line span:first-child {
flex:1;
}

.section-30 .info {
margin:30px 0 0 0;
color: #919191;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
}

.section-31 .flex {
display:flex;
flex-wrap:wrap;
gap:30px;
}

.section-31 .item {
width:calc(33.333% - 20px);
border-radius: 16px;
border: 1px solid var(--blue, #4F6ECB);
background: #FBFBFC;
padding:0 20px 20px 20px;
overflow:hidden;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%;
display:flex;
align-items:flex-start;
flex-direction:column;
}

.section-31 .images {
overflow:hidden;
font-size:0px;
line-height:0px;
height:208px;
background: #EBEBEB;
margin:0 -20px 20px -20px;
}

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

.section-31 .cat {
margin:0 0 15px 0;
color: #919191;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 15.6px */
}

.section-31 .name {
margin:0 0 15px 0;
color: rgba(0, 0, 0, 0.90);
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
}

.section-31 .desc {
flex:1;
margin:0 0 20px 0;
color: #252525;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}

.section-31 .price {
margin:0 0 20px 0;
display:flex;
align-items:center;
gap:20px;
color: var(--blue, #4F6ECB);
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 31.2px */
}

.section-31 .price span {
color: rgba(145, 145, 145, 0.90);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
text-decoration-line: line-through;
}

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

.links-category {
display:flex;
flex-wrap:wrap;
gap:20px;
margin:0 0 30px 0;
}

.links-category a {
text-decoration:none;
padding:10px 20px;
border-radius: 8px;
background: #F6F6FF;
color: #252525;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.links-category a:hover {
background: var(--blue, #4F6ECB);
color: var(--white, #FFF);
}

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

.section-32 .name {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
cursor:pointer;
color: #252525;
font-family: Raleway;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: 16px;
background: #F6F6FF;
padding:30px;
}

.section-32 .name:after {
content:"";
width:24px;
height:24px;
background:url(../images/section30-arrow.svg) no-repeat;
transition: .5s;
}

.section-32 .name.active:after {
transform: rotate(180deg);
}

.section-32 .hover {
display:none;
padding:30px 0 0 0;
}

.section-32 .flex-block {
display:flex;
flex-wrap:wrap;
gap:30px;
}

.section-32 .block {
width:calc(33.333% - 20px);
padding:20px;
border-radius: 16px;
border: 1px solid #4F6ECB;
}

.section-32 .title {
color: rgba(0, 0, 0, 0.90);
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
margin:0 0 15px 0;
}

.section-32 .desc {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
margin:0 0 15px 0;
}

.section-33 .flex {
border-radius: 16px;
background: #F6F6FF;
display:flex;
gap:30px;
padding:30px;
}

.section-33 .photo {
font-size:0px;
line-height:0px;
overflow:hidden;
width: 148px;
height: 148px;
border-radius: 12px;
}

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

.section-33 .block {
flex:1;
display:flex;
flex-direction:column;
gap:8px;
}

.section-33 .info-block {
width:100%;
max-width:356px;
display:flex;
flex-direction:column;
gap:20px;
}

.section-33 .title {
color: #252525;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}

.section-33 .block .name {
color: rgba(37, 37, 37, 0.90);
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 26px */
}

.section-33 .desc {
color: #919191;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%;
flex:1;
}

.section-33 .share {
display:flex;
align-items:center;
gap:15px;
}

.section-33 .share span {
margin:0 15px 0 0;
color: #252525;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}

.section-33 .share a {
display:block;
text-decoration:none;
font-size:0px;
line-height:0px;
}

.section-33 .line {
display:flex;
align-items:center;
gap:20px;
color: #252525;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}

.section-33 .line .name {
display:flex;
align-items:center;
gap:8px;
flex:1;
}

.section-34 {
color: #252525;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-34 h2 {
color: #252525;
font-family: Raleway;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 20px 0;
}

.section-34 ul {
list-style:none;
margin:20px 0;
padding:0px;
display:flex;
flex-direction:column;
gap:12px;
}

.section-34 li {
position:relative;
padding:0 0 0 16px;
}

.section-34 li:before {
content:"";
position:absolute;
top:6px;
left:0px;
z-index:3;
width: 8px;
height: 8px;
background:#4F6ECB;
border-radius:555px;
}

.section-34 ol {
margin:20px 0;
padding:0 0 0 20px;
}

.section-34 #links {
margin:0 0 20px 0;
padding:0px;
list-style:none;
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:20px;
}

.section-34 #links a {
display:block;
text-decoration:none;
padding:10px 20px;
border-radius: 8px;
border: 1px solid #000;
color: #252525;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-34 #links li {
padding:0px;
}

.section-34 #links li:before {
display:none;
}

.section-34 .warning {
margin:40px 0;
padding:15px 20px 15px 64px;
border-radius: 8px;
border: 1px solid var(--blue, #4F6ECB);
background:url(../images/section34-warning.svg) no-repeat 20px center, #F6F6FF;
color: #252525;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-34 .warning b {
display:block;
}

.section-35 .head {
display:flex;
margin:0 0 30px 0;
border-radius: 16px;
background: #F6F6FF;
overflow:hidden;
}

.section-35 .head .images {
font-size:0px;
line-height:0px;
overflow:hidden;
width:100%;
max-width:386px;
}

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

.section-35 .head .col-right {
flex:1;
padding:30px;
}

.section-35 .head .title {
color: #252525;
font-family: Raleway;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 10px 0;
}

.section-35 .head .info {
color: #919191;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 23.4px */
margin:0 0 30px 0;
}

.section-35 .head .desc {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%;
margin:0 0 30px 0;
}

.section-35 .head .desc b {
display:block;
margin:0 0 4px 0;
}

.section-35 .head .desc ul {
margin:0px;
padding:0 0 0 20px;
}

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

.section-35 .age {
border-radius: 8px;
background: #FFF;
padding:4px 8px;
color: var(--blue, #4F6ECB);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-35 .geo {
display:flex;
align-items:center;
gap:8px;
padding:4px 8px;
border-radius: 8px;
background: #FFF;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-35 .geo:before {
content:"";
width: 8px;
height: 8px;
background:#4F6ECB;
border-radius:555px;
}

.section-35 .review {
display:table;
text-decoration:none;
color: var(--dark-blue, #213570);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 23.4px */
}

.section-35 .price {
color: #000;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 30px 0;
}

.section-35 .bottom {
display:flex;
gap:30px;
}

.section-35 .bottom div {
flex:1;
}

.section-35 .block-main {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 30px 0;
padding:30px;
border-radius: 16px;
background: #FBFBFC;
}

.section-35 .block-main h2 {
color: #252525;
font-family: Raleway;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 30px 0;
}

.section-35 .block-main ul {
margin:0px;
padding:0 0 0 20px;
}

.section-35 .block-main.price {
background: #F6F6FF;
}

.section-35 .block-main.price .line {
display:flex;
gap:20px;
color: #252525;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 20px 0;
}

.section-35 .block-main.price .line span:first-child {
flex:1;
}

.section-35 .block-main.price .info {
margin:30px 0 0 0;
color: #919191;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
}

.section-36 .slide {
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 16px;
height:260px;
}

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

.section-37 .title {
color: #000;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 20px 0;
}

.section-37 .slide {
display:flex;
gap:30px;
}

.section-37 .col-left {
flex:1;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

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

.section-37 .play {
position:relative;
overflow:hidden;
font-size:0px;
line-height:0px;
border-radius: 16px;
height:300px;
display:block;
margin:0 0 20px 0;
}

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

.section-37 .play:before {
content:"";
position:absolute;
top:50%;
left:50%;
z-index:3;
width:64px;
height:64px;
background:url(../images/section6-play.svg) no-repeat;
margin:-32px 0 0 -32px;
}

.section-37 .name {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 30px 0;
}

.section-37 .field {
display:flex;
gap:30px;
margin:0 0 30px 0;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-37 .line span {
display:table;
border-radius: 8px;
background: #F6F6FF;
margin:0 0 10px 0;
padding: 4px 8px;
color: var(--blue, #4F6ECB);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-37 .info {
color: #000;
font-size: 20px;
font-style: italic;
font-weight: 400;
line-height: normal;
}

.section-38 .slide {
font-size:0px;
line-height:0px;
overflow:hidden;
height:420px;
border-radius: 16px;
background: #E3E3E3;
display:block;
text-decoration:none;
}

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

.section-39 .flex {
display:flex;
gap:20px;
margin:0 0 30px 0;
}

.section-39 .col {
font-size:0px;
line-height:0px;
overflow:hidden;
flex:1;
height:332px;
border-radius: 16px;
position:relative;
}

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

.section-39 .col span {
position:absolute;
top:20px;
left:20px;
z-index:3;
border-radius: 8px;
background: #F6F6FF;
padding:4px 8px;
color: var(--blue, #4F6ECB);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-39 .title {
color: var(--blue, #4F6ECB);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 26px */
margin:0 0 10px 0;
}

.section-39 .name {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 10px 0;
}

.section-39 .desc {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.popup-block {
display:none;
}

.popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(79, 110, 203, 0.20) 0%, rgba(79, 110, 203, 0.20) 100%);
z-index: 99999999999999;
overflow: auto;
width:100%;
height:100%;
}

.popup-block .block {
width:100%;
max-width:594px;
position:fixed;
top:50%;
left:50%;
z-index:99999999999;
transform: translate(-50%, -50%);
border-radius: 16px;
border: 1px solid var(--dark-blue, #213570);
background: #FFF;
padding:30px;
}

.popup-block .close {
width:24px;
height:24px;
background:url(../images/popup-close.svg) no-repeat;
cursor:pointer;
position:absolute;
top:30px;
right:30px;
background-size:contain;
}

.popup-block .title {
color: #252525;
font-family: Raleway;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 30px 0;
}

.form-block form {
display:flex;
flex-direction:column;
gap:20px;
}

.form-block .input {
width:100%;
}

.form-block label {
display:block;
margin:0 0 10px 0;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 18.2px */
}

.form-block .input input {
width:100%;
height:40px;
border-radius: 8px;
border: 1px solid #919191;
background: #FFF;
font-size: 14px;
padding:0 15px;
}

.form-block .input input:focus {
border: 1px solid var(--blue, #4F6ECB);
}

.form-block .input select {
width:100%;
height:40px;
border-radius: 8px;
border: 1px solid #919191;
background: #FFF;
font-size: 14px;
padding:0 15px;
background:url(../images/arrow-down.svg) no-repeat right 15px center, #FFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

}

.form-block .input select:focus {
border: 1px solid var(--blue, #4F6ECB);
}

.form-block .checkbox {
margin:10px 0;
}

.form-block .btn-all-red {
margin:0 auto;
padding:11px;
width:100%;
max-width:190px;
}

.mobile-phone {
display:none;
}

.mobile-menu {
display:none;
}

.search-open {
display:none;
}

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







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

.topmenu .flex {
padding:0 20px;
}

.topmenu .search {
display:none;
}

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

.section-12 .name {
width:200px;
}





}





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

.header .logo a {
width:150px;
height:68px;
background:url(../images/logo-mobile.svg) no-repeat;
background-size:contain;
}

.header .geo {
display:none;
}

.topmenu ul {
gap:15px;
}

.section-2 .container {
gap:20px;
}

.section-2 .item {
flex:none;
width:calc(50% - 10px);
margin:0 0 11px 0;
}

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

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

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

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

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

.section-7 .bottom {
flex-direction:column;
}

.section-8 .head {
flex-direction:column;
}

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

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

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

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

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

.section-11 .head {
flex-direction:column;
}

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

.section-12 .item {
flex-direction:column;
padding:0 0 0 85px;
position:relative;
}

.section-12 .number {
position:absolute;
top:0px;
bottom:0px;
left:0px;
}

.section-12 .name {
width:100%;
}

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

.section-14 .flex {
flex-direction:column;
gap:0px;
}

.section-14 .col-left {
padding:30px;
}

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

.footer .head {
flex-direction:column;
}

.footer .col-left {
max-width:none;
}

.footer .logo {
margin:0 auto 30px auto;
}

.footer .desc {
flex-direction:column;
gap:10px;
}

.footer .bottom {
align-items: center;
flex-direction:column;
}

.section-4 .flex .slide {
width:calc(50% - 15px);
}

.section-35 .head {
flex-direction:column;
}

.section-35 .head .images {
max-width:none;
}

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

.section-24 {
padding:0px;
display:flex;
flex-direction:column-reverse;
}

.section-24 iframe {
position:relative;
height:530px !important;
}

.section-24 .block {
margin:0 0 30px 0;
padding:0px;
border:0px;
}

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

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

.section-17 .tabs__caption {
gap:2px;
overflow-x:auto;
flex-wrap:nowrap;
}

.section-17 .tabs__caption li {
padding:8px;
font-size: 15px;
flex-shrink:0;
}

.section-18 .head {
flex-direction:column;
margin:0 0 20px 0;
}

.section-18 .item {
width:calc(50% - 15px);
}

.section-19 .col-right {
width:100%;
gap:20px;
}

.section-20 .head {
flex-direction:column;
}

.section-20 .slide {
flex-direction:column;
}

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

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

.section-21 .head {
flex-direction:column;
}

.section-21 .slide {
flex-direction:column;
}

.section-21 .col-left {
max-width:none;
text-align:center;
}

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

.section-33 .share {
flex-wrap:wrap;
}

.section-33 .share span {
width:100%;
margin:0px 0 -3px 0;
}

.section-33 .info-block {
max-width:none;
gap:12px;
}

.section-25 .block {
margin:0 0 30px 0;
}

.section-25 .block input:first-child, .section-25 .block select {
width:100%;
}

.section-25 .block input {
width:calc(50% - 10px);
}

.section-26 .flex {
flex-wrap:wrap;
gap:31px;
}

.section-26 .item {
width:calc(50% - 16px);
}

.section-19 .flex .slide {
width:calc(50% - 15px);
}

.pdf-flex {
gap:30px;
}

.pdf-flex a {
width:calc(50% - 15px);
margin:0 0 -10px 0;
}

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

.title-page {
font-size: 32px;
}

.section-31 .item {
width:calc(50% - 15px);
}

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

.section-32 .block {
width:calc(50% - 10px);
margin:0 0 10px 0;
}















}





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

.header {
border-bottom: 1px solid var(--dark-blue, #213570);
margin:0 0 20px 0;
}

.header .flex {
gap:12px;
}

.header .phone {
display:none;
}

.header .social {
flex-direction:row;
gap:10px;
}

.header .logo a {
width: 110px;
height: 49.5px;
}

.header .button {
display:none;
}

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

.topmenu {
display:none;
}

.section {
margin:0 0 60px 0;
}

.section-1 .slide {
flex-direction:column-reverse;
gap:0px;
}

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

.section-1 .title {
font-size: 28px;
margin:0 0 20px 0;
}

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

.section-1 .price {
margin:0 0 20px 0;
}

.section-1 .btn-all-orange {
width:100%;
text-align:center;
}

.section-2 .item {
width:100%;
margin:0px;
padding:20px;
font-size:14px;
}

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

.title-section {
font-size: 24px;
margin:0 0 20px 0;
}

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

.section-3 .item {
padding:20px 20px 20px 76px;
}

.section-3 .bottom {
padding:20px;
gap:20px;
}

.section-5 .item {
width:100%;
margin:0px;
padding:20px;
}

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

.section-7 .flex {
padding:20px;
}

.section-7 .flex .item {
gap:10px;
font-size:16px;
}

.section-7 .flex .desc {
font-size:14px;
margin:0 0 5px 0;
}

.section-7 .flex .price {
font-size:18px;
max-width:none;
}

.section-7 .bottom .item {
padding:20px;
}

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

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

.section-9 .col-left {
font-size:16px;
}

.desc-section {
font-size:16px;
margin:0 0 20px 0;
}

.section-11 .head {
gap:20px;
}

.section-11 .col-right {
font-size:16px;
}

.section-12 .item {
flex-direction:row;
flex-wrap:wrap;
padding:0px;
}

.section-12 .number {
position:relative;
}

.section-12 .name {
width:auto;
flex:1;
}

.section-12 .desc {
width:100%;
flex:none;
font-size:16px;
}

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

.section-13 .col {
padding:20px;
}

.section-13 .line {
flex-wrap:wrap;
}

.section-14 .col-left {
padding:60px 20px 30px 20px;
}

.section-14 .info {
margin:0 0 20px 0;
}

.section-14 .btn-all-blue-two {
width:100%;
text-align:center;
}

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

.footer {
padding:60px 0;
}

.footer .col-right {
gap:20px;
}

.footer .col {
flex:none;
width:calc(50% - 10px);
margin:0 0 10px 0;
}

.filter-block {
flex-direction:column;
margin:0 0 19px 0;
}

.filter-block input, .filter-block select, .filter-block button {
flex:none;
}

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

.section-4 .flex .slide {
width:100%;
}

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

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

.section-35 .head .title {
font-size:28px;
}

.section-35 .head .info, .section-35 .head .desc, .section-35 .info-flex {
margin:0 0 20px 0;
}

.section-35 .bottom {
flex-direction:column;
gap:10px;
}

.section-35 .block-main {
margin:0 0 20px 0;
padding:20px;
font-size: 16px;
}

.section-35 .block-main h2 {
font-size: 24px;
margin:0 0 20px 0;
}

.section-35 .block-main.price .line {
font-size:16px;
margin:0 0 15px 0;
}

.section-35 .block-main.price .info {
margin:20px 0 0 0;
font-size:12px;
}

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

.section-37 .field {
flex-direction:column;
gap:20px;
margin:0 0 20px 0;
}

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

.section-16 .text {
font-size:16px;
margin:0 0 20px 0;
}

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

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

.section-17 .tabs__content {
padding:20px;
}

.section-17 .tabs__content h2 {
font-size: 24px;
}

.section-18 .info {
font-size:16px;
padding:20px;
flex-direction:column;
}

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

.section-19 .block {
padding:20px;
gap:20px;
}

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

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

.section-19 .info {
margin:20px 0 0 0;
gap:12px;
}

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

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

.section-20 .info, .section-20 .field {
margin:0 0 20px 0;
}

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

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

.section-21 .head {
gap:20px;
}

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

.section-21 .slide {
gap:20px;
}

.section-21 .col-right .desc {
margin:0 0 20px 0;
}

.section-21 .field {
gap:15px;
}

.section-21 .line {
align-items:flex-start;
flex-direction:column;
gap:10px;
}

.section-23 .question {
font-size:18px;
}

.section-23 .answer {
font-size:16px;
}

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

.section-33 .block {
flex:none;
width:100%;
}

.section-34 {
font-size:16px;
}

.section-34 h2 {
font-size: 24px;
}

.section-34 #links {
gap:12px;
}

.section-34 #links a {
padding:8px 12px;
font-size: 14px;
}

.section-25 .block input {
width:100%;
}

.section-25 .title {
font-size: 20px;
margin:0 0 20px 0;
}

.section-25 .line {
font-size:16px;
align-items:flex-start;
flex-direction:column;
gap:12px;
}

.section-26 .flex {
gap:30px;
}

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

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

.section-19 .flex .slide {
width:100%;
}

.section-19 .images {
width:100%;
}

.pdf-flex {
gap:20px;
}

.pdf-flex a {
width:100%;
margin:0px;
padding:20px;
}

.section-28 {
font-size:16px;
}

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

.section-29 .title {
ont-size: 20px;
}

.section-29 .pdf-flex {
max-width:none;
}

.title-page {
font-size: 24px;
}

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

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

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

.section-30 .hover {
padding:20px 0 0 0;
}

.section-30 .line {
font-size:16px;
}

.section-30 .info {
margin:20px 0 0 0;
font-size:12px;
}

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

.section-31 .images {
width:calc(100% + 40px);
}

.links-category a {
font-size: 14px;
padding:8px 12px;
}

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

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

.section-32 .block {
width:100%;
margin:0px;
}

.section-32 .title {
font-size:16px;
}

.section-32 .desc {
font-size:14px;
}



















}