@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(../images/section1-img.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, .promotion {
    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. .promotion: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;
    flex-wrap:wrap;
}

.wpcf7 form .wpcf7-response-output {
    width:100%;
    color:#fff;
    background:rgba(0,0,0,.3);
}

.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, .promotion {
        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-1 .col-right .images img{
        height:100%;
        object-fit: cover;
        object-position: top;
    }

    .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%;
        background: none;
    }

    .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-1 .col-right .slick-list .slick-track{
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }
    .section-1 .col-right .slick-list .slick-track .slide{
        background: #4A5F8B;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .section-1 .col-right .images{
        height: 190px;

    }


    .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;}




.mobile-only-block {
    display: none;
}


@media (max-width: 750px) {
    .mobile-only-block {
        display: block;
        width: 100%;
    }

    .doctor-image-container {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .image-wrapper {
        position: relative;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .image-wrapper img {
        width: 100%;
        height: auto;
        display: block;
    }

    .text-overlay {
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: 0%;
        align-items: center;
        justify-content: center;
        width: 100%;
        background-color: #8264FCE5;
        padding: 10px 0;
    }

    .main-title, .main-title-city {
        font-size: 2.3rem;
        font-weight: bold;
        color: white;
        text-align: center;
        line-height: 1.2;
        padding: 0 5px;
        width: 100%;
    }
}


@media (max-width: 500px) {
    .mobile-only-block {
        margin: 15px 0;
    }

    .main-title, .main-title-city{
        font-size: 1.9rem;
        padding: 0 15px;
    }
}


@media (max-width: 394px) {
    .main-title, .main-title-city {
        font-size: 1.2rem;
        padding: 0 10px;
    }
}