/*
* Theme name: Aist
* Theme URI: https://viprehab.org/
* Version: 1.0
* Author: Antonio Korablev
* Author URI: https://www.weblancer.net/users/Anykey679/
* Text Domain: aist
* Domain Path: /languages
* License: +
* License URI: +
* Tested up to: 5.7
* Requires PHP: 5.6
* Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments
*/
:root {
--font-family: "Montserrat", sans-serif;
--second-family: "Inter", sans-serif;
--color-1: #033d8a;
--color-2: #0072ce;
--color-3: #5c5c5c;
--color-4: #f2f2f2;
--color-5: #042f68;
}
/* Fonts */
@font-face {
font-family: "Montserrat";
src:
url("fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"),
url("fonts/Montserrat/Montserrat-Regular.woff") format("woff"),
url("fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
url("fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"),
url("fonts/Montserrat/Montserrat-Medium.woff") format("woff"),
url("fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
url("fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"),
url("fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"),
url("fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
url("fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"),
url("fonts/Montserrat/Montserrat-Bold.woff") format("woff"),
url("fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
url("fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"),
url("fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"),
url("fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
/* Обнуление стилей */
* {
margin: 0;
padding: 0;
border: 0;
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:focus,
:active,
a:focus,
a:active {
outline: none;
}
html,
body {
width: 100%;
height: 100%;
font-size: 100%;
line-height: 1;
font-size: 14px;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input,
button,
textarea {
font-family: inherit;
}
figure {
margin-bottom: 16px;
}
figure:last-child {
margin-bottom: 0;
}
button {
cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a,
a:visited,
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
svg {
display: block;
}
img {
max-width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
}
p {
line-height: 130%;
margin: 16px 0;
}
p:last-child {
margin-bottom: 0;
}
section {
padding: 40px 0;
}
.tac {
text-align: center;
}
.pbl {
top: auto;
right: auto;
bottom: 20px;
left: 20px;
}
.ptr {
top: 20px;
right: 20px;
bottom: auto;
left: auto;
}
/* / Обнуление стилей */
.container {
padding: 0 15px;
}
/* Media Min-Width */
/* 576 и выше (Малые девайсы - ландшафтные) */
@media (min-width: 576px) {
.container {
max-width: 540px;
margin: 0 auto;
padding: 0;
}
}
/* 768 и выше (Средние девайсы - таблетки) */
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
/* 992 и выше (Большие девайсы - десктопы) */
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
/* 1200 и выше (Экстрабольшие девайсы - большие десктопы) */
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
/* 1400 и выше (XX-Large devices (larger desktops)) Bootstrap 5 */
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
/* */
body {
font-family: var(--font-family);
}
.lock {
overflow: hidden;
}
.wrapper {
min-height: 100%;
display: flex;
flex-direction: column;
}
.header {
overflow-x: clip;
}
.main-section {
flex: 1 1 auto;
padding: 20px 0 0;
}
.header-wrapper {
margin: 10px 0;
}
.header-row-pod {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #322d2c;
font-size: 14px;
/* border-bottom: 1px solid #f2f2f2; */
padding: 8px 0;
background: #d1e7fb;
}
.header-row-pod .podi {
text-wrap-style: balance;
line-height: 130%;
font-size: 13px;
font-weight: 500;
}
.header-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 0;
gap: 20px;
}
.tel-block {
display: flex;
align-items: center;
gap: 10px;
}
.tel-item a {
font-weight: 800;
font-size: 24px;
color: #5c5c5c;
transition: all 0.2s ease 0s;
}
@media (max-width: 991.98px) {
.header .tel-item a {
font-size: 20px;
}
}
@media (max-width: 767.98px) {
.header .tel-item a {
font-size: 18px;
}
}
@media (max-width: 575.98px) {
.header .tel-item a {
font-size: 16px;
font-weight: 600;
}
}
.tel-item a:hover {
color: var(--color-2);
}
.btn-tel-block {
background: #033d8a;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 30px;
cursor: pointer;
transition: all 0.2s ease 0s;
}
@media (max-width: 767.98px) {
.btn-tel-block {
padding: 12px 30px;
}
}
@media (max-width: 424.98px) {
.btn-tel-block {
padding: 12px;
}
}
.btn-tel-block:hover {
background: #0072ce;
}
.btn-tel-item {
font-weight: 500;
font-size: 16px;
text-align: center;
color: #fff;
}
@media (max-width: 991.98px) {
.btn-tel-item {
font-size: 14px;
}
}
.tel-burger {
align-items: center;
gap: 20px;
}
.tel-row-group {
display: flex;
gap: 20px;
}
@media (max-width: 767.98px) {
.tel-row-group {
flex-direction: column;
gap: 6px;
align-items: center;
}
}
.header__burger {
display: none;
}
.footer {
background: #033d8a;
font-weight: 500;
font-size: 14px;
color: #fff;
padding: 30px 0;
}
.footer__row {
display: flex;
gap: 8px;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991.98px) {
.footer__row {
flex-wrap: wrap;
gap: 28px 8px;
}
}
/* Мобильное меню */
.nav-mobile {
display: none;
}
.nav-mobile ul li a.active {
color: #f8dcbf;
}
@media (min-width: 992px) {
.header__burger {
display: none;
}
}
@media (max-width: 991.98px) {
.header__burger {
display: block;
position: relative;
width: 33px;
height: 32px;
z-index: 3;
cursor: pointer;
border: 1px solid #043d86;
background: #043d86;
border-radius: 2px;
box-sizing: border-box;
}
.header__burger span {
background-color: #fff;
position: absolute;
width: 49%;
height: 2px;
left: 8px;
top: 14px;
transition: all 0.3s ease 0s;
}
.header__burger:before,
.header__burger:after {
content: "";
background-color: #fff;
position: absolute;
width: 49%;
height: 2px;
left: 8px;
transition: all 0.3s ease 0s;
}
.header__burger:before {
top: 9px;
}
.header__burger:after {
bottom: 9px;
}
.header__burger.active span {
transform: scale(0);
}
.header__burger.active:before {
transform: rotate(45deg);
top: 14px;
}
.header__burger.active:after {
transform: rotate(-45deg);
bottom: 14px;
}
.nav-mobile {
position: fixed;
left: 0;
top: -100%;
width: 100%;
height: 100%;
overflow: auto;
transition: all 0.3s ease 0s;
background: #fff;
display: block;
z-index: 2;
}
.nav-mobile.active {
top: 0;
}
.nav-mobile ul.navigation {
list-style: none;
padding: 160px 0 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 22px;
}
.nav-mobile ul li a,
.nav-mobile ul li .empty {
color: #033d8a;
font-size: 16px;
font-weight: 500;
padding: 16px 30px;
}
.home-link {
display: none;
}
.header {
background: #fff;
z-index: 3;
position: fixed;
width: 100%;
}
.header.active {
box-shadow: 0 0 10px #ddd;
}
.header-wrapper {
margin: 3px 0;
}
.main-section {
padding: 134px 0 0;
}
}
@media (max-width: 424.98px) {
.main-section {
padding: 123px 0 0;
}
}
@media (max-width: 355.98px) {
.main-section {
padding: 111px 0 0;
}
}
.nav-mobile ul.navigation > li {
position: relative;
}
.nav-mobile ul > li.menu-item-has-children > .arrow-down {
position: absolute;
top: 2px;
right: 0;
width: 70px;
height: 49px;
display: flex;
align-items: center;
justify-content: center;
}
.nav-mobile ul > li.menu-item-has-children > .arrow-down .down {
background: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
display: block;
width: 18px;
height: 11px;
transition: all 0.3s ease 0s;
rotate: -90deg;
}
.nav-mobile ul > li.menu-item-has-children.click > .arrow-down .down {
rotate: 0deg;
}
.nav-mobile ul > li .sub-menu {
position: absolute;
visibility: hidden;
opacity: 0;
transform: translateY(-10px);
transition: all 0.1s ease;
width: 100%;
background: #043d8621;
}
.nav-mobile ul.navigation > li > a,
.nav-mobile ul.navigation > li > .empty {
font-size: 18px;
font-weight: 500;
line-height: 120%;
padding: 16px 30px;
display: block;
}
.nav-mobile ul > li.menu-item-has-children.click > .sub-menu {
position: relative;
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: all 0.3s ease;
}
.nav-mobile ul > li > ul > li {
position: relative;
border-bottom: 1px solid #043d8626;
}
.nav-mobile ul.navigation > li > ul > li > a,
.nav-mobile ul.navigation > li > ul > li > ul > li > a {
font-size: 16px;
font-weight: 500;
line-height: 120%;
padding: 16px 30px;
display: block;
}
.nav-mobile ul > li > ul > li:last-child {
border-bottom: none;
}
.nav-mobile #menu-primary-m {
width: 100%;
display: block;
flex: 1 1 auto;
}
@media (max-width: 575.98px) {
.nav-mobile #menu-primary-m {
margin: 0 -15px;
width: auto;
}
}
@media (max-width: 991.98px) {
.nav-primary {
display: none;
}
}
#menu-primary {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 1199.98px) {
#menu-primary {
gap: 6px;
}
}
#menu-primary > li {
position: relative;
background: #033d8a;
color: #fff;
border-radius: 38px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-grow: 1;
transition: all 0.2s ease 0s;
}
@media (max-width: 1399.98px) {
#menu-primary > li:first-child {
width: 60px;
flex-grow: 0;
}
#menu-primary > li {
width: calc((100% - 20px) / 5);
}
}
#menu-primary > li > a,
#menu-primary > li > .empty {
color: #fff;
font-weight: 500;
font-size: 13px;
}
@media (max-width: 1399.98px) {
#menu-primary > li > a,
#menu-primary > li > .empty {
font-size: 12px;
}
}
#menu-primary > li > a,
#menu-primary > li.current-menu-item {
padding: 10px 16px;
}
@media (max-width: 1199.98px) {
#menu-primary > li > a,
#menu-primary > li.current-menu-item {
padding: 10px 11px;
}
}
#menu-primary > li.current-menu-item,
#menu-primary > li.current_page_parent,
#menu-primary > li.current_page_ancestor {
background: #0072ce;
}
#menu-primary > li:hover {
background: #0072ce;
}
.home-svg svg {
width: 13px;
height: 13px;
}
#menu-primary > li > ul {
opacity: 0;
position: absolute;
top: 45px;
left: 0;
z-index: 2;
padding: 24px 28px;
width: max-content;
border-radius: 20px;
box-shadow: 0 0px 20px 0px rgb(42 111 165 / 40%);
background: #fff;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.5s ease;
text-align: left;
}
#menu-primary > li > ul > li > a,
#menu-primary > li > ul > li > ul > li > a,
#menu-primary > li > ul > li > .empty,
#menu-primary > li > ul > li > ul > li > .empty {
font-weight: 500;
font-size: 14px;
color: #033d8a;
padding: 5px 0;
display: block;
transition: all 0.2s ease 0s;
}
#menu-primary > li > ul > li > a:hover {
color: #0472c8;
}
#menu-primary > li > ul > li > ul {
padding: 0 0 0 16px;
}
#menu-primary > li > ul > li > ul > li {
position: relative;
}
#menu-primary > li > ul > li > ul > li:before {
content: "";
width: 7px;
height: 7px;
display: block;
position: absolute;
left: -11px;
top: 5px;
border-left: 1px solid #388fd3;
border-bottom: 1px solid #388fd3;
border-radius: 0 0 0 4px;
}
#menu-primary > li.menu-item-has-children:hover > ul {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: all 0.3s ease;
}
#menu-primary > li.menu-item-has-children > a {
padding: 10px 0px 10px 16px;
}
#menu-primary > li.menu-item-has-children > .arrow-down {
width: 18px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 5px;
}
#menu-primary > li.menu-item-has-children > .arrow-down .down {
background: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
display: block;
width: 11px;
height: 7px;
transition: all 0.3s ease 0s;
background-size: 11px;
}
/*#menu-primary > li > ul > li.current-menu-item .empty {
padding: 10px 16px;
}*/
#menu-primary > li > ul > li.current-menu-item > a,
#menu-primary > li > ul > li > ul > li.current-menu-item > a,
#menu-primary > li > ul > li.current_page_item > .empty,
#menu-primary > li > ul > li > ul > li.current-menu-item > .empty,
#menu-primary > li > ul > li.current_page_parent > a {
color: #e11425;
}
#menu-primary > li > ul:before {
content: "";
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M290.5 51.8C283.3 39.5 270.2 32 256 32s-27.3 7.5-34.5 19.8l-216 368c-7.3 12.4-7.3 27.7-.2 40.1S25.7 480 40 480H472c14.3 0 27.6-7.7 34.7-20.1s7-27.8-.2-40.1l-216-368z'/%3E%3C/svg%3E");
width: 16px;
height: 16px;
position: absolute;
top: -13px;
}
/* Meta */
.page .edit,
.single .edit,
.archive .edit,
.blog .edit {
position: fixed;
bottom: 0;
right: 0;
background: #fff;
border-radius: 15px 0 0;
box-shadow: 0 0 10px 0 #d1d1d1;
opacity: 0.8;
transition: all 0.2s ease;
}
.page .edit:hover,
.single .edit:hover,
.archive .edit:hover,
.blog .edit:hover {
opacity: 1;
}
.page .edit a,
.single .edit a,
.archive .edit a,
.blog .edit a {
display: block;
padding: 20px;
color: #b4ad9e;
transition: all 0.2s ease;
}
.edit a:hover {
color: #009688;
}
.edit a svg {
display: block;
}
/* Contact */
.home-section,
.contact-section,
.lg-section,
.home-s14,
.ppn-section {
padding-bottom: 0;
}
.contact-section .section-1 {
padding: 0;
}
.contact-block {
background: linear-gradient(180deg, #0072ce 0%, #033d8a 100%);
border-radius: 20px;
text-align: center;
padding: 45px 45px 75px;
}
.c-tel-block {
margin: 0 0 60px;
}
.c-tel-block div {
color: #fff;
font-size: 24px;
font-weight: 500;
margin-bottom: 5px;
}
.c-tel-block div.a_2 {
font-weight: 800;
font-size: 48px;
}
@media (max-width: 991.98px) {
.c-tel-block div.a_2 {
font-weight: 600;
font-size: 35px;
}
}
@media (max-width: 575.98px) {
.c-tel-block div.a_2 {
font-size: 29px;
}
}
.c-tel-block div.a_2 a {
color: #fff;
transition: all 0.2s ease 0s;
}
.c-tel-block div.a_2 a:hover {
color: var(--color-5);
}
.c-tel-block div.a_4 {
color: #fff;
font-size: 15px;
}
.mail a {
color: #fff;
font-size: 15px;
transition: all 0.2s ease 0s;
}
.mail a:hover {
color: #ffffff;
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: #e5f2ff;
text-underline-offset: 4px;
}
.mail-block {
margin-bottom: 40px;
}
.btn-mail {
border-radius: 49px;
width: 250px;
height: 60px;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 0 6px;
}
.btn-mail:hover {
background: var(--color-5);
}
.btn-mail a {
color: #033d8a;
font-size: 16px;
font-weight: 500;
transition: all 0.2s ease 0s;
}
.btn-mail:hover a {
color: #fff;
}
.c-tit {
color: #fff;
font-size: 24px;
font-weight: 700;
margin: 22px 0;
}
.contact-block .text {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 24px;
}
@media (max-width: 575.98px) {
.contact-block .text {
font-size: 16px;
}
}
.map-block {
border-radius: 80px 80px 0 0;
overflow: hidden;
background: #ddd;
width: 100%;
height: 350px;
top: -30px;
margin: 0 0 -30px;
position: relative;
}
@media (max-width: 575.98px) {
.map-block {
margin: 0 -15px -30px;
width: calc(100% + 30px);
border-radius: 30px 30px 0 0;
}
}
.map-block iframe {
width: 100%;
height: 100%;
filter: grayscale(1); /* от 0 до 1 */
/* filter: hue-rotate(90deg);*/
}
.f-row-1 {
position: relative;
flex-shrink: 0;
margin: 0 40px 0 0;
}
@media (max-width: 767.98px) {
.f-row-1 {
margin: 0 auto;
text-align: center;
}
}
@media (max-width: 767.98px) {
.f-row-2 {
text-align: center;
margin: 0 auto;
}
}
.f-row-2 li {
list-style: none;
margin: 0 0 16px;
}
.f-row-2 li a {
color: #fff;
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: #819ec1;
text-underline-offset: 3px;
transition: all 0.2s ease 0s;
line-height: 130%;
}
.f-row-2 li a:hover {
color: #56b3ff;
text-decoration-color: #56b3ff;
}
.f-row-3 {
text-align: right;
flex-basis: 40%;
}
@media (max-width: 991.98px) {
.f-row-3 {
flex-basis: 100%;
text-align: left;
}
}
.f18 span {
position: absolute;
top: 0;
right: -40px;
}
.logo_m {
display: none;
}
@media (max-width: 575.98px) {
.logo {
display: none;
}
.logo_m {
display: block;
}
}
.footer .logo-block {
margin: 0 0 20px;
}
.btn-zv-block {
background: #fff;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 30px;
cursor: pointer;
transition: all 0.2s ease 0s;
margin: 0 0 16px;
}
.btn-zv-block:hover {
background: var(--color-5);
}
.btn-zv-item {
display: flex;
align-items: center;
gap: 8px;
}
.btn-zv-item span {
font-weight: 500;
font-size: 15px;
text-align: center;
color: #033d8a;
transition: all 0.2s ease 0s;
}
.btn-zv-block:hover .btn-zv-item span {
color: #fff;
}
.btn-zv-block .img-block {
transition: all 0.2s ease 0s;
}
.btn-zv-block:hover .img-block {
filter: invert(1) hue-rotate(495deg);
}
.f-btn-tel {
margin: 0 0 16px;
}
@media (max-width: 767.98px) {
.f-btn-tel {
text-align: center;
}
}
.f-btn-tel-tit {
font-size: 14px;
font-weight: 400;
margin: 0 0 5px;
}
.footer .tel-icon svg path {
stroke: #fff;
}
.footer .tel-item a {
color: #fff;
transition: all 0.2s ease 0s;
}
.footer .tel-item a:hover {
color: #56b3ff;
}
.f.mail {
display: flex;
align-items: center;
gap: 8px;
}
@media (max-width: 767.98px) {
.f.mail {
justify-content: center;
}
}
.f.mail a {
color: #ffffff;
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: #e5f2ff;
text-underline-offset: 4px;
}
.f.mail a:hover {
text-decoration-color: #56b3ff;
color: #56b3ff;
}
/* Home */
.home-s1 {
padding: 0;
}
.h-row-1 {
display: flex;
align-items: center;
gap: 8px;
justify-content: space-between;
background: linear-gradient(180deg, #0072ce 0%, #033d8a 100%);
border-radius: 20px;
padding: 50px 70px;
}
@media (max-width: 991.98px) {
.h-row-1 {
flex-direction: column-reverse;
}
}
@media (max-width: 767.98px) {
.h-row-1 {
padding: 20px 20px;
}
}
.h-row-1 .tit {
font-weight: 500;
font-size: 24px;
color: #fff;
text-align: left;
text-wrap-style: balance;
}
@media (max-width: 991.98px) {
.h-row-1 .tit {
text-align: center;
}
}
.h-row-1 .img-block img {
border-radius: 50%;
}
.h-col-1 {
display: flex;
flex-direction: column;
align-self: stretch;
max-width: 660px;
}
@media (max-width: 991.98px) {
.h-col-1 {
text-align: center;
align-items: center;
}
}
.h-col-2 {
flex-shrink: 0;
}
@media (max-width: 991.98px) {
.h-col-2 {
max-width: 300px;
}
}
.tit-gen {
flex-grow: 1;
align-content: center;
}
@media (max-width: 991.98px) {
.tit-gen {
margin: 0 0 30px;
}
}
.tit-gen span {
color: #fff;
font-weight: 500;
font-size: 48px;
max-width: 465px;
display: block;
text-wrap-style: balance;
}
@media (max-width: 991.98px) {
.tit-gen span {
max-width: 100%;
}
}
@media (max-width: 767.98px) {
.tit-gen span {
font-size: 30px;
}
}
@media (max-width: 575.98px) {
.tit-gen span {
font-size: 20px;
}
}
.lg-section .tit-gen span,
.ppn-section .tit-gen span {
font-weight: 500;
font-size: 24px;
}
.tit-gen div {
color: #fff;
font-weight: 700;
font-size: 96px;
}
@media (max-width: 767.98px) {
.tit-gen div {
font-size: 50px;
}
}
.btn-con {
background: #fff;
border-radius: 50px;
width: max-content;
padding: 17px 30px;
margin: 0 0 32px;
cursor: pointer;
transition: all 0.2s ease 0s;
}
@media (max-width: 575.98px) {
.btn-con {
text-wrap-style: balance;
max-width: 100%;
}
}
.btn-con.blue {
background: #033d8a;
margin: 0 auto;
}
.btn-con:hover {
background: #0072ce;
}
.btn-con-item {
font-weight: 500;
font-size: 16px;
text-align: center;
color: #033d8a;
}
.btn-con-item a {
color: #033d8a;
}
.btn-con.blue .btn-con-item {
color: #fff;
}
.btn-con:hover .btn-con-item,
.btn-con:hover .btn-con-item a {
color: #fff;
}
.text {
font-weight: 500;
font-size: 14px;
color: #fff;
line-height: 130%;
text-wrap-style: balance;
}
.text-d {
font-weight: 500;
font-size: 14px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #fff;
line-height: 130%;
text-wrap-style: balance;
margin: 0 0 20px;
text-decoration-thickness: 1px;
text-decoration-color: #8594c9;
text-underline-offset: 2px;
}
.list-row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
gap: 15px;
}
.list-row img {
width: 56px;
height: 56px;
}
@media (max-width: 575.98px) {
.list-row img {
width: 42px;
height: 42px;
}
}
.list-row li {
list-style: none;
width: calc((100% - 45px) / 4);
}
@media (max-width: 991.98px) {
.list-row li {
width: calc((100% - 15px) / 2);
}
}
@media (max-width: 575.98px) {
.list-row li {
width: 100%;
}
}
.list-row li .icon {
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
background: #033d8a;
padding: 22px;
margin: 0 auto 32px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 575.98px) {
.list-row li .icon {
width: 60px;
height: 60px;
padding: 8px;
margin: 0 auto 10px;
}
}
.list-row li .s-tit {
font-weight: 700;
font-size: 20px;
line-height: 120%;
text-align: center;
color: #0072ce;
display: block;
margin: 0 0 10px;
}
@media (max-width: 991.98px) {
.list-row li .s-tit {
font-size: 18px;
}
}
@media (max-width: 575.98px) {
.list-row li .s-tit {
font-size: 15px;
}
}
.list-row li .s-desc {
font-style: italic;
font-weight: 400;
font-size: 15px;
text-align: center;
color: #5c5c5c;
line-height: 120%;
}
.tit {
color: #033d8a;
font-weight: 700;
font-size: 32px;
text-align: center;
margin: 0 0 16px;
text-wrap-style: balance;
line-height: 120%;
}
@media (max-width: 991.98px) {
.tit {
/*cons-s1*/
font-size: 28px;
}
}
@media (max-width: 767.98px) {
.tit {
font-size: 24px;
}
}
@media (max-width: 575.98px) {
.tit {
font-size: 20px;
}
}
.tit-c {
font-weight: 700;
font-size: 32px;
color: #fff;
line-height: 120%;
margin: 0 0 20px;
text-wrap-style: balance;
}
.pod-tit {
color: #5c5c5c;
font-weight: 500;
font-size: 20px;
text-align: center;
line-height: 130%;
}
@media (max-width: 991.98px) {
.pod-tit {
font-size: 16px;
}
}
.line {
position: absolute;
left: 100px;
width: 222px;
height: 2px;
background: #033d8a;
}
@media (max-width: 1399.98px) {
.line {
width: 178px;
}
}
@media (max-width: 1199.98px) {
.line {
width: 133px;
}
}
@media (max-width: 991.98px) {
.line {
display: none;
}
}
.line:after {
content: "";
position: absolute;
border: 4px solid transparent;
border-left: 18px solid #033d8a;
right: -15px;
top: -3px;
}
li:last-child .line {
display: none;
}
.home-s3 {
background: #f2f2f2;
}
.stit {
font-weight: 700;
font-size: 20px;
color: #fff;
margin: 0 0 10px;
line-height: 120%;
}
@media (max-width: 1399.98px) {
.stit {
font-size: 18px;
}
}
@media (max-width: 1199.98px) {
.stit {
font-size: 16px;
}
}
.sdesc {
font-style: italic;
font-weight: 400;
font-size: 16px;
color: #fff;
line-height: 120%;
}
.h-row-3_2 {
position: relative;
column-count: 2;
gap: 0;
}
@media (max-width: 991.98px) {
.h-row-3_2 {
gap: 16px;
}
}
@media (max-width: 575.98px) {
.h-row-3_2 {
column-count: 1;
}
}
.h-row-3_2 .cs {
position: relative;
background: #0072ce;
border-radius: 15px;
padding: 16px 32px;
max-width: 100%;
height: 180px;
margin: 0 0 16px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1399.98px) {
.h-row-3_2 .cs {
height: 186px;
}
}
@media (max-width: 1199.98px) {
.h-row-3_2 .cs {
height: 160px;
padding: 16px;
}
}
@media (max-width: 991.98px) {
.h-row-3_2 .cs {
width: 100%;
text-align: center;
}
}
@media (max-width: 767.98px) {
.h-row-3_2 .cs {
height: 194px;
}
}
@media (max-width: 575.98px) {
.h-row-3_2 .cs {
height: auto;
}
}
.hs3-img {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
border-radius: 15px;
overflow: hidden;
}
@media (max-width: 991.98px) {
.hs3-img {
display: none;
}
}
@media (max-width: 1399.98px) {
.hs3-img img {
height: 590px;
}
}
@media (max-width: 1199.98px) {
.hs3-img img {
height: 512px;
object-fit: contain;
}
}
.h-row-3_2 .cs:nth-child(1) .line-s,
.h-row-3_2 .cs:nth-child(2) .line-s,
.h-row-3_2 .cs:nth-child(3) .line-s {
position: absolute;
right: -110px;
width: 100px;
height: 2px;
background: #033d8a;
}
@media (max-width: 1399.98px) {
.h-row-3_2 .cs:nth-child(1) .line-s,
.h-row-3_2 .cs:nth-child(2) .line-s,
.h-row-3_2 .cs:nth-child(3) .line-s {
right: -45px;
width: 36px;
}
}
@media (max-width: 991.98px) {
.line-s {
display: none;
}
}
.h-row-3_2 .cs:nth-child(4) .line-s,
.h-row-3_2 .cs:nth-child(5) .line-s,
.h-row-3_2 .cs:nth-child(6) .line-s {
position: absolute;
left: -110px;
width: 100px;
height: 2px;
background: #033d8a;
}
@media (max-width: 1399.98px) {
.h-row-3_2 .cs:nth-child(4) .line-s,
.h-row-3_2 .cs:nth-child(5) .line-s,
.h-row-3_2 .cs:nth-child(6) .line-s {
left: -45px;
width: 35px;
}
}
.h-row-3_2 .cs .line-s:before {
content: "";
position: absolute;
left: -6px;
top: -5px;
width: 12px;
height: 12px;
background: #033d8a;
border-radius: 50%;
}
.h-row-3_2 .cs .line-s:after {
content: "";
position: absolute;
right: -6px;
top: -5px;
width: 12px;
height: 12px;
background: #033d8a;
border-radius: 50%;
}
.cs:nth-child(1),
.cs:nth-child(2),
.cs:nth-child(3) {
margin: 0 300px 16px 0 !important;
}
@media (max-width: 1399.98px) {
.cs:nth-child(1),
.cs:nth-child(2),
.cs:nth-child(3) {
margin: 0 240px 16px 0 !important;
}
}
@media (max-width: 1199.98px) {
.cs:nth-child(1),
.cs:nth-child(2),
.cs:nth-child(3) {
margin: 0 187px 16px 0 !important;
}
}
@media (max-width: 991.98px) {
.cs:nth-child(1),
.cs:nth-child(2),
.cs:nth-child(3) {
margin: 0 0 16px !important;
}
}
.cs:nth-child(4),
.cs:nth-child(5),
.cs:nth-child(6) {
margin: 0 0 16px 300px !important;
}
@media (max-width: 1399.98px) {
.cs:nth-child(4),
.cs:nth-child(5),
.cs:nth-child(6) {
margin: 0 0 16px 240px !important;
}
}
@media (max-width: 1199.98px) {
.cs:nth-child(4),
.cs:nth-child(5),
.cs:nth-child(6) {
margin: 0 0 16px 187px !important;
}
}
@media (max-width: 991.98px) {
.cs:nth-child(4),
.cs:nth-child(5),
.cs:nth-child(6) {
margin: 0 0 16px !important;
}
}
.block-blue {
position: relative;
background: linear-gradient(180deg, #0072ce 0%, #033d8a 100%);
border-radius: 20px;
padding: 50px 70px;
}
@media (max-width: 575.98px) {
.block-blue {
padding: 0;
margin: 0 -15px;
border-radius: 0;
}
}
.block-blue .tit,
.block-blue .pod-tit {
color: #fff;
}
.desc p {
font-weight: 400;
font-size: 16px;
text-align: center;
color: #5c5c5c;
}
@media (max-width: 575.98px) {
.desc p {
font-size: 14px;
}
}
.block-blue .desc p {
color: #fff;
}
.vid-block {
/* display: flex;*/
/* flex-wrap: wrap;*/
/* gap: 20px;*/
margin: 0 0 32px;
}
/*.vid-item {
width: calc((100% - 40px) / 2);
}*/
.swiper-video-block {
position: relative;
margin: 0 0 47px;
}
.swiper-pagination-video {
bottom: 20px !important;
}
.swiper-video-pn {
bottom: -33px;
top: auto !important;
border: 1px solid #0579f9b0;
background: #eef5ff;
border-radius: 5px;
width: 53px;
height: 36px;
padding: 9px;
}
.swiper-video-p {
left: calc(50% - 56px) !important;
}
.swiper-video-n {
right: calc(50% - 56px) !important;
}
.vid-vid {
position: relative;
height: 360px;
border-radius: 20px;
overflow: hidden;
background: #dbecfb;
}
.vid-vid iframe {
width: 100%;
height: 360px;
}
/*.playButton svg path {
fill: #0471c9 !important;
}*/
.vid-name {
font-weight: 500;
font-size: 20px;
text-align: center;
color: #0072ce;
margin: 16px 0 0;
}
.vid-icon {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.blue {
background: #033d8a;
}
section.blue .tit,
section.blue .pod-tit,
section.blue .desc {
color: #fff;
}
.photo-block {
display: flex;
}
.home-s6 .photo-block,
.home-s8 .photo-block {
gap: 20px;
flex-wrap: wrap;
}
@media (max-width: 575.98px) {
.home-s6 .photo-block,
.home-s8 .photo-block {
flex-direction: column;
}
}
.photo-item {
display: flex;
flex-direction: column;
height: auto;
min-height: 100%;
width: calc((100% - 60px) / 4);
}
@media (max-width: 991.98px) {
.photo-item {
width: calc((100% - 40px) / 2);
}
}
@media (max-width: 575.98px) {
.photo-item {
width: 100%;
}
}
.photo-item .img-block {
border-radius: 10px;
overflow: hidden;
margin: 0 0 16px;
}
.photo-item img {
width: 100%;
}
.home-s8 .photo-item img {
aspect-ratio: 16 / 16;
object-fit: cover;
}
.img-desc {
position: absolute;
bottom: 16px;
left: 50%;
transform: translate(-50%, 0%);
font-weight: 500;
font-size: 16px;
line-height: 120%;
text-align: center;
color: #fff;
z-index: 1;
width: calc(100% - 40px);
text-wrap-style: balance;
}
.home-s8 .name {
font-size: 16px;
font-weight: 500;
line-height: 120%;
text-align: center;
color: #0072ce;
text-wrap-style: balance;
}
@media (max-width: 575.98px) {
.home-s8 .name {
font-size: 14px;
}
}
.home-s8.blue .name {
color: #fff;
}
.gallery-block-big {
max-width: 800px;
}
.gallery-block-small {
max-width: 1000px;
}
.gallery-big {
position: relative;
text-align: center;
margin: 0 auto 20px;
border-radius: 20px;
overflow: hidden;
}
.gallery-big:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: linear-gradient(0deg, rgba(3, 61, 138, 0.81) 39.9%, rgba(255, 255, 255, 0) 100%);
}
.gallery-small {
flex-basis: 70px;
align-self: center;
cursor: pointer;
}
.gallery-small .img-block {
border-radius: 4px;
overflow: hidden;
/* width: 75px;*/
}
.gallery-block-small .swiper-slide-thumb-active:before {
content: "";
box-shadow: inset 0px 0px 0px 2px #033d8a;
width: 100%;
height: 100%;
display: block;
position: absolute;
border-radius: 4px;
overflow: hidden;
}
.gallery-block-small .swiper-wrapper {
justify-content: center;
}
:root {
--swiper-navigation-size: 24px;
}
.gallery-block-big-s {
position: relative;
}
@media (max-width: 1199.98px) {
.swiper-gallery-pn {
display: none;
}
}
.swiper-gallery-p {
left: 70px !important;
color: #0072ce;
}
.swiper-gallery-n {
right: 70px !important;
color: #0072ce;
}
.swiper-command-p {
left: 20px !important;
color: #fff;
}
.swiper-command-n {
right: 20px !important;
color: #fff;
}
.command-block {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
@media (max-width: 575.98px) {
.command-block {
margin: 0 35px;
}
}
.command-item {
position: relative;
width: calc((100% - 60px) / 4);
}
.command-item .img-block {
border-radius: 10px;
overflow: hidden;
}
section .block-blue .name {
color: #fff;
}
.tit-block {
margin-bottom: 35px;
position: relative;
z-index: 1;
}
@media (max-width: 991.98px) {
.tit-block {
margin-bottom: 16px;
}
}
.tit-block .desc {
max-width: 900px;
margin: 0 auto 23px;
}
.mb-16 {
margin-bottom: 16px;
}
.mb-50 {
margin-bottom: 50px;
}
@media (max-width: 767.98px) {
.mb-50 {
margin-bottom: 25px;
}
}
.command-item .img-block img {
width: 100%;
}
.command-item .name {
background: #0072ce;
border-radius: 10px;
width: 86%;
padding: 11px 6px;
height: 60px;
margin: 0 auto 9px;
z-index: 1;
align-items: center;
display: flex;
justify-content: center;
text-align: center;
font-weight: 500;
line-height: 130%;
}
.c-item-desc {
top: -32px;
position: relative;
}
.c-desc {
font-weight: 500;
font-size: 15px;
text-align: center;
color: #fff;
margin: 0 0 16px;
}
.c-full-desc {
font-weight: 400;
font-size: 13px;
text-align: center;
color: #fff;
line-height: 130%;
}
.us-block {
background: #0072ce;
border-radius: 32px;
max-width: 850px;
padding: 16px 40px;
margin: 0 auto 16px;
}
@media (max-width: 575.98px) {
.us-block {
padding: 16px;
}
}
.us-price-col-group {
position: relative;
}
.us-price-col-group:before {
content: "";
display: block;
width: calc(100% + 80px);
background: #fff;
height: 1px;
position: absolute;
top: 47px;
left: -40px;
}
@media (max-width: 991.98px) {
.us-price-col-group:before {
top: 42px;
}
}
@media (max-width: 575.98px) {
.us-price-col-group:before {
top: 35px;
left: -16px;
width: calc(100% + 32px);
}
}
.us-col li {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #fff;
}
@media (max-width: 991.98px) {
.us-col li {
font-size: 18px;
}
}
@media (max-width: 767.98px) {
.us-col li {
font-size: 16px;
}
}
@media (max-width: 575.98px) {
.us-col li {
font-size: 14px;
}
}
.us-col li:nth-child(2) {
flex-shrink: 0;
}
.us-col li.f {
color: #fff;
font-weight: 700;
padding: 0 0 16px;
}
.us-desc {
font-weight: 400;
font-size: 14px;
line-height: 130%;
text-align: center;
color: #322d2c;
max-width: 900px;
margin: 0 auto;
text-wrap-style: balance;
}
.swiper-reab {
max-width: 1070px;
margin: 0 auto;
}
@media (max-width: 991.98px) {
.swiper-reab {
max-width: 650px;
}
}
@media (max-width: 767.98px) {
.swiper-reab {
max-width: 470px;
}
}
@media (max-width: 575.98px) {
.swiper-reab {
max-width: calc(100% - 70px);
}
}
.prog-row {
/* display: flex;*/
/* gap: 50px;*/
/* flex-wrap: wrap;*/
}
.prog-col {
width: calc((100% - 100px) / 3);
display: flex;
flex-direction: column;
height: auto;
}
.prog-col-inner {
background: #fff;
border-radius: 15px;
padding: 10px;
margin: 0 0 16px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.prog-name {
font-weight: 700;
font-size: 16px;
text-align: center;
color: #fff;
background: #0072ce;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
text-wrap-style: balance;
line-height: 130%;
padding: 6px 10px;
}
.prog-desc li {
color: #5c5c5c;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-align: center;
margin: 16px 0;
text-wrap-style: balance;
}
.prog-price {
font-weight: 700;
font-size: 16px;
text-align: center;
color: #033d8a;
padding: 9px 0;
}
.prog-desc {
flex-grow: 1;
align-content: center;
}
.prog-col .btn-con {
margin: 0 auto 18px;
}
.ppn-s3 .btn-con {
margin: 36px auto 0;
}
.swiper-reab-block {
position: relative;
}
.swiper-reab-pn {
color: #fff;
}
.swiper-reab-p {
left: 0px !important;
}
.swiper-reab-n {
right: 0px !important;
}
.s-desc {
font-weight: 400;
font-size: 14px;
text-align: center;
color: #fff;
line-height: 130%;
text-wrap-style: balance;
}
.h-row-12 .pod-tit {
max-width: 900px;
margin: 0 auto 50px;
}
.table-s12 {
border: 2px solid #0072ce;
border-radius: 45px;
width: 1200px;
max-width: 100%;
background: #f2f2f2;
padding: 20px;
margin: 0 auto;
}
.s13-desc-img-group {
display: flex;
gap: 40px;
flex-wrap: wrap;
max-width: 1080px;
margin: 0 auto;
}
.s13-desc {
font-weight: 500;
font-size: 18px;
color: #5c5c5c;
}
.s13-desc p {
font-weight: 500;
font-size: 16px;
color: #5c5c5c;
}
@media (max-width: 424.98px) {
.s13-desc p {
font-size: 14px;
}
}
.s13-desc .pod-tit {
font-weight: 700;
font-size: 20px;
text-align: left;
margin: 0 0 22px;
}
@media (max-width: 575.98px) {
.s13-desc .pod-tit {
font-size: 16px;
}
}
.s13-desc h2 {
color: #033d8a;
font-weight: 700;
font-size: 28px;
margin: 0 0 28px;
text-wrap-style: balance;
line-height: 120%;
}
@media (max-width: 767.98px) {
.s13-desc h2 {
font-size: 22px;
margin: 0 0 22px;
}
}
@media (max-width: 575.98px) {
.s13-desc h2 {
font-size: 18px;
margin: 0 0 18px;
}
}
.s13-img-block {
display: flex;
flex-direction: column;
gap: 8px;
flex-shrink: 0;
max-width: 390px;
}
.t-col-name-group {
display: flex;
justify-content: space-between;
gap: 10px;
margin: 0 0 20px;
}
.t-col-name {
background: #0072ce;
border-radius: 40px;
font-weight: 700;
font-size: 20px;
line-height: 120%;
text-align: center;
color: #fff;
padding: 8px 16px;
width: calc((100% - 0px) / 4);
align-items: center;
display: flex;
justify-content: center;
}
@media (max-width: 1399.98px) {
.t-col-name {
font-size: 18px;
padding: 8px 12px;
}
}
@media (max-width: 1199.98px) {
.t-col-name {
font-size: 16px;
padding: 8px;
}
}
@media (max-width: 991.98px) {
.t-col-name {
font-size: 14px;
padding: 6px;
}
}
@media (max-width: 767.98px) {
.t-col-name {
font-size: 12px;
border-radius: 10px;
}
}
.t-tr:last-child .t-col-item {
border-bottom: 0;
}
.t-col-item.sw {
font-weight: 400;
font-size: 16px;
text-align: center;
color: #033d8a;
line-height: 130%;
width: calc((100% - 0px) / 4);
border-right: 1px solid #0072ce;
border-bottom: 1px solid #0072ce;
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991.98px) {
.t-col-item.sw {
font-size: 14px;
padding: 8px;
}
}
@media (max-width: 767.98px) {
.t-col-item.sw {
font-size: 12px;
padding: 6px;
}
}
.t-col-item.sw:first-child {
font-weight: 500;
font-size: 20px;
}
@media (max-width: 1199.98px) {
.t-col-item.sw:first-child {
font-size: 18px;
}
}
@media (max-width: 991.98px) {
.t-col-item.sw:first-child {
font-size: 16px;
}
}
@media (max-width: 767.98px) {
.t-col-item.sw:first-child {
font-size: 12px;
font-weight: 600;
}
}
.t-col-item.sw:last-child {
border-right: 0;
}
.t-tr {
display: flex;
gap: 0px;
}
.desc {
font-size: 16px;
font-weight: 400;
line-height: 120%;
text-align: center;
color: #5c5c5c;
margin: 16px 0 0;
flex-grow: 1;
align-content: center;
}
.lg-row-1 .photo-block {
margin: 0 0 60px;
}
.swiper-lg-s3 {
max-width: 1110px;
}
@media (max-width: 575.98px) {
.swiper-lg-s2,
.swiper-lg-s3 {
margin: 0 -15px 0 0;
}
}
.lg-s3-block {
/* display: flex;*/
/* max-width: 1110px;*/
/* margin: 0 auto;*/
}
.lg-s3-item {
width: calc((100% - 60px) / 3);
}
.lg-s3 .name {
font-size: 20px;
color: #fff;
font-weight: 500;
text-align: center;
line-height: 120%;
text-wrap-style: balance;
}
.lg-s3-item .img-block {
border-radius: 20px;
overflow: hidden;
margin: 0 0 10px;
}
.lg-s3-item img {
width: 100%;
}
.lg-s3-item .desc {
font-size: 15px;
}
.lg-s3-item .btn-con {
text-align: center;
margin: 20px auto 0;
}
.lg-s4-1 {
position: relative;
width: 980px;
max-width: 100%;
margin: 76px auto 0;
}
@media (max-width: 991.98px) {
.lg-s4-1 {
margin: 46px auto 0;
}
}
@media (max-width: 575.98px) {
.lg-s4-1 {
margin: 26px auto 0;
}
}
.wpcf7-radio {
display: flex;
flex-direction: column;
gap: 10px;
}
.block-blue p {
color: #fff;
}
:root {
--f-col-gap: 75px;
}
@media (max-width: 1399.98px) {
:root {
--f-col-gap: 50px;
}
}
@media (max-width: 1199.98px) {
:root {
--f-col-gap: 20px;
}
}
.wpcf7 .f-row {
display: flex;
gap: var(--f-col-gap);
flex-wrap: wrap;
margin: 0 0 16px;
justify-content: space-between;
}
.f-col-1 {
width: 100%;
}
.f-col-2 {
width: calc((100% - var(--f-col-gap)) / 2);
}
.f-col-3 {
width: calc((100% - var(--f-col-gap) * 2) / 3);
}
@media (max-width: 991.98px) {
@media (max-width: 1199.98px) {
.f-col-3:nth-child(3) {
width: 100%;
}
}
}
@media (max-width: 767.98px) {
.f-col-3:nth-child(1),
.f-col-3:nth-child(2) {
width: 100%;
}
}
.f-tit {
font-weight: 700;
font-size: 20px;
color: #fff;
margin: 0 0 20px;
}
@media (max-width: 1199.98px) {
.f-tit {
font-size: 18px;
}
}
@media (max-width: 767.98px) {
.f-tit {
font-size: 16px;
}
}
.f-radio .wpcf7-list-item-label {
font-weight: 500;
font-size: 16px;
color: #fff;
}
.f-radio .wpcf7-list-item-label {
font-weight: 500;
font-size: 16px;
color: #fff;
padding: 6px 0;
display: inline-block;
}
.f-radio label {
display: flex;
gap: 10px;
}
input[type="radio"] {
width: 22px;
}
.f-btn {
position: relative;
text-align: center;
background: #fff;
border-radius: 50px;
overflow: hidden;
width: max-content;
margin: 0 auto;
cursor: pointer;
transition: all 0.2s ease 0s;
}
.wpcf7-submit {
color: #033d8a;
font-weight: 500;
font-size: 16px;
text-align: center;
padding: 17px 47px;
}
.f-18 {
position: absolute;
font-weight: 400;
font-size: 14px;
color: #fff;
}
.f-name {
margin: 0 0 26px;
}
.wpcf7-text {
border-radius: 22px;
max-width: 250px;
padding: 9px 16px;
font-weight: 500;
font-size: 14px;
color: #737370;
}
@media (max-width: 575.98px) {
.wpcf7-text {
width: 100%;
}
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-not-valid-tip {
color: #ff7070;
font-weight: 500;
margin: 7px 0;
}
.acceptance-1 .wpcf7-list-item-label,
.acceptance-2 .wpcf7-list-item-label {
font-weight: 400;
font-size: 14px;
color: #fff;
text-wrap-style: balance;
line-height: 130%;
}
.acceptance-1 {
margin: 16px 0;
}
input[type="checkbox"] {
border-radius: 2px;
width: 15px;
height: 15px;
flex-shrink: 0;
margin: 0 7px 0 0px;
}
.wpcf7-response-output {
border-radius: 5px;
padding: 13px 16px !important;
color: #fff;
font-weight: 500;
text-align: center;
margin: 30px auto 0 auto !important;
max-width: max-content;
}
.wpcf7-spinner {
position: absolute;
margin: 0 0 0 20px;
top: 15px;
right: 14px;
}
.us-price-col-group .tr {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 8px 0;
}
.btn-desc {
font-weight: 700;
font-size: 20px;
text-align: center;
color: #0072ce;
margin: 42px 0 32px;
}
.sd-row {
display: flex;
flex-wrap: wrap;
gap: 24px 60px;
}
@media (max-width: 1199.98px) {
.sd-row {
gap: 24px 40px;
}
}
@media (max-width: 991.98px) {
.sd-row {
gap: 16px 40px;
}
}
.sd-col {
position: relative;
width: calc((100% - 60px) / 2);
border: 2px solid #fff;
border-radius: 15px;
padding: 20px 20px 20px 100px;
min-height: 120px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1199.98px) {
.sd-col {
width: calc((100% - 40px) / 2);
padding: 20px 20px 20px 55px;
}
}
@media (max-width: 991.98px) {
.sd-col {
width: 100%;
min-height: auto;
}
}
/* Page Template Default */
.single h1,
.page-template-default h1,
.page-template-page-question h1,
.page-template-page-addiction h1 {
color: #033d8a;
font-weight: 700;
font-size: 32px;
margin: 0 0 16px;
text-wrap-style: balance;
line-height: 120%;
}
.single h2,
.page-template-default h2 {
color: #033d8a;
font-weight: 700;
font-size: 28px;
margin: 40px 0;
text-wrap-style: balance;
line-height: 120%;
}
.single h3,
.page-template-default h3 {
color: #033d8a;
font-weight: 700;
font-size: 24px;
margin: 32px 0;
}
/*entry-content*/
.blog .article-block-s p,
.page-template-default .entry-content p,
.page-template-page-addiction .entry-content p {
font-weight: 500;
font-size: 16px;
color: #5c5c5c;
}
.single .article__content ul,
.single .article__content ol,
.page-template-default .entry-content ul,
.page-template-default .entry-content ol,
.page-template-page-pomoshh .content-sec ul,
.page-template-page-pomoshh .content-sec ol {
margin: 0 0 16px;
}
.single .article__content ul li,
.page-template-default .entry-content ul li {
position: relative;
display: flex;
align-items: baseline;
font-weight: 500;
font-size: 16px;
color: #5c5c5c;
line-height: 130%;
margin: 0 0 4px 0px;
}
.single .article__content ul li:before,
.page-template-default .entry-content ul li:before {
content: "";
width: 6px;
height: 6px;
background: #0072ce;
border-radius: 50%;
margin: 0 15px;
display: inline-block;
flex-shrink: 0;
position: relative;
top: -2px;
}
.page-template-default .entry-content img {
border-radius: 4px;
overflow: hidden;
}
/* / */
.s13-desc ul li {
position: relative;
font-weight: 500;
font-size: 16px;
color: #5c5c5c;
line-height: 130%;
margin: 0 0 4px 25px;
}
.s13-desc ul li:before {
content: "";
width: 6px;
height: 6px;
background: #0072ce;
position: absolute;
top: 7px;
left: -16px;
border-radius: 50%;
}
.s13-desc ol li {
counter-increment: my-awesome-counter;
counter-increment: li;
position: relative;
font-size: 16px;
line-height: 130%;
list-style: none;
color: #5c5c5c;
margin: 0 0 1rem 40px;
}
@media (max-width: 424.98px) {
.s13-desc ol li {
font-size: 14px;
}
}
.s13-desc ol li:before {
content: counter(my-awesome-counter);
content: counter(li, decimal-leading-zero);
content: counter(li);
color: #fff;
font-weight: 700;
background: #033d8a;
border-radius: 4px;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
position: absolute;
top: -4px; /*!*/
left: -40px;
font-size: 13px;
}
/**/
.gallery-big img {
aspect-ratio: 16 / 14;
object-fit: cover;
width: 100%;
}
.page-template-page-reabilitacziya .sd-col {
counter-increment: my-awesome-counter;
counter-increment: li;
}
.page-template-page-reabilitacziya .sd-col:before {
content: counter(my-awesome-counter);
content: counter(li, decimal-leading-zero);
color: #ffffff;
font-weight: 800;
line-height: 48px;
text-align: center;
position: absolute;
top: 9px;
left: 9px;
font-size: 48px;
}
@media (max-width: 1199.98px) {
.page-template-page-reabilitacziya .sd-col:before {
font-size: 28px;
}
}
.sd-name {
font-weight: 700;
font-size: 20px;
color: #fff;
line-height: 120%;
margin: 0 0 10px;
text-wrap-style: balance;
}
@media (max-width: 1199.98px) {
.sd-name {
font-size: 18px;
}
}
@media (max-width: 575.98px) {
.sd-name {
font-size: 16px;
}
}
.sd-desc {
font-style: italic;
font-weight: 400;
font-size: 16px;
color: #fff;
line-height: 120%;
}
.sd-icon {
width: 100px;
height: 100px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: -25px;
transform: translate(0px, -50%);
}
@media (max-width: 1199.98px) {
.sd-icon {
width: 65px;
height: 65px;
}
}
@media (max-width: 1199.98px) {
.sd-icon img {
width: 40px;
height: 40px;
}
}
.ppn-s3 .block-blue {
padding: 50px 100px;
}
@media (max-width: 767.98px) {
.ppn-s3 .block-blue {
padding: 50px 50px;
}
}
.ppn-s4-row {
display: flex;
gap: 88px 150px;
flex-wrap: wrap;
}
@media (max-width: 1399.98px) {
.ppn-s4-row {
gap: 78px 150px;
}
}
@media (max-width: 1199.98px) {
.ppn-s4-row {
gap: 66px 120px;
}
}
@media (max-width: 991.98px) {
.ppn-s4-row {
gap: 66px 30px;
}
}
@media (max-width: 767.98px) {
.ppn-s4-row {
gap: 38px 0px;
}
}
.ppn-s4-col {
position: relative;
width: calc((100% - 300px) / 3);
background: #0072ce;
border-radius: 20px;
padding: 20px 30px;
counter-increment: my-awesome-counter;
counter-increment: li;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1199.98px) {
.ppn-s4-col {
width: calc((100% - 240px) / 3);
padding: 12px 12px;
}
}
@media (max-width: 991.98px) {
.ppn-s4-col {
width: calc((100% - 60px) / 3);
padding: 12px 12px;
}
}
@media (max-width: 767.98px) {
.ppn-s4-col {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
}
.ppn-s4-col:before {
content: counter(my-awesome-counter);
content: counter(li, decimal-leading-zero);
color: #0072ce;
font-weight: 800;
line-height: 48px;
text-align: center;
position: absolute;
top: -41px;
left: 9px;
font-size: 48px;
}
.ppn-s4-col:nth-child(2):after,
.ppn-s4-col:nth-child(3):after,
.ppn-s4-col:nth-child(5):after,
.ppn-s4-col:nth-child(6):after {
content: "";
display: block;
width: 155px;
height: 7px;
position: absolute;
top: 49%;
left: -153px;
background-image: url("data:image/svg+xml,%3Csvg width='155' height='7' viewBox='0 0 155 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333333 3.5C0.333333 4.97276 1.52724 6.16667 3 6.16667C4.47276 6.16667 5.66667 4.97276 5.66667 3.5C5.66667 2.02724 4.47276 0.833333 3 0.833333C1.52724 0.833333 0.333333 2.02724 0.333333 3.5ZM149.333 3.5C149.333 4.97276 150.527 6.16667 152 6.16667C153.473 6.16667 154.667 4.97276 154.667 3.5C154.667 2.02724 153.473 0.833333 152 0.833333C150.527 0.833333 149.333 2.02724 149.333 3.5ZM3 3.5V4H6.10417V3.5V3H3V3.5ZM12.3125 3.5V4H18.5208V3.5V3H12.3125V3.5ZM24.7292 3.5V4H30.9375V3.5V3H24.7292V3.5ZM37.1458 3.5V4H43.3542V3.5V3H37.1458V3.5ZM49.5625 3.5V4H55.7708V3.5V3H49.5625V3.5ZM61.9792 3.5V4H68.1875V3.5V3H61.9792V3.5ZM74.3958 3.5V4H80.6042V3.5V3H74.3958V3.5ZM86.8125 3.5V4H93.0208V3.5V3H86.8125V3.5ZM99.2292 3.5V4H105.438V3.5V3H99.2292V3.5ZM111.646 3.5V4H117.854V3.5V3H111.646V3.5ZM124.063 3.5V4H130.271V3.5V3H124.063V3.5ZM136.479 3.5V4H142.688V3.5V3H136.479V3.5ZM148.896 3.5V4H152V3.5V3H148.896V3.5Z' fill='%23033D8A' /%3E%3C/svg%3E");
z-index: 1;
}
@media (max-width: 1199.98px) {
.ppn-s4-col:nth-child(2):after,
.ppn-s4-col:nth-child(3):after,
.ppn-s4-col:nth-child(5):after,
.ppn-s4-col:nth-child(6):after {
background-size: 80%;
background-repeat: no-repeat;
background-origin: border-box;
left: -122px;
}
}
@media (max-width: 991.98px) {
.ppn-s4-col:nth-child(2):after,
.ppn-s4-col:nth-child(3):after,
.ppn-s4-col:nth-child(5):after,
.ppn-s4-col:nth-child(6):after {
background-size: 0%;
border-bottom: 1px dashed #033d8a;
width: 30px;
left: -30px;
}
}
.ppn-s4-col:nth-child(4):after {
content: "";
display: block;
width: 987px;
height: 97px;
position: absolute;
top: -91px;
left: 49%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='905' height='87' viewBox='0 0 905 87' fill='none'%3E%3Cpath d='M902 0.333333C900.527 0.333333 899.333 1.52724 899.333 3C899.333 4.47276 900.527 5.66667 902 5.66667C903.473 5.66667 904.667 4.47276 904.667 3C904.667 1.52724 903.473 0.333333 902 0.333333ZM902 3L901.5 3L901.5 5.5L902 5.5L902.5 5.5L902.5 3L902 3ZM902 10.5L901.5 10.5L901.5 15.5L902 15.5L902.5 15.5L902.5 10.5L902 10.5ZM902 20.5L901.5 20.5L901.5 25.5L902 25.5L902.5 25.5L902.5 20.5L902 20.5ZM902 30.5L901.5 30.5L901.5 33L902 33L902.5 33L902.5 30.5L902 30.5Z' fill='%23033D8A'/%3E%3Cline x1='902' y1='33.5' x2='3' y2='33.5' stroke='%23033D8A' stroke-dasharray='6 6'/%3E%3Cpath d='M3 81.3333C1.52724 81.3333 0.333335 82.5272 0.333335 84C0.333336 85.4728 1.52724 86.6667 3 86.6667C4.47276 86.6667 5.66667 85.4728 5.66667 84C5.66667 82.5272 4.47276 81.3333 3 81.3333ZM3 33L2.5 33L2.5 36.1875L3 36.1875L3.5 36.1875L3.5 33L3 33ZM3 42.5625L2.5 42.5625L2.5 48.9375L3 48.9375L3.5 48.9375L3.5 42.5625L3 42.5625ZM3 55.3125L2.5 55.3125L2.5 61.6875L3 61.6875L3.5 61.6875L3.5 55.3125L3 55.3125ZM3 68.0625L2.5 68.0625L2.5 74.4375L3 74.4375L3.5 74.4375L3.5 68.0625L3 68.0625ZM3 80.8125L2.5 80.8125L2.5 84L3 84L3.5 84L3.5 80.8125L3 80.8125Z' fill='%23033D8A'/%3E%3C/svg%3E");
z-index: 1;
background-size: 100%;
background-repeat: no-repeat;
}
@media (max-width: 1399.98px) {
.ppn-s4-col:nth-child(4):after {
top: -80px;
width: 858px;
height: 87px;
}
}
@media (max-width: 1199.98px) {
.ppn-s4-col:nth-child(4):after {
width: 722px;
height: 72px;
top: -68px;
}
}
@media (max-width: 991.98px) {
.ppn-s4-col:nth-child(4):after {
width: 503px;
top: -51px;
transform: scaleX(0.8);
transform: scaleY(1.46);
}
}
.ppn-s4-col .name {
font-weight: 700;
font-size: 20px;
text-align: center;
color: #fff;
}
@media (max-width: 991.98px) {
.ppn-s4-col .name {
font-size: 17px;
}
}
.ppn-s4-col .desc {
font-weight: 400;
font-size: 16px;
text-align: center;
color: #fff;
margin: 10px 0 0;
text-wrap-style: balance;
}
@media (max-width: 991.98px) {
.ppn-s4-col .desc {
font-size: 15px;
}
}
.ppn-s4 .tit-block {
margin: 0 0 83px;
}
@media (max-width: 767.98px) {
.ppn-s4-col:nth-child(2):after,
.ppn-s4-col:nth-child(3):after,
.ppn-s4-col:nth-child(4):after,
.ppn-s4-col:nth-child(5):after,
.ppn-s4-col:nth-child(6):after {
display: none;
}
.d-line {
position: absolute;
background-size: 0%;
border-left: 1px dashed #033d8a;
height: 38px;
left: 50%;
transform: translate(-50%, 0px);
top: -38px;
}
.d-line::after {
content: "";
position: absolute;
left: 50%;
transform: translate(-50%, 0px);
bottom: -5px;
border: 4px solid transparent;
border-top: 8px solid #033d8a;
}
.ppn-s4-col:nth-child(1) .d-line {
display: none;
}
}
.ppn-s4 .btn-con {
margin: 60px auto 0;
}
.content-sec h2 {
font-weight: 700;
font-size: 29px;
line-height: 110%;
color: #033d8a;
margin: 40px 0;
text-wrap-style: balance;
}
@media (max-width: 767.98px) {
.content-sec h2 {
font-size: 26px;
}
}
@media (max-width: 575.98px) {
.content-sec h2 {
font-size: 24px;
}
}
.content-sec h3 {
font-weight: 700;
font-size: 24px;
color: #033d8a;
margin: 32px 0;
}
.content-sec p {
font-weight: 500;
font-size: 16px;
color: #5c5c5c;
}
.content-sec p:last-child {
margin-bottom: 0;
}
.content-sec td {
font-weight: 400;
font-size: 16px;
color: #5c5c5c;
}
.content-sec th {
font-weight: 600;
font-size: 16px;
color: #5c5c5c;
}
.content-sec a {
font-weight: 500;
color: #0072ce;
}
.content-sec b {
font-weight: 700;
}
.content-sec ul,
.content-sec ol {
margin: 0 0 16px 0;
}
.content-sec ul li {
position: relative;
display: flex;
align-items: baseline;
font-weight: 500;
font-size: 16px;
color: #5c5c5c;
line-height: 130%;
margin: 7px 0;
}
.content-sec ul li:before {
content: "";
width: 6px;
height: 6px;
background: #0072ce;
border-radius: 50%;
flex-shrink: 0;
margin: 0 15px;
position: relative;
top: -2px;
}
.content-sec ol li,
.entry-content ol li {
counter-increment: my-awesome-counter;
counter-increment: li;
position: relative;
font-size: 16px;
font-weight: 500;
line-height: 130%;
list-style: none;
color: #5c5c5c;
margin: 7px 0;
display: flex;
align-items: flex-start;
}
.content-sec ol li:before,
.entry-content ol li:before {
content: counter(my-awesome-counter);
content: counter(li, decimal-leading-zero);
content: counter(li);
color: #fff;
font-weight: 700;
background: #033d8a;
border-radius: 4px;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 13px;
flex-shrink: 0;
margin-right: 15px;
position: relative;
top: -4px;
}
.content-w {
max-width: 1000px;
margin: 0 auto;
}
.wp-block-image {
flex-shrink: 0;
}
/*.content-sec > p img {
max-width: 400px;
float: left;
margin: 0 20px 20px 0;
}*/
.content-sec > .content-w > p:nth-child(2n) img {
float: right;
margin: 0 0 20px 20px;
}
.inline-gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.inline-gallery span {
width: calc((100% - 20px) / 3);
border-radius: 4px;
overflow: hidden;
}
.content-sec img {
border-radius: 4px;
overflow: hidden;
}
.s404-s {
margin: 0 0 40px;
}
.s404 {
font-size: 70px;
margin: 40px 0;
}
.s404-title {
font-size: 32px;
margin: 0px 0px 32px;
}
.s404-content p {
font-size: 18px;
margin: 0 0 16px;
}
.search-form {
position: relative;
border: 1px solid #98b6dd;
padding: 16px 22px;
border-radius: 4px;
width: 50%;
overflow: hidden;
margin: 0 auto;
}
.search-submit {
font-size: 0;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
width: 16px;
height: 16px;
background-color: #98b6da;
vertical-align: middle;
position: absolute;
top: 0;
right: 0;
padding: 24px 28px;
cursor: pointer;
background-size: 14px;
background-repeat: no-repeat;
background-position: center;
}
.s404-s .article {
display: flex;
flex-direction: column;
align-items: center;
}
.search-field {
width: calc(100% - 50px);
}
/* Статьи */
.blog .article-block,
.search .article-block {
display: flex;
gap: 32px;
flex-wrap: wrap;
}
.blog .article,
.search .article {
position: relative;
transform: translateZ(0px);
box-shadow: 0 0 5px #94b5ff;
border-radius: 10px;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
}
.thumbnail {
max-width: 360px;
flex-shrink: 0;
}
.article-title {
font-size: 20px;
font-weight: 500;
padding: 0 32px;
margin: 0 0 16px;
}
.article-title a {
color: #043d86;
}
.meta {
display: flex;
gap: 30px;
padding: 0 32px;
margin: 0 0 16px;
}
.article-entry {
padding: 0 32px;
}
/**/
.pagination {
margin: 30px auto;
width: 100%;
align-items: center;
display: flex;
justify-content: center;
}
.nav-links {
display: flex;
align-items: center;
gap: 8px;
}
.page-numbers {
background: #043d864f;
border-radius: 5px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-size: 16px;
line-height: 120%;
}
.page-numbers.current {
background: #043d86;
border-radius: 5px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 16px;
line-height: 120%;
}
table {
width: 100%;
border-radius: 10px;
border: 1px solid #cdcdcd;
padding: 16px;
border-collapse: separate;
border-spacing: 0;
}
thead {
text-align: left;
}
/*#block-block-25 table tbody tr td:first-child {
width: 68%;
}*/
.block-blue .tel-item a {
color: #fff;
}
.block-blue .tel-icon path {
stroke: #fff;
}
.group {
display: flex;
}
.call-free {
font-weight: 500;
font-size: 16px;
color: #fff;
}
.call-free-g {
gap: 20px;
align-items: center;
justify-content: end;
}
@media (max-width: 991.98px) {
.call-free-g {
flex-direction: column;
}
}
.cons-s1 .block-blue {
padding: 10px 70px 0;
align-items: flex-end;
}
@media (max-width: 1199.98px) {
.cons-s1 .block-blue {
justify-content: right;
}
}
@media (max-width: 991.98px) {
.cons-s1 .block-blue {
overflow: hidden;
padding: 10px 50px 0;
}
}
@media (max-width: 767.98px) {
.cons-s1 .block-blue {
overflow: hidden;
padding: 10px 40px 0;
}
}
@media (max-width: 575.98px) {
.cons-s1 .block-blue {
overflow: hidden;
padding: 10px 30px 0;
}
}
.cons-s1 .part-1 {
flex-shrink: 0;
}
@media (max-width: 1199.98px) {
.cons-s1 .part-1 {
max-width: 360px;
left: 20px;
position: absolute;
}
}
@media (max-width: 991.98px) {
.cons-s1 .part-1 {
left: -80px;
}
}
@media (max-width: 575.98px) {
.cons-s1 .part-1 {
display: none;
}
}
.cons-s1 .part-2 {
display: flex;
flex-direction: column;
padding: 40px 0;
z-index: 1;
}
@media (max-width: 1199.98px) {
.cons-s1 .part-2 {
width: 70%;
}
}
@media (max-width: 575.98px) {
.cons-s1 .part-2 {
width: 100%;
}
}
.cons-s1 .cf7-form {
flex-grow: 1;
margin: 0 0 16px;
}
.cons-s1 .wpcf7-text {
max-width: 100%;
width: 400px;
}
@media (max-width: 424.98px) {
.header .tel-icon {
display: none;
}
}
@media (max-width: 355.98px) {
.header .tel-item a {
font-size: 14px;
}
.btn-tel-block {
padding: 0;
background: none;
}
.btn-tel-item {
color: #053d82;
}
.tel-burger,
.header-row {
gap: 15px;
}
}
table.format {
position: relative;
background: #0072ce;
border-radius: 32px;
max-width: 850px;
padding: 16px 40px;
margin: 0 auto 16px;
}
@media (max-width: 575.98px) {
table.format {
padding: 16px;
}
}
table.format th {
color: #fff;
font-weight: 700;
font-size: 20px;
line-height: 200%;
padding: 0 0 16px;
}
table.format tr {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 8px 0;
}
table.format td {
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #fff;
}
@media (max-width: 991.98px) {
table.format td,
table.format th {
font-size: 18px;
}
}
@media (max-width: 767.98px) {
table.format td,
table.format th {
font-size: 16px;
}
}
@media (max-width: 575.98px) {
table.format td,
table.format th {
font-size: 14px;
}
}
table.format td:nth-child(2) {
flex-shrink: 0;
}
table.format:before {
content: "";
display: block;
width: 100%;
background: #fff;
height: 1px;
position: absolute;
top: 73px;
left: 0px;
}
@media (max-width: 991.98px) {
table.format:before {
top: 67px;
}
}
.alignleft {
float: left;
margin: 0 16px 12px 0;
}
@media (max-width: 575.98px) {
.alignleft {
width: 100%;
margin: 0 0 12px;
}
}
.alignright {
float: right;
margin: 0 0 12px 16px;
}
@media (max-width: 575.98px) {
.alignright {
width: 100%;
margin: 0 0 12px;
}
}
/* lic */
.lic-mobile-block {
display: none;
}
@media (max-width: 991.98px) {
.lic-mobile-block {
display: block;
background: #046abf30;
padding: 6px 0;
text-align: center;
cursor: pointer;
}
.lic-mobile {
align-items: center;
display: flex;
justify-content: center;
gap: 4px;
}
.lic-mobile svg {
width: 16px;
height: 16px;
fill: #043d86;
}
.lic-mobile span {
color: #303030;
font-weight: 600;
font-size: 14px;
}
.header-row-pod {
opacity: 0;
position: fixed;
bottom: 0;
left: 0;
z-index: 1;
padding: 8px 15px;
width: 100%;
/* border-radius: 20px; */
border: none;
box-shadow: 0 0px 20px 0px rgb(42 111 165 / 40%);
background: #0363b7;
color: #fff;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.5s ease;
text-wrap-style: balance;
}
.header-row-pod.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: all 0.3s ease;
}
}
.page-template-page-reabilitacziya .line {
display: none;
}
.gallery-small img {
aspect-ratio: 16 / 12;
object-fit: cover;
}
.block-block .title {
font-weight: 700;
font-size: 32px;
color: #033d8a;
margin: 40px 0;
text-wrap-style: balance;
}
@media (max-width: 767.98px) {
.block-block .title {
font-size: 26px;
}
}
@media (max-width: 575.98px) {
.block-block .title {
font-size: 24px;
}
}
.block-block .content > p {
font-weight: 400;
font-size: 14px;
line-height: 130%;
text-align: center;
color: #322d2c;
max-width: 900px;
margin: 0 auto;
text-wrap-style: balance;
}
.page-template-page-reabilitacziya .sd-row {
gap: 24px;
}
.page-template-page-reabilitacziya .sd-col {
width: calc((100% - 24px) / 2);
}
@media (max-width: 1199.98px) {
.page-template-page-reabilitacziya .sd-col {
justify-content: flex-start;
}
}
@media (max-width: 991.98px) {
.page-template-page-reabilitacziya .sd-col {
width: 100%;
}
}
.s-title {
color: #033d8a;
font-weight: 700;
font-size: 32px;
text-align: center;
margin: 20px 0 32px 0;
text-wrap-style: balance;
line-height: 120%;
}
.lg-s4-1-item {
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 40px;
}
@media (max-width: 991.98px) {
.lg-s4-1-item {
padding: 20px;
}
}
.lg-s4-1-item:before {
content: "";
width: 1px;
height: calc(100% - 50px);
position: absolute;
top: 25px;
left: 370px;
background: #fff;
}
@media (max-width: 991.98px) {
.lg-s4-1-item:before {
left: 290px;
}
}
@media (max-width: 767.98px) {
.lg-s4-1-item:before {
left: 260px;
background: #ffffff4a;
}
}
.ch-1.f,
.ch-2.f {
font-size: 25px;
font-weight: 700;
color: #fff;
}
@media (max-width: 991.98px) {
.ch-1.f,
.ch-2.f {
font-size: 22px;
}
}
@media (max-width: 767.98px) {
.ch-1.f,
.ch-2.f {
font-size: 18px;
}
}
.ch-1 {
font-size: 18px;
font-weight: 700;
line-height: 120%;
color: #fff;
width: calc(370px - 80px);
flex-shrink: 0;
text-wrap-style: balance;
}
@media (max-width: 991.98px) {
.ch-1 {
font-size: 16px;
width: calc(290px - 40px);
}
}
@media (max-width: 767.98px) {
.ch-1 {
font-size: 14px;
width: calc(250px - 20px);
}
}
.ch-g {
gap: 80px;
}
@media (max-width: 991.98px) {
.ch-g {
gap: 40px;
}
}
@media (max-width: 767.98px) {
.ch-g {
gap: 20px;
}
}
@media (max-width: 575.98px) {
.ch-g {
flex-direction: column;
}
.ch-g:first-child {
display: none;
}
.lg-s4-1-item:before {
display: none;
}
}
.ch-2 li {
position: relative;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 120%;
margin: 0 0 4px 25px;
}
@media (max-width: 767.98px) {
.ch-2 li {
font-size: 13px;
}
}
.ch-2 li:before {
content: "";
width: 6px;
height: 6px;
background: #fff;
position: absolute;
top: 7px;
left: -16px;
border-radius: 50%;
}
.tab__title {
background: #f2f2f2;
border-radius: 32px 32px 0 0;
width: calc((100% - 0px) / 6);
font-weight: 500;
font-size: 14px;
text-align: center;
color: #033d8a;
display: flex;
align-items: center;
text-wrap-style: balance;
line-height: 120%;
cursor: pointer;
padding: 7px;
}
.lg-s4 .tab__title {
width: calc((100% - 0px) / 3);
}
@media (max-width: 991.98px) {
.tab__title {
width: calc((100% - 0px) / 3);
border-radius: 0px;
}
}
@media (max-width: 767.98px) {
.tab__title {
font-size: 12px;
}
}
@media (max-width: 575.98px) {
.tab__title {
border-radius: 35px;
margin: 0 0 8px;
text-align: center;
width: 100%;
padding: 15px 20px;
}
}
.tab-g {
padding: 0 30px;
gap: 0 10px;
}
@media (max-width: 575.98px) {
.tab-g {
flex-direction: column;
padding: 0;
}
}
.tabs {
display: flex;
}
.tab__title.active {
background: #033d8a;
color: #fff;
}
@media (max-width: 575.98px) {
.tab__title.active {
padding: 15px 20px 15px 40px;
}
.tab__title.active:before {
content: "";
background: #6cbeff;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
left: 20px;
}
}
.tab__content {
display: none;
}
.tab__content.active {
display: flex;
}
.p-t {
display: flex;
flex-direction: column-reverse;
}
.tabs__body {
background: #0072ce;
border-radius: 32px;
}
.ch-price {
position: absolute;
bottom: -61px;
right: 30px;
background: #033d8a;
border-radius: 38px;
width: 325px;
padding: 14px 30px;
font-weight: 500;
font-size: 20px;
text-align: center;
color: #fff;
line-height: 120%;
text-wrap-style: balance;
}
@media (max-width: 575.98px) {
.ch-price {
font-size: 18px;
}
}
@media (max-width: 424.98px) {
.ch-price {
position: absolute;
width: 100%;
right: 0;
font-size: 16px;
}
}
.ch-price span {
font-weight: 700;
text-wrap-mode: nowrap;
}
/**/
.city-block {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.city-block > li {
width: calc((100% - 40px) / 3);
}
.city-block li a {
font-weight: 500;
font-size: 16px;
color: #043d86;
line-height: 130%;
}
.city-block > li > a {
font-weight: 600;
color: #043d86;
}
.city-block > li > ul > li {
padding: 3px 0 3px 25px;
}
.tab-gs {
gap: 0 10px;
justify-content: center;
margin: 0 0 50px;
}
.tab-gs .tab-1,
.tab-gs .tab-2 {
position: relative;
background: #043d86;
border-radius: 35px;
padding: 12px 26px;
}
.tab-gs a {
font-weight: 500;
font-size: 16px;
color: #fff;
line-height: 140%;
display: block;
}
.tab-gs .active {
background: #0072ce;
padding: 12px 26px 12px 40px;
}
.tab-gs .active:before {
content: "";
background: #6cbeff;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
left: 20px;
top: calc(50% - 2.5px);
}
.tab-r {
justify-content: center;
flex-wrap: wrap;
}
.tab-r li {
display: flex;
flex-direction: column;
gap: 10px;
cursor: pointer;
background: linear-gradient(45deg, #114c97, #043d86);
}
.short-1 {
position: relative;
background-image: url(img/pat-1.jpg);
background-repeat: no-repeat;
padding: 30px;
border-radius: 10px;
background-size: cover;
display: flex;
gap: 15px;
align-items: center;
overflow: hidden;
margin: 16px 0;
}
@media (max-width: 767.98px) {
.short-1 {
flex-direction: column;
padding: 15px;
}
}
.short-1:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #036ec5;
opacity: 0.2;
}
.p1-g {
flex-direction: column;
width: 60%;
z-index: 1;
text-align: center;
}
@media (max-width: 767.98px) {
.p1-g {
width: 100%;
}
}
.name-sd {
color: #fff;
font-weight: 600;
font-size: 23px;
margin: 0 0 16px;
line-height: 120%;
text-wrap-style: balance;
}
.ost-z {
color: #fff;
font-weight: 500;
font-size: 20px;
line-height: 120%;
text-wrap-style: balance;
}
.p2-g {
flex-direction: column;
flex-shrink: 0;
width: 40%;
z-index: 1;
align-content: center;
flex-wrap: wrap;
}
@media (max-width: 767.98px) {
.p2-g {
width: 100%;
}
}
.p2-g .f-btn-tel-tit {
color: #fff;
font-weight: 500;
}
.p2-g .tel-item a {
color: #fff;
}
.tel-icon svg path {
stroke: #fff;
}
.single .article__content p {
font-weight: 500;
font-size: 16px;
color: #5c5c5c;
}
.lg-s2 .name {
font-weight: 500;
font-size: 18px;
text-align: center;
color: #0072ce;
line-height: 120%;
flex-grow: 1;
align-content: center;
}
/* Home - Spoiler - Mobile */
/* Убираем все описания */
.block__text {
display: none;
color: #262626;
font-size: 18px;
line-height: 130%;
padding: 0 35px 22px 35px;
}
.block__title {
font-weight: 400;
font-size: 18px;
font-weight: 500;
line-height: 130%;
color: #343434;
padding: 22px 54px 22px 35px;
display: flex;
align-items: center;
cursor: pointer;
}
/* Активный title показываем и стилим */
.block__title.active {
color: #043d86;
}
/* Активный показываем */
.block__text.active {
display: block;
}
.block__item {
border-bottom: 1px solid rgb(54 122 143 / 41%);
transition: all 0.2s ease 0s;
position: relative;
}
.block__item:last-child {
border-bottom: none;
}
.block__title:after {
content: "";
display: block;
position: absolute;
top: auto;
right: 20px;
width: 28px;
height: 28px;
background-image: url(/wp-content/themes/aist/img/plus.svg);
background-repeat: no-repeat;
transition: all 0.3s ease 0s;
border: 2px solid #0472c9;
border-radius: 50%;
}
.block__title.active:after {
background-image: url(/wp-content/themes/aist/img/minus-white.svg);
transform: rotate(180deg);
filter: invert(0.4);
}
.block.one {
background: #e8f2ff;
border-radius: 15px;
overflow: hidden;
max-width: 1000px;
margin: 0 auto;
}
.tab-r .img-block {
padding: 10px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 120px;
}
.addiction {
background: none;
border-radius: 0;
/* border: 1px solid #0c72bf; */
box-shadow: inset 0 0 4px #0c72bf4a;
padding: 10px 50px;
border-radius: 0 0 10px 10px;
display: flex;
flex-direction: column;
}
@media (max-width: 575.98px) {
.addiction {
padding: 10px 20px;
}
}
.addiction .tab__content.active {
display: block;
}
.t-name {
font-size: 30px;
font-weight: 500;
margin: 20px 0;
}
.t-content,
.num {
font-weight: 500;
font-size: 16px;
color: #5c5c5c;
margin: 0 0 36px;
display: flex;
}
.num {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.num-er {
position: relative;
width: calc((100% - 20px) / 2);
counter-increment: my-awesome-counter;
counter-increment: li;
background: #e0ebff;
padding: 16px 16px 16px 80px;
border-radius: 15px;
}
@media (max-width: 991.98px) {
.num-er {
padding: 16px 16px 16px 60px;
}
}
@media (max-width: 767.98px) {
.num-er {
width: 100%;
}
}
.num-n {
position: relative;
font-weight: 500;
font-size: 22px;
color: #053d82;
margin: 0 0 16px;
}
@media (max-width: 1199.98px) {
.num-n {
font-size: 19px;
}
}
@media (max-width: 575.98px) {
.num-n {
font-size: 16px;
}
}
.num-er:before {
content: counter(my-awesome-counter);
content: counter(li, decimal-leading);
color: #053d82;
font-weight: 800;
line-height: 48px;
text-align: center;
position: absolute;
top: 11px;
left: 24px;
font-size: 48px;
}
@media (max-width: 991.98px) {
.num-er:before {
font-size: 38px;
left: 18px;
}
}
.num-c {
line-height: 130%;
}
.tab-r .tab__title.active {
background: #0472c9;
color: #fff;
}
.tab-r .name {
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #fff;
}
.t-content img {
margin: 0 16px 0 0;
border-radius: 4px;
max-width: 400px;
height: 100%;
}
@media (max-width: 1199.98px) {
.t-content img {
max-width: 300px;
}
}
@media (max-width: 991.98px) {
.t-content img {
margin-bottom: 16px;
}
}
@media (max-width: 991.98px) {
.t-content {
flex-direction: column;
}
}
.home-s6 .name {
font-weight: 500;
font-size: 16px;
text-align: center;
color: #fff;
}
@media (max-width: 575.98px) {
.tab-r .tab__title {
width: calc((100% - 0px) / 2);
margin: 0;
border-radius: 0;
}
}
.tab-r .tab__title.active {
padding: 0;
}
.tab-r .tab__title.active:before {
content: none;
}
.single-city .tit-c {
color: #fff;
}
.acceptance-1 a,
.acceptance-2 a {
color: #8ae3ff;
transition: all 0.2s ease 0s;
}
.acceptance-1 a:hover,
.acceptance-2 a:hover {
color: #61b5ff;
}
/* popup */
.myPopup-1 {
visibility: hidden;
width: 100%;
height: 100%;
background-color: #565656e3;
padding: 8px 0;
position: fixed;
z-index: 110;
top: 0px;
left: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.myPopup-1.fadeIn {
visibility: visible;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
opacity: 1;
overflow-y: auto;
padding: 50px 0;
}
.myPopup-1.fadeOut {
visibility: hidden;
-webkit-animation: fadeOut 0.5s;
animation: fadeOut 0.5s;
opacity: 0;
padding: 50px 0;
}
.myPopup-container {
max-width: 650px;
width: calc(100% - 30px);
margin: 0;
border-radius: 20px;
}
.myPopup-1 .popup-block {
width: 564px;
margin: 0 auto;
position: relative;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
visibility: hidden;
}
to {
opacity: 1;
visibility: visible;
}
}
@keyframes fadeIn {
from {
opacity: 0;
visibility: hidden;
}
to {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
@keyframes fadeOut {
from {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
.myPopup-1 .close-button {
display: block;
position: absolute;
top: 24px;
right: 24px;
width: 42px;
height: 42px;
z-index: 3;
cursor: pointer;
background: rgba(167, 167, 167, 0.16);
border-radius: 50%;
box-sizing: border-box;
}
.myPopup-1 .close-button:before,
.myPopup-1 .close-button:after {
content: "";
background-color: #fff;
position: absolute;
width: 24px;
height: 2px;
left: 9px;
transition: all 0.3s ease 0s;
}
.myPopup-1 .close-button:before {
background-color: #fff;
transform: rotate(45deg);
top: 20px;
}
.myPopup-1 .close-button:after {
transform: rotate(-45deg);
bottom: 20px;
}
.myPopup-1 .close-button span {
transform: scale(0);
}
@media (max-width: 767.98px) {
.wp-block-image .alignleft,
.wp-block-image .alignright {
float: none;
width: 100%;
margin: 16px 0;
}
.wp-block-image .alignleft img,
.wp-block-image .alignright img {
width: 100% !important;
}
}
.short-1 .tit {
color: #fff;
}
.short-1 .pod-tit {
color: #b8e0ff;
}
.short-1 .f-name,
.short-1 .f-tel {
margin: 0;
width: 28%;
display: inline-block;
}
@media (max-width: 1199.98px) {
.short-1 .f-name,
.short-1 .f-tel {
width: 29%;
}
}
@media (max-width: 991.98px) {
.short-1 .f-name,
.short-1 .f-tel {
width: 39%;
}
}
@media (max-width: 767.98px) {
.short-1 .f-name,
.short-1 .f-tel {
margin: 0;
width: 100%;
display: block;
}
.short-1 .f-name {
margin: 0 0 10px;
}
}
/* ai тексты */
:root {
--color-text: #222;
--color-bg: #fff;
--color-primary: #4f86e0;
--color-primary-hover: #335fa6;
--color-focus: #2353a0;
--color-light: #f3f6f8b4;
--color-quote-bg: #f5f9ff;
--color-quote-border: #668fda;
}
/* База */
* {
box-sizing: border-box;
}
body.page {
margin: 0;
background: var(--color-bg);
color: var(--color-text);
font:
16px/1.6 system-ui,
-apple-system,
Segoe UI,
Roboto,
Arial,
sans-serif;
}
/* Строки выше ломают вёртску, лучше убрать! Не надо шрифты менять, в макете указаны были Montserrat и Inter разных начертаний, и они также подключены в стилях! */
#text-ai.page__text-ai {
max-width: 1200px;
margin: 0 auto;
padding: 0 16px;
}
#text-ai .text-ai__block {
margin: 40px 0;
}
#text-ai .section-title {
font-size: 22px;
font-weight: 800;
}
/* Кнопки */
#text-ai .btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 45px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
border: 0;
outline: 0;
transition:
background-color 0.2s ease,
transform 0.05s ease;
max-width: 350px;
justify-content: center;
}
#text-ai .btn:focus-visible {
box-shadow: 0 0 0 3px var(--color-focus);
}
#text-ai .btn:active {
transform: translateY(1px);
}
#text-ai .btn_cyan {
background: var(--color-primary);
color: var(--color-bg);
}
#text-ai .btn_cyan:hover {
background: var(--color-primary-hover);
}
#text-ai .center-btn {
display: flex;
justify-content: center;
margin: 10px 0;
}
/* HERO */
#text-ai .hero__grid {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 24px;
align-items: center;
}
#text-ai .hero__content {
display: flex;
flex-direction: column;
justify-content: center;
grid-gap: 10px;
}
#text-ai .hero__title {
font-size: 32px;
font-weight: 800;
line-height: 1.2;
margin: 0;
}
#text-ai .hero__media {
display: flex;
justify-content: center;
}
#text-ai .hero__image {
width: 100%;
max-width: 520px;
height: auto;
border-radius: 12px;
background: var(--color-light);
object-fit: cover;
}
/* Списки-утилиты */
#text-ai .list {
list-style: none;
margin: 0;
padding: 0;
}
#text-ai .title {
font-weight: 700;
}
#text-ai .desc {
color: var(--color-text);
}
/* 2-колоночный список (reasons) */
#text-ai .reasons__list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 12px;
}
#text-ai .reasons__item {
background: var(--color-quote-bg);
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
padding: 14px;
}
@media (max-width: 760px) {
#text-ai .reasons__list {
grid-template-columns: 1fr;
}
}
/* Зигзаг (медиа + текст) — consequences */
#text-ai .zigzag {
display: grid;
gap: 12px;
}
#text-ai .zigzag__item {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 16px;
padding: 14px;
border-radius: 12px;
background: var(--color-bg);
border: 1px solid var(--color-light);
}
#text-ai .zigzag__media {
height: 150px;
border-radius: 10px;
background: var(--color-quote-bg);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
#text-ai .zigzag__media img {
max-height: 100%;
object-fit: contain;
}
#text-ai .zigzag__title {
margin-bottom: 6px;
font-weight: 500;
}
#text-ai .zigzag__item:nth-child(even) {
grid-template-columns: 2fr 1fr;
}
#text-ai blockquote {
margin: 20px 0 0;
padding: 14px;
border-left: 4px solid var(--color-quote-border);
background: var(--color-quote-bg);
border-radius: 8px;
}
@media (max-width: 820px) {
#text-ai .zigzag__item {
grid-template-columns: 1fr;
}
#text-ai .zigzag__item:nth-child(even) {
grid-template-columns: 1fr;
display: flex;
flex-direction: column-reverse;
}
}
#text-ai .care-methods__item {
list-style: none;
padding: 10px;
background: var(--color-light);
border-radius: 12px;
}
/* Мейсонри — care-methods */
#text-ai .care-methods__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
#text-ai .care-methods__list .item {
padding: 12px;
}
@media (max-width: 980px) {
#text-ai .care-methods__list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 660px) {
#text-ai .care-methods__list {
grid-template-columns: 1fr;
}
}
/* NEED — сетка карточек */
#text-ai .need__title {
margin: 0 0 16px;
font-size: 26px;
font-weight: 800;
}
#text-ai .need__item {
display: flex;
gap: 12px;
margin: 15px 0;
padding: 16px;
border: 2px solid var(--color-light);
box-shadow: 0 2px 8px var(--color-light);
border-radius: 12px;
/* background: var(--color-light); */
}
#text-ai .need__icon {
flex: 0 0 32px;
width: 32px;
height: 32px;
border-radius: 6px;
background: var(--color-bg);
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
#text-ai .need__text {
margin: 0;
}
@media (max-width: 992px) {
#text-ai .need__list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
#text-ai .need__list {
grid-template-columns: 1fr;
}
}
/* STEPS — шаги */
#text-ai .steps {
padding: 32px 0;
}
#text-ai .steps__title {
margin: 0 0 16px;
font-size: 26px;
font-weight: 800;
}
#text-ai .steps__list {
display: flex;
grid-gap: 14px;
margin: 0 0 16px;
padding: 0;
list-style: none;
flex-wrap: wrap;
justify-content: center;
}
#text-ai .steps__item {
max-width: 28%;
display: flex;
gap: 14px;
padding: 16px;
border: 1px solid var(--color-light);
border-radius: 12px;
background: var(--color-bg);
}
#text-ai .steps__num {
flex: 0 0 36px;
height: 36px;
border-radius: 50%;
background: var(--color-primary);
color: var(--color-bg);
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
#text-ai .steps__content {
margin: 0;
}
#text-ai .steps__note {
margin: 0;
border-left: 4px solid var(--color-quote-border);
background: var(--color-quote-bg);
border-radius: 8px;
padding: 16px;
}
#text-ai .steps__arrow {
font-size: 40px;
color: var(--color-focus);
display: flex;
align-items: center;
}
/* FAQ — аккордеон */
#text-ai .faq__title {
margin: 0 0 16px;
font-size: 26px;
font-weight: 800;
}
#text-ai .faq__list {
margin: 0;
padding: 0;
list-style: none;
}
#text-ai .faq__item {
border: 1px solid var(--color-light);
border-radius: 12px;
background: var(--color-bg);
margin-bottom: 10px;
overflow: hidden;
}
#text-ai .faq__header {
width: 100%;
background: var(--color-light);
padding: 14px 16px;
cursor: pointer;
border: 0;
font-size: 18px;
display: flex;
grid-gap: 20px;
align-items: center;
}
#text-ai .faq__header:focus-visible {
box-shadow: inset 0 0 0 3px var(--color-focus);
}
#text-ai .faq__icon {
margin-left: 12px;
width: 16px;
height: 16px;
border-radius: 4px;
background: var(--color-primary);
transition: transform 0.2s ease;
}
#text-ai .faq__item_active .faq__icon {
transform: rotate(45deg);
}
#text-ai .faq__content {
display: none;
padding: 14px 16px;
background: var(--color-bg);
}
#text-ai .faq__item_active .faq__content {
display: block;
}
#text-ai .faq__text {
margin: 0;
}
@media (max-width: 980px) {
#text-ai .steps__item {
max-width: 45%;
}
#text-ai .steps__arrow {
display: none;
}
}
@media (max-width: 520px) {
#text-ai .steps__item {
max-width: 100%;
}
}
/* CTA + преимущества */
#text-ai .cta {
padding: 30px 10px;
text-align: center;
border: 1px solid var(--color-light);
background: var(--color-quote-bg);
border-radius: 12px;
}
#text-ai .cta__title {
margin: 0 0 12px;
font-size: 26px;
font-weight: 800;
}
#text-ai .advantages__list {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 15px;
margin: 0;
padding: 0;
list-style: none;
}
#text-ai .advantages__li {
width: 300px;
min-height: 60px;
background: var(--color-bg);
border: 2px dotted var(--color-primary);
border-radius: 8px;
padding: 16px;
}
/* Цитата */
#text-ai .quote {
padding: 24px 0;
}
#text-ai .quote__box {
padding: 12px 14px;
border-left: 4px solid var(--color-primary);
background: var(--color-light);
border-radius: 8px;
margin: 0 0 12px;
}
#text-ai .quote__text {
margin: 0;
font-style: italic;
}
/* Адаптив для hero */
@media (max-width: 992px) {
#text-ai .hero__grid {
grid-template-columns: 1fr;
}
#text-ai .hero__title {
font-size: 28px;
}
}
#text-ai li:before {
display: none;
}
#text-ai .content-sec ul li{
display: block;
}
#text-ai .faq__item span{
display: block;
width: 100%;
}
#text-ai .steps__num{
max-width: 36px;
}
#text-ai .steps__item{
flex-direction: column;
}