@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Nunito:wght@300;400;500;600;700;800&display=swap');


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

/* CSS Document */


body {
font-size: 16px;
color: #333;
line-height: 140%;
margin:0px;
padding:0px;
background:#F1F4F9;
font-family: 'Nunito', sans-serif;
}

a {
color: #0166bf;
transition: .5s;
text-decoration:none;
}

a:hover {
color:#000;
}

.btn, .feedback, button {
transition: .5s;
}

* {
box-sizing: border-box;
}

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

img {
max-width:100%;
}

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

#primary #main {
width:100%;
max-width:1300px;
margin:0 auto;
padding:0 10px;
background:#fff;
padding:20px;
border-radius:20px;
}

.topline {
margin:20px 0;
}

.topline .site-width {
max-width:1280px;
display:flex;
align-items:center;
padding:18px 25px;
background: #FFFFFF;
border-radius: 20px;
}

.topline .time {
flex:1;
font-size: 14px;
line-height: 19px;
color: #373737;
padding:0 20px 0 0;
}

.topline .time span {
display:block;
margin:0 0 4px 0;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #5282FF;
}

.topline .phone {
display:block;
text-decoration:none;
font-size: 18px;
line-height: 25px;
color: #141515;
margin:0 20px 0 0;
}

.topline .feedback {
text-decoration:none;
cursor:pointer;
display:block;
background: #4A5F8B;
border-radius: 10px;
padding:13px 67px;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
}

.topline .feedback:hover {
background: #5B72A2;
}

.topline .social {
display:flex;
margin:0 0 0 40px;
gap:20px;
}

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

.topline .social .wh {
display:block;
text-decoration:none;
width:43px;
height:43px;
background:url(../images/wh.svg) no-repeat;
}

.header {
margin:0 0 21px 0;
}

.header .site-width {
max-width:1280px;
background: #FFFFFF;
border-radius: 20px;
padding:20px;
display:flex;
align-items:center;
gap:59px;
}

.header .logo img {
font-size:0px;
width:100px;
border-radius:555px;
}

.header .logo a {
text-decoration:none;
display:flex;
align-items:center;
}

.header .logo span {
flex:1;
margin:0 0 0 10px;
font-size: 14px;
line-height: 19px;
color: #373737;
}

.header .menu {
flex:1;
}

.header .menu ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
gap:35px;
justify-content: flex-end;
font-size: 18px;
line-height: 25px;
color: #000000;
}

.header .menu ul:before {
display:none !important;
}

.header .menu a {
text-decoration:none;
font-size: 18px;
line-height: 25px;
color: #000000;
}

.header .menu a:hover {
text-decoration:underline;
}

.header .menu li {
position:relative;
}

.header .menu li ul {
position:absolute;
top:100%;
left:0px;
padding:20px;
z-index:3;
background:#4A5F8B;
border-radius:20px;
display:none;
width:300px;
}

.header .menu li ul li {
margin:5px 0;
}

.header .menu li ul li a {
color:#fff;
}

.header .menu li:hover > ul {
display:block;
}

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

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

.section-1 .col-left {
flex:1;
background:url(https://krdpark.ru/wp-content/uploads/2025/05/park-krasnodar.jpg) no-repeat;
border-radius: 20px;
overflow:hidden;
padding:86px 45px 83px 45px;
background-size:cover;
}

.section-1 .col-right {
width:400px;
background: #4A5F8B;
border-radius:20px;
position:relative;
}

.section-1 .col-left .name {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 110%;
text-transform: uppercase;
color: #FFFFFF;
margin:0 0 15px 0;
}

.section-1 .col-left h1 {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 56px;
line-height: 110%;
text-transform: uppercase;
color: #FFFFFF;
margin:0 0 65px 0;
}

.section-1 .col-left .desc {
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
margin:0 0 20px 0;
}

.section-1 .col-left .btn {
display:table;
text-decoration:none;
cursor:pointer;
background: #B296E2;
border-radius: 10px;
padding:13px 46px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
}

.section-1 .col-left .btn:hover {
background: #9983BF;
}

.section-1 .col-right .images {
overflow:hidden;
position:relative;
font-size:0px;
line-height:0px;
height:190px;
}

.section-1 .col-right .sale {
position:absolute;
top:20px;
left:20px;
z-index:3;
background: #E8EEFA;
border-radius: 44px;
padding:4px 10px;
font-size: 16px;
line-height: 22px;
color: #0159F9;
}

.section-1 .col-right .procent {
position:absolute;
top:20px;
right:17px;
z-index:3;
background: #E8EEFA;
border-radius: 44px;
padding:4px 10px;
font-size: 16px;
line-height: 22px;
color: #0159F9;
}

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

.section-1 .col-right .head {
display:flex;
margin:0 0 16px 0;
}

.section-1 .col-right .name {
flex:1;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 130%;
text-transform: uppercase;
color: #FFFFFF;
padding:0 10px 0 0;
}

.section-1 .col-right .price {

}

.section-1 .col-right .price .old {
margin:0 0 12px 0;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 110%;
color: #93A0B9;
}

.section-1 .col-right .price .old span {
display:block;
font-weight: 600;
font-size: 16px;
line-height: 110%;
color: #93A0B9;
margin:1px 0 0 0;
text-decoration:line-through;
}

.section-1 .col-right .price .new {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 110%;
color: #FFFFFF;
}

.section-1 .col-right form {
display:block;
}

.section-1 .col-right input {
width:100%;
background: #FFFFFF;
border-radius: 5px;
height:51px;
margin:0 0 10px 0;
padding:0 20px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 110%;
border:0px;
}

.section-1 .col-right form button {
width:100%;
cursor:pointer;
margin:5px 0 0 0;
background: #B296E2;
border-radius: 10px;
height:53px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
border:0px;
transition: .5s;
}

.section-1 .col-right form button:hover {
background: #9983BF;
}

.section-1 .slick-dots {
list-style:none;
padding:0px;
font-size:0px;
line-height:0px;
display:flex;
justify-content: center;
z-index:3;
position:absolute;
bottom:-40px;
left:0px;
right:0px;
z-index:3;
}

.section-1 .slick-dots li {
margin:0 7px;
}

.section-1 .slick-dots button {
border-radius:555px;
width:12px;
height:12px;
font-size:0px;
line-height:0px;
background: #DDDAE1;
border:0px;
cursor:pointer;
}

.section-1 .slick-dots .slick-active button {
background: #4A5F8B;
cursor:default;
}

.title-section {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 35px;
line-height: 110%;
text-transform: uppercase;
color: #4A5F8B;
margin:0 0 53px 0;
}

.section-2 {
margin:0 0 100px 0;
}

.section-2 .flex {
display:flex;
flex-wrap:wrap;
margin:-10px;
}

.section-2 .item {
width:33.333%;
padding:10px;
}

.section-2 .block {
background: #FFFFFF;
border-radius: 20px;
padding:27px 38px 47px 38px;
height:100%;
}

.section-2 .name {
background: #B296E2;
border-radius: 44px;
margin:0 0 81px 0;
padding:4px 20px;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
display:table;
}

.section-2 .number {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 100px;
line-height: 110%;
text-transform: uppercase;
color: #4A5F8B;
margin:0 0 17px 0;
}

.section-2 .desc {
font-size: 18px;
line-height: 25px;
color: #000000;
}

.section-2 .item:nth-child(1) .block {
background:#fff url(../images/section2-item1.png) no-repeat right bottom;
}

.section-2 .item:nth-child(3) .block {
background:#fff url(../images/section2-item3.png) no-repeat right bottom;
}

.section-3 {
margin:0 0 164px 0;
}

.section-3 .parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(8, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
gap:12px;
font-size:0px;
line-height:0px;
}

.section-3 .img:nth-child(1) { grid-area: 1 / 1 / 6 / 2; }
.section-3 .img:nth-child(2) { grid-area: 1 / 2 / 4 / 3; }
.section-3 .img:nth-child(3) { grid-area: 1 / 3 / 5 / 4; }
.section-3 .img:nth-child(4) { grid-area: 6 / 1 / 9 / 2; }
.section-3 .img:nth-child(5) { grid-area: 4 / 2 / 9 / 3; }
.section-3 .img:nth-child(6) { grid-area: 5 / 3 / 9 / 4; }

.section-3 .parent img {
min-height:100%;
}

.section-3 .img {
position:relative;
border-radius:20px;
overflow:hidden;
}

.section-3 img {
transition: .5s;
}

.section-3 .img:hover img {
transform: scale(1.1);
}

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

.section-3 .block {
position:absolute;
bottom:24px;
left:24px;
right:24px;
z-index:3;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 110%;
color: #FFFFFF;
}

.section-3 .block span {
display:block;
font-weight: 600;
font-size: 25px;
line-height: 110%;
color: #FFFFFF;
margin:8px 0 0 0;
}

.section-4 {
padding:77px 0 177px 0;
background:#394760;
margin:0 0 96px 0;
}

.section-4 .title-section {
color:#fff;
}

.section-4.page {
background:none;
padding:0px;
}

.section-4.page .title-section {
color: #4A5F8B;
}

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

.section-4 .item {
width:calc(33.333% - 13px);
background: #FFFFFF;
border-radius: 20px;
padding:135px 30px 30px 30px;
position:relative;
}

.section-4 .name {
position:relative;
z-index:3;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 110%;
color: #4A5F8B;
margin:0 0 35px 0;
}

.section-4 .desc {
position:relative;
z-index:3;
font-size: 18px;
line-height: 25px;
color: #000000;
}

.section-4 .item:before {
position:absolute;
top:0px;
left:0px;
z-index:1;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 374.4px;
line-height: 72%;
leading-trim: both;
text-edge: cap;
color: rgba(57, 71, 96, 0.05);
}

.section-4 .item:nth-child(1):before {
content:"1";
}

.section-4 .item:nth-child(2):before {
content:"2";
}

.section-4 .item:nth-child(3):before {
content:"3";
}

.section-4 .item:nth-child(4):before {
content:"4";
}

.section-4 .item:nth-child(5):before {
content:"5";
}

.section-4 .item:nth-child(6):before {
content:"6";
}

.section-4 .form {
margin:140px 0 0 0;
background:url(../images/section4-form.jpg) no-repeat center bottom;
padding:50px 85px 30px 85px;
border-radius:20px;
overflow:hidden;
}

.section-4 .form .head {
display:flex;
margin:0 0 50px 0;
}

.section-4 .form .title {
flex:1;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 35px;
line-height: 110%;
color: #FFFFFF;
padding:0 20px 0 0;
}

.section-4 .form .desc {
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
}

.section-4 form {
display:flex;
justify-content: space-between;
}

.section-4 input {
width:46.84%;
height:57px;
border:0px;
background: #FFFFFF;
border-radius: 10px;
font-size: 18px;
line-height: 25px;
padding:0 25px;
}

.section-4 button {
border:0px;
background: #4A5F8B;
border-radius: 10px;
cursor:pointer;
width:49.54%;
height:57px;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #F1F4F9;
transition: .5s;
}

.section-4 button:hover {
background: #5B72A2;
}

.section-4 .warning {
text-align:center;
margin:21px 0 0 0;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}

.section-4 .warning a {
text-decoration:underline;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}

.section-4 .warning a:hover {
text-decoration:none;
}

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

.section-5 .site-width {
max-width:100%;
padding:0 0 0 16.6%;
}

.section-5 .slide {
display:block;
text-decoration:none;
background: #FFFFFF;
border-radius: 20px;
overflow:hidden;
padding:0px 30px 25px 30px;
width:100%;
max-width:414px;
}

.section-5 .slick-slide {
margin:0 26px 0 0;
}

.section-5 .images {
height:423px;
overflow:hidden;
font-size:0px;
line-height:0px;
margin:0 -30px 24px -30px;
}

.section-5 .name {
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 110%;
color: #4A5F8B;
margin:0 0 14px 0;
}

.section-5 .info {
font-size: 18px;
line-height: 25px;
color: #000000;
}

.section-6 {
margin:0 0 144px 0;
}

.section-6 .slick-slide {
margin:0 10px;
}

.section-6 .slide {
font-size:0px;
line-height:0px;
display:block;
border-radius: 20px;
overflow:hidden;
text-decoration:none;
}

.section-6 .slick-dots {
list-style:none;
padding:0px;
font-size:0px;
line-height:0px;
display:flex;
justify-content: center;
z-index:3;
margin:24px 0 0 0;
}

.section-6 .slick-dots li {
margin:0 7px;
}

.section-6 .slick-dots button {
border-radius:555px;
width:12px;
height:12px;
font-size:0px;
line-height:0px;
background: #DDDAE1;
border:0px;
cursor:pointer;
}

.section-6 .slick-dots .slick-active button {
background: #4A5F8B;
cursor:default;
}

.section-6 img {
transition: .5s;
}

.section-6 .slide:hover img {
transform: scale(1.1);
}

.section-7 {
width:100%;
max-width:1280px;
margin:0 auto;
background:url(../images/section7-bg.jpg) no-repeat center bottom;
padding:61px 85px 44px 85px;
border-radius:20px;
overflow:hidden;
background-size:cover;
}

.section-7 .head {
display:flex;
margin:0 0 50px 0;
}

.section-7 .title {
flex:1;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 35px;
line-height: 110%;
color: #FFFFFF;
padding:0 20px 0 0;
}

.section-7 .desc {
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
width:100%;
max-width:386px;
}

.section-7 form {
display:flex;
justify-content: space-between;
}

.section-7 input {
width:46.84%;
height:57px;
border:0px;
background: #FFFFFF;
border-radius: 10px;
font-size: 18px;
line-height: 25px;
padding:0 25px;
}

.section-7 button {
border:0px;
background: #4A5F8B;
border-radius: 10px;
cursor:pointer;
width:49.54%;
height:57px;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #F1F4F9;
}

.section-7 button:hover {
background: #5B72A2;
}

.section-7 .warning {
text-align:center;
margin:21px 0 0 0;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}

.section-7 .warning a {
text-decoration:underline;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}

.section-7 .warning a:hover {
text-decoration:none;
}

.section-8 {
margin:108px 0 240px 0;
}

.section-8 .site-width {
max-width:100%;
padding:0 0 0 16.6%;
}

.section-8 .slick-slide {
width:100%;
max-width:760px;
margin:0 20px 0 0;
background: #FFFFFF url(../images/section8-bg1.png) no-repeat right bottom;
border-radius: 20px;
padding:79px 50px 50px 50px;
}

.section-8 .slick-slide:nth-child(2n) {
background: #FFFFFF url(../images/section8-bg2.png) no-repeat right bottom;
}

.section-8 .head {
display:flex;
align-items:center;
margin:0 0 45px 0;
flex-wrap:wrap;
gap:20px;
}

.section-8 .name {
flex:1;
font-size: 18px;
line-height: 25px;
color: #000000;
}

.section-8 .date {
font-size: 18px;
line-height: 25px;
color: #000000;
}

.section-8 .text {
font-size: 18px;
line-height: 25px;
color: #000000;
}

.section-8 .photo {
font-size:0px;
line-height:0px;
width:166px;
margin:99px 0 0 0;
display:block;
text-decoration:none;
}

.section-9 {
padding:86px 0 130px 0;
}

.section-9 .site-width {
display:flex;
gap:200px;
}

.section-9 .col-left {
flex:1;
display: flex;
flex-direction: column;
align-items: flex-start;
}

.section-9 .col-right {
display:flex;
width:42%;
gap:30px;
font-size:0px;
line-height:0px;
}

.section-9 .title {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 35px;
line-height: 110%;
text-transform: uppercase;
color: #4A5F8B;
margin:0 0 50px 0;
}

.section-9 .text {
flex:1;
font-size: 18px;
line-height: 25px;
color: #000000;
}

.section-9 .btn {
background: #4A5F8B;
border-radius: 10px;
cursor:pointer;
text-decoration:none;
display:table;
padding:13px 46px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
}

.section-9 .btn:hover {
background: #5B72A2;
}

.section-9 .big {
flex:1;
}

.section-9 .small {
width:119px;
}

.section-9 .small a {
display:block;
text-decoration:none;
margin:0 0 24px 0;
}

.section-9 .small a:last-child {
margin:0px;
}

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

.section-10 .item {
margin:0 0 20px 0;
}

.section-10 .question {
background: #FFFFFF;
border-radius: 20px;
cursor:pointer;
padding:37px 70px 37px 64px;
font-size: 18px;
line-height: 25px;
color: #000000;
cursor:pointer;
position:relative;
}

.section-10 .question:before {
content:"";
position:absolute;
top:50%;
right:60px;
z-index:1;
cursor:pointer;
width:13px;
height:24px;
margin:-12px 0 0 0;
background:url(../images/section10-arrow.svg) no-repeat;
}

.section-10 .question.active:before {
transform: rotate(90deg);
}

.section-10 .answer {
font-size: 18px;
line-height: 25px;
color: #000000;
padding:20px 64px;
display:none;
}

.footer {
background:#394760;
padding:162px 0 30px 0;
margin:100px 0 0 0;
}

.footer .site-width {
display:flex;
justify-content: space-between;
gap:20px;
}

.footer .logo {
display:block;
text-decoration:none;
margin:0 0 59px 0;
}

.footer ul {
list-style:none;
margin:0px;
padding:0px;
}

.footer ul li {
margin:0 0 20px 0;
}

.footer ul li a {
text-decoration:none;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
}

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

.footer .phone {
display:table;
margin:0 0 0 auto;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
text-decoration:none;
}

.footer .feedback {
display:table;
margin:10px 0 48px auto;
cursor:pointer;
text-decoration:none;
background: #BDACDB;
border-radius: 10px;
padding:13px 76px;
font-weight: 500;
font-size: 18px;
line-height: 25px;
transition: .5s;
color: #FFFFFF;
}

.footer .feedback:hover {
background: #9983BF;
}

.footer .info {
font-weight: 500;
font-size: 18px;
line-height: 25px;
text-align:right;
color: #FFFFFF;
}

.popup-block {
display:none;
}

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

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

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

.popup-block .name {
font-weight: bold;
font-size: 30px;
line-height: 36px;
text-align: center;
color: #313131;
margin:0 0 10px 0;
}

.popup-block .desc {
font-size: 16px;
line-height: 24px;
text-align: center;
color: #313131;
margin:0 0 36px 0;
}

.popup-block input {
width:100%;
background: #F9F9F9;
border-radius: 3px;
height:60px;
padding:0 30px;
font-size: 15px;
line-height: 18px;
color: #14142B;
margin:0 0 20px 0;
border:0px;
}

.popup-block button {
box-sizing: border-box;
border-radius: 3px;
width:100%;
height:50px;
background:#fff;
margin:0 auto;
display:table;
background:#B296E2;
border:0px;
cursor:pointer;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
border: 0px;
transition: .5s;
}

.popup-block .checkbox {
display:table;
margin:20px auto 0 auto;
}

.popup-block .checkbox input {
display:none;
}

.popup-block .checkbox span {
display:flex;
align-items:center;
font-size: 12px;
line-height: 15px;
color: #5D5F63;
}

.popup-block .checkbox span:before {
content:"";
background: #F9F9F9;
border-radius: 3px;
margin:0 10px 0 0;
width:20px;
height:20px;
}

.popup-block .checkbox input:checked + span:before {
background:#F9F9F9 url(../images/checkbox.svg) no-repeat center center;
}

.popup-block .checkbox span a {
color: #5D5F63;
text-decoration:underline;
margin:0 0 0 5px;
}

.popup-block .checkbox span a:hover {
text-decoration:none;
}

.mobile-menu {
display:none;
}

.logo-mobile {
display:none;
}

.bottom-scroll-bar {
display:none;
}

.section-5 .slick-dots {
list-style:none;
padding:0px;
font-size:0px;
line-height:0px;
display:flex;
justify-content: center;
z-index:3;
position:absolute;
bottom:-50px;
left:0px;
right:0px;
z-index:3;
}

.section-5 .slick-dots li {
margin:0 7px;
}

.section-5 .slick-dots button {
border-radius:555px;
width:12px;
height:12px;
font-size:0px;
line-height:0px;
background: #DDDAE1;
border:0px;
cursor:pointer;
}

.section-5 .slick-dots .slick-active button {
background: #4A5F8B;
cursor:default;
}

.section-8 .slick-dots {
list-style:none;
padding:0px;
font-size:0px;
line-height:0px;
display:flex;
justify-content: center;
z-index:3;
position:absolute;
bottom:-50px;
left:0px;
right:0px;
z-index:3;
}

.section-8 .slick-dots li {
margin:0 7px;
}

.section-8 .slick-dots button {
border-radius:555px;
width:12px;
height:12px;
font-size:0px;
line-height:0px;
background: #DDDAE1;
border:0px;
cursor:pointer;
}

.section-8 .slick-dots .slick-active button {
background: #4A5F8B;
cursor:default;
}

.footer-copyright {
padding:20px 0;
text-align:center;
color:#fff;
background: #394760;
}

.formpage {
background:none;
padding:0px;
margin:30px 0;
}

.formpage .form {
margin:0px;
}

.section-11 {
margin:0 0 50px 0;
}

.section-11 .site-width {
display:flex;
gap:30px;
}

.section-11 .col-left {
flex:1;
border-radius: 20px;
overflow:hidden;
padding:86px 45px 83px 45px;
background-size:cover !important;
	position:relative;
}

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

.section-11 .col-right {
width:400px;
background-color: #fff4d4;
background: -webkit-gradient(linear,left top,right top,from(#fff4d4),to(#ffeadc));
background: -o-linear-gradient(left,#fff4d4 0,#ffeadc 100%);
background: linear-gradient(to right,#fff4d4 0,#ffeadc 100%);
border-radius:20px;
position:relative;
padding:40px;
display: flex;
flex-direction: column;
justify-content: center;
}

.section-11 .col-left .name {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 110%;
text-transform: uppercase;
color: #FFFFFF;
margin:0 0 15px 0;
	position: relative;
    z-index: 3;
}

.section-11 .col-left h1 {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 56px;
line-height: 110%;
text-transform: uppercase;
color: #FFFFFF;
margin:0 0 65px 0;
	position: relative;
    z-index: 3;
}

.section-11 .col-left .desc {
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
margin:0 0 20px 0;
	position: relative;
    z-index: 3;
}

.section-11 .col-left .btn {
display:table;
text-decoration:none;
cursor:pointer;
background: #B296E2;
border-radius: 10px;
padding:13px 46px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
	position: relative;
    z-index: 3;
}

.section-11 .col-left .btn:hover {
background: #9983BF;
}

.section-11 .col-right .text {
text-align:center;
margin:0 0 30px 0;
font-size:20px;
}

.section-11 .col-right .phone {
display:block;
text-decoration:none;
border-radius: 20px;
text-align:center;
padding:15px;
font-size:20px;
color:#fff;
background: #4A5F8B;
}

.section-11 .col-right ul {
margin:0 0 30px 0;
padding:0 0 0 20px;
display:flex;
flex-direction:column;
gap:5px;
}

.section-21 {
margin:0 0 50px 0;
box-shadow: inset 0px 0px 10px #d7d7d7;
    padding: 40px;
    border-radius: 20px;
    background: #F1F4F9;
}

.section-21 .tabs__content {
display:none;
}

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

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

.section-21 .tabs__caption {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:15px;
width:30%;
}

.section-21 .tabs__caption li {
cursor:pointer;
border:1px #4A5F8B solid;
border-radius:555px;
padding:10px 20px;
color:#633f16;
font-weight:500;
transition: .5s;
}

.section-21 .tabs__caption li.active {
cursor:default;
background:#4A5F8B;
color:#fff;
}

.section-21 .tabs__caption li:hover {
background:#4A5F8B;
color:#fff;
}

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

.section-21 .tabs__content table {
width:100%;
}

.section-21 .tabs__content table td {
border-bottom:1px rgba(41, 112, 69, 0.2) solid;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.7px;
padding:15px 10px;
}

.section-21 .tabs__content table tr:last-child td {
border-bottom:0px;
}

.section-22 {
    margin: 0 0 50px 0;
    padding: 40px;
    background: #F1F4F9;
    max-width: initial !important;
    margin: 0 -20px;
    gap:15px;
    align-items:center;
}

.section-22 .photo {
    font-size: 0px;
    line-height: 0px;
    border-radius: 555px;
    overflow: hidden;
    width: 85px;
    text-decoration: none;
    display: block;
}

.section-22 .info {
color: var(--black, #0C1220);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.section-22 .info a {
display:block;
margin:0 0 10px 0;
color: var(--black, #0C1220);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.7px;
text-decoration:none;
}

.section-22 .author-block {
display:flex;
align-items:center;
gap:15px;
}

.section-8 .slick-track {
display:flex !important;
}

.section-8 .slick-slide > div {
height:100%;
}

.section-8 .item {
height:100%;
display:flex !important;
flex-direction:column;
}

.section-8 .text {
flex:1;
}

.section-7 .phone {
display:table;
text-decoration:none;
border-radius:20px;
background:#fff;
padding:5px 15px;
margin:5px 0;
}

.entry-content img {
border-radius:20px;
}

.entry-content .section-2 .flex {
margin:0px;
gap:20px;
}

.entry-content .section-2 .item {
border:1px #394760 solid;
width:auto;
flex:1;
border-radius:20px;
}

.entry-content .section-4 .item {
border:1px #394760 solid;
border-radius:20px;
}






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




}




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

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

.header .menu {
display:none;
flex:none;
position:fixed;
top:0;
right:0px;
bottom:0px;
background: #4A5F8B;
border-radius: 10px;
padding:15px 20px;
z-index:99;
box-shadow: 0px 0px 10px rgb(0 0 0 / 90%);
width:100%;
max-width:90%;
max-height:90vh;
overflow-y:auto;
}

.header .site-width {
position:relative;
justify-content: space-between;
gap:10px;
}

.header .menu ul {
display:block;
}

.header .menu ul li {
margin:5px 0;
}

.header .menu a {
color:#fff;
}

.topline .social {
margin:0 0 0 20px;
}

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

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

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

.section-1 .col-right .name {
font-size:21px;
}

.section-1 .col-left .btn {
width:100%;
text-align:center;
padding:13px;
}

.section-1 .col-right {
width:300px;
}

.section-1 .col-right .price .new {
font-size:21px;
}

.section-1 .col-right .images {
height:auto;
}

.section-11 .col-left h1 {
font-size:26px;
}

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

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

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

.section-11 .col-left .btn {
width:100%;
text-align:center;
padding:13px;
}

.section-11 .col-right {
width:300px;
}

.section-2 .number {
font-size:60px;
}

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

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

.section-3 .block {
bottom:15px;
left:15px;
right:15px;
font-size:16px;
}

.section-3 .block span {
font-size:20px;
}

.section-4 .item {
width:calc(50% - 13px);
}

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

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

.section-5 .site-width, .section-8 .site-width {
padding:0 0 0 10px;
}

.section-7 {
padding:30px;
}

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

.section-8 .slick-slide {
max-width:400px;
padding:20px;
}

.section-8 .photo {
margin:30px 0 0 0;
}

.section-9 .site-width {
gap:40px;
}

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

.header {
margin:0px;
}

.header .site-width {
display:block;
padding:0px !important;
background:none;
}

.header .logo {
display:none;
}

body.noscroll {
overflow:hidden;
}

.logo-mobile {
display:table;
margin:0 auto;
text-decoration:none;
width:60px;
}

.header .menu li ul {
display:block;
width:auto;
position:relative;
top:auto;
left:auto;
background:none;
}

.bottom-scroll-bar {
display:block;
position:fixed;
bottom:0px;
left:0px;
right:0px;
z-index:999;
background: #4A5F8B;
display:flex;
align-items:center;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.bottom-scroll-bar .item {
display:block;
text-decoration:none;
cursor:pointer;
font-weight: 500;
font-size: 9px;
line-height: 11px;
text-align: center;
color: #FFFFFF;
width:20%;
padding:13px 2px 7px 2px;
}

.bottom-scroll-bar .item img {
margin:0 auto 8px auto;
display:table;
}

.bottom-scroll-bar .item + .item {
border-left:1px rgba(255, 255, 255, 0.5) solid;
}





}




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



.header .site-width {
padding:10px 15px;
}

.topline .site-width {
text-align: center;
gap:15px;
flex-wrap: wrap;
justify-content: center;
}

.topline .time {
padding:0px;
}

.topline .phone, .topline .social {
margin:0px;
}

.popup-block .block {
padding:20px;
top:5%;
left:5%;
right:5%;
width:90%;
transform: translate(0%, 0%);
max-height:90vh;
overflow-y:auto;
}

.popup-block .close {
top:10px;
right:10px;
}

.popup-block .checkbox span a {
display:contents;
}

.section-1 .site-width {
display:block;
}

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

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

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

.section-1 .col-right .images img {
min-width:100%;
}

.section-1 .col-right .head {
display:block;
}

.section-1 .col-right .price {
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
}

.section-1 .col-right .name {
padding:0 0 10px 0;
}

.section-11 .site-width {
display:block;
}

.section-11 .col-left {
padding:20px;
margin:0 0 20px 0;
}

.section-11 .col-right {
width:100%;
}

.section-11 .col-left h1 {
margin:0 0 30px 0;
}

.section-11 .col-right .images img {
min-width:100%;
}

.section-11 .col-right .head {
display:block;
}

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

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

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

.section-2 .name {
margin:0 0 30px 0;
}

.section-3 .parent {
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}

.section-3 .img {
width:48%;
margin:0 0 15px 0;
}

.section-2 {
margin:0 0 50px 0;
}

.section-3 {
margin:0 0 50px 0;
}

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

.section-4 {
padding:50px 0;
margin:0 0 50px 0;
}

.section-4 .form {
margin:50px 0 0 0;
padding:20px;
background-size:cover;
}

.section-4 .form .head {
display:block;
text-align:center;
margin:0 0 30px 0;
}

.section-4 .form .title {
font-size:26px;
padding:0 0 20px 0;
}

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

.section-4 form {
display:block;
}

.section-4 input {
width:100%;
height:45px;
font-size:16px;
margin:0 0 10px 0;
}

.section-4 button {
width:100%;
height:45px;
font-size:16px;
}

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

.section-5 .slide {
max-width:280px;
padding:0 15px 15px 15px;
}

.section-5 .images {
margin:0 -15px 15px -15px;
height:200px;
}

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

.section-5 .info {
font-size:16px;
}

.section-6 {
margin:0 0 50px 0;
}

.section-7 {
padding:40px 20px;
margin:0 0 50px 0;
border-radius:0px;
}

.section-7 .head {
display:block;
text-align:center;
margin:0 0 30px 0;
}

.section-7 .title {
font-size:26px;
padding:0 0 20px 0;
}

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

.section-7 form {
display:block;
}

.section-7 input {
width:100%;
height:45px;
font-size:16px;
margin:0 0 10px 0;
}

.section-7 button {
width:100%;
height:45px;
font-size:16px;
}

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

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

.section-8 .slick-slide {
max-width:280px;
padding:20px;
}

.section-8 .text {
font-size:14px;
line-height:normal;
}

.section-8 .head {
display:block;
margin:0 0 10px 0;
}

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

.section-9 .site-width {
display:block;
}

.section-9 .col-right {
width:100%;
flex-wrap:wrap;
margin:20px 0 0 0;
gap:10px;
}

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

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

.section-9 .small {
width:100px;
}

.section-9 .small a {
margin:0 0 10px 0;
}

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

.section-10 .question {
padding:20px 35px 20px 20px;
font-size:16px;
}

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

.section-10 .answer {
padding:20px;
font-size:16px;
}

.footer {
margin:50px 0 0 0;
padding:50px 0;
}

.footer .site-width {
display:block;
text-align:center;
}

.footer .col-right {
margin:20px 0 0 0;
}

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

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

.footer .feedback {
margin:15px auto;
}

.footer .info {
text-align:center;
}

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

.section-21 .tabs__caption {
width:100%;
}

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








}



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

.section-3 .img {
width:100%;
margin:0 0 15px 0;
}





}

.entry-content a {color:#0000FF;}
.entry-content a:hover {color:AFEEEE;}