.header__contacts-wrap {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid var(--border-main-color);
}
.header__contacts-wrap > h1 {
font-size: 50px;
font-weight: 400;
margin: 0 0;
color: var(--title-color);
}
.header__contacts-wrap > a {
display: inline-flex;
gap: 5px;
font-size: 16px;
font-weight: 300;
line-height: 137%;
color: var(--text-color-black);
transition: var(--default-transition);
}
.header__contacts-wrap > a:hover {
color: var(--accent-red-main);
}
.main__contacts-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
} .contacts__form-wrap-mob {
display: none;
}
.contacts__col-right {
max-width: 770px;
width: 100%;
}
.contacts__list-item {
margin-bottom: 16px;
display: flex;
flex-direction: column;
gap: 2px;
padding-left: 32px;
}
.address__list-item {
max-width: 280px;
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/map-pin.svg);
background-repeat: no-repeat;
gap: 14px;
} .mail__list-item {
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/mail-icon.svg);
background-repeat: no-repeat;
}
.mail__list-item a:hover {
color: #b62d35;
}
.contacts__list-item span,
.contacts__list-item a {
font-size: 18px;
line-height: 140%;
font-weight: 300;
color: var(--text-color-black);
}
.address__list-item > span:first-child {
font-weight: 500;
}
.address__contacts-item {
display: flex;
flex-direction: column;
gap: 2px;
}
.address__contacts-item > span:not(:only-child):last-child {
font-size: 14px;
color: var(--text-color-light);
}
.contacts__list-item > span:last-child {
font-size: 14px;
font-weight: 300;
color: var(--text-color-light);
}
.contacts__btn-action {
display: block;
max-width: 205px;
padding: 12px 26px;
color: #fff;
font-size: 15px;
text-align: center;
margin-bottom: 24px;
background-color: var(--button-color-main);
transition: var(--default-transition);
}
.contacts__btn-action:hover {
background-color: var(--button-color-main-hover);
}
.contacts__pay-text {
margin-bottom: 10px;
font-size: 18px;
font-weight: 300;
color: var(--text-color-black);
}
.contacts__pay-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 24px;
}
.contacts__files-wrap {
display: flex;
flex-direction: column;
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/pdf-icon.svg);
background-size: 56px 56px;
background-repeat: no-repeat;
padding-left: 76px;
}
.contacts__files-wrap > span:first-child {
font-size: 18px;
font-weight: 300;
line-height: 140%;
text-align: left;
color: var(--text-color-black);
}
.contacts__files-wrap > span:nth-child(2) {
font-size: 14px;
font-weight: 400;
text-align: left;
color: var(--text-color-light);
margin-bottom: 14px;
}
.contacts__files-bot {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 14px;
row-gap: 10px;
}
.contacts__files-links > a {
cursor: pointer;
font-size: 14px;
font-weight: 400;
color: var(--text-color-black);
text-decoration: underline;
margin-bottom: 10px;
transition: var(--default-transition);
}
.contacts__files-links > a:hover {
color: var(--accent-red-main);
}
.contacts__social-tel-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.contacts__social-items {
display: flex;
flex-direction: row;
gap: 20px;
}
.contact__social-item {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.contact__social-item:hover::after {
background-color: var(--accent-red-main);
}
.contact__social-item:after {
content: "";
position: absolute;
display: block;
transition: var(--default-transition);
}
.contacts__telegramm:after {
width: 18px;
height: 16px;
mask-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/telegramm-icon.svg);
mask-repeat: no-repeat;
background-color: #121217;
}
.contacts__whatsapp:after {
width: 19px;
height: 19px;
mask-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/watsapp-icon.svg);
mask-repeat: no-repeat;
background-color: #121217;
}
.contacts__youtube:after {
width: 24px;
height: 18px;
mask-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/youtube-icon.svg);
mask-repeat: no-repeat;
background-color: #121217;
}
.contacts__social-tel-wrap > a {
font-size: 68px;
font-weight: 400;
line-height: 105%;
color: var(--text-color-black);
transition: var(--default-transition);
}
.contacts__social-tel-wrap > a:hover {
color: var(--accent-red-main);
}
.contacts__form-wrap {
position: relative;
}
.contacts__form {
max-width: 750px;
padding: 35px 35px;
display: flex;
flex-direction: column;
gap: 30px;
background-color: #ffffff;
box-shadow: 20px 20px 0px 0px #000;
}
.contacts__form-text {
display: flex;
flex-direction: column;
min-width: 230px;
}
.contacts__form-text > span:first-child {
font-size: 28px;
font-weight: 500;
line-height: 121%;
color: var(--text-color-black);
}
.contacts__form-text > span:last-child {
font-weight: 300;
}
.contacts__form-item {
display: flex;
flex-direction: column;
gap: 2px;
margin-bottom: 20px;
}
.contacts__form-item label {
font-size: 14px;
font-weight: 400;
color: var(--text-color-light);
}
.contacts__form-item input {
padding: 14px 14px;
font-weight: 300;
border: 1px solid var(--border-main-color);
width: 100%;
}
.contacts__form-actions p {
margin: 0 0;
}
.contacts__form-actions .wpcf7-submit {
border: none;
display: block;
padding: 14px 14px;
width: 100%;
font-size: 16px;
font-weight: 500;
text-align: center;
color: #fff;
background-color: var(--button-color-main);
transition: var(--default-transition);
cursor: pointer;
}
.contacts__form-actions .wpcf7-submit:hover {
background-color: var(--button-color-main-hover);
}
.contacts__form-note,
.contacts__form-note a {
font-size: 12px;
line-height: 132%;
color: var(--text-color-light);
}
.contacts__form-note a {
text-decoration: underline;
}
.contacts__form-bg {
display: none;
position: absolute;
background-color: #000;
}
.contacts__howto-title-wrap {
margin-bottom: 36px;
}
.contacts__howto-title-wrap > h2 {
font-size: 18px;
font-weight: 300;
line-height: 140%;
color: var(--text-color-light);
text-transform: lowercase;
margin-bottom: 16px;
}
.contacts__howto-title-wrap > span {
font-size: var(--title-font-size);
font-weight: 400;
color: var(--title-color);
}
.contacts__howto-items {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 30px;
margin-bottom: 36px;
}
.contacts__howto-item {
padding: 40px 40px;
background-color: #fff;
text-align: center;
}
.contacts__howto-item > h3 {
font-size: 25px;
font-weight: 400;
color: var(--title-color);
margin-bottom: 12px;
line-height: 120%;
}
.contacts__howto-item > p {
font-weight: 300;
font-size: 18px;
line-height: 140%;
margin: 0 0;
}
.video__come-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
width: 100%;
height: 500px;
margin-bottom: 36px;
}
.modal__requisites-wrapper {
display: none;
}
.requisites__head-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.requisites__head-wrap > span {
font-size: 32px;
font-weight: 400;
color: var(--text-color-black);
}
.requisites__copy {
display: inline-flex;
flex-direction: row;
gap: 5px;
cursor: pointer;
}
.requisites__copy > span:first-child {
font-size: 15px;
color: var(--text-color-main);
}
.requisites__copy:hover > span:first-child {
color: var(--accent-red-main);
transition: var(--default-transition);
}
.requisites__copy > span:last-child {
display: block;
content: "";
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/copy-img.svg);
background-repeat: no-repeat;
width: 18px;
height: 18px;
}
.requisites__body {
display: flex;
flex-direction: column;
}
.modal__requisites-inner .requisites__body + .requisites__body {
margin-top: 25px;
padding-top: 25px;
border-top: 4px solid black;
}
.requisites-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
padding: 16px 0;
border-bottom: 1px solid var(--border-main-color);
}
.requisites-row:nth-child(2) > .requisites-row-inner {
grid-template-columns: 1fr;
grid-column: 1/3;
}
.requisites-row:first-child {
padding-top: 0;
}
.requisites-row:last-child {
padding-bottom: 0;
border-bottom: none;
}
.requisites-row-inner {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 30px;
}
.requisites__item {
display: flex;
flex-direction: column;
flex: 1;
gap: 4px;
}
.requisites__item > span:first-child {
font-size: 14px;
color: var(--text-color-light);
}
.requisites__item > span:last-child {
font-size: 18px;
line-height: 140%;
color: var(--text-color-black);
}
.contacts__col-left-list {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 24px;
}
.contacts__col-list-item-in-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.contacts__col-list-item {
color: var(--text-color-black);
font-size: 18px;
line-height: 130%;
}
.contacts__col-list-item-in-single {
grid-column: 1 / 3;
}
.contacts__col-list-item-in > a {
transition: var(--default-transition);
}
.contacts__col-list-item-in > a:hover {
color: var(--accent-red-main);
}
.contacts__col-list-item-head {
font-weight: 500;
margin-bottom: 8px;
}
.contacts__col-list-item-head-in {
font-weight: 300;
color: inherit;
font-size: inherit;
line-height: inherit;
}
.contacts__col-list-item-desc-in {
font-size: 14px;
font-weight: 400;
line-height: 137%;
color: var(--text-color-light);
}
.contacts__col-list-ico {
position: relative;
padding-left: 32px;
}
.contacts__col-list-ico::before {
content: "";
position: absolute;
display: block;
background-size: contain;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.contacts__col-list-ico-adress::before {
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/local-icon.svg);
width: 20px;
height: 25px;
}
.contacts__col-list-item-head-in-tel::before {
width: 20px;
height: 25px;
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/phone-contact.svg);
}
.contacts__col-list-item-head-in-mail::before {
width: 20px;
height: 25px;
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/mail-gray.svg);
}
.contacts__col-list-item-head-in-tg::before {
width: 24px;
height: 24px;
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/tg-color.svg);
}
.contacts__col-list-item-head-in-wa::before {
width: 24px;
height: 24px;
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/max-icon.svg);
}
.contacts__col-list-item-head-in-vk::before {
width: 24px;
height: 24px;
background-image: url(//clinicred.ru/wp-content/themes/clinicred/assets/svg/vk-color-circle.svg);
}
@media (max-width: 1280px) {
.contacts__social-tel-wrap > a {
font-size: 55px;
}
}
@media (max-width: 1160px) {
.contacts__social-tel-wrap > a {
font-size: 38px;
}
} @media (max-width: 992px) {
.header__contacts-wrap {
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.main__contacts-wrap {
gap: 20px;
}
.header__contacts-wrap > h1 {
font-size: 34px;
margin-bottom: 0;
}
.contacts__list-item span,
.contacts__list-item a  {
font-size: 16px;
}
.contacts__btn-action {
padding: 12px 26px;
margin-bottom: 20px;
}
.contacts__pay-text {
font-size: 16px;
}
.contacts__pay-wrap {
margin-bottom: 20px;
}
.contacts__files-wrap {
background-size: 44px 44px;
padding-left: 64px;
}
.contacts__files-wrap > span:first-child {
font-size: 16px;
}
.contacts__social-tel-wrap {
flex-direction: column-reverse;
gap: 14px;
margin-bottom: 24px;
}
.contacts__social-tel-wrap > a {
font-size: 36px;
}
.contacts__form {
padding: 24px 24px;
gap: 20px;
box-shadow: 10px 10px 0px 0px #000;
}
.contacts__form-text > span:first-child {
font-size: 22px;
}
.contacts__form-text > span:last-child {
font-size: 15px;
}
.contacts__form-item input {
font-size: 15px;
}
.contacts__form-actions a { margin-bottom: 12px;
}
.contacts__howto-title-wrap {
margin-bottom: 30px;
}
.contacts__howto-title-wrap > h2 {
font-size: 16px;
margin-bottom: 10px;
}
.contacts__howto-item {
padding: 24px 24px;
}
.contacts__howto-item > h3 {
font-size: 22px;
margin-bottom: 10px;
}
.contacts__howto-item > p {
font-size: 16px;
}
.video__come-wrap {
height: 450px;
margin-bottom: 30px;
}
.requisites-row {
grid-template-columns: 1fr 1fr;
}
.requisites__head-wrap {
margin-bottom: 20px;
}
.requisites__head-wrap > span {
font-size: 26px;
}
.requisites-row {
padding: 12px 0;
grid-template-columns: 1fr;
}
.requisites-row:first-child > .requisites-row-inner:first-child,
.requisites-row:last-child > .requisites-row-inner:first-child {
padding-top: 0;
padding-bottom: 12px;
border-bottom: 1px solid var(--border-main-color);
}
.requisites-row:first-child > .requisites-row-inner:nth-child(2),
.requisites-row:last-child > .requisites-row-inner:nth-child(2) {
padding-top: 12px;
}
.requisites-row-inner {
column-gap: 20px;
}
.requisites__item > span:last-child {
font-size: 16px;
}
.main__contacts-wrap {
display: flex;
flex-direction: column;
gap: 20px;
}
.contacts__col-list-item {
font-size: 16px;
}
.contacts__col-list-item-head {
margin-bottom: 4px;
}
.contacts__col-left-list {
gap: 20px;
margin-bottom: 20px;
}
.contacts__col-list-ico {
padding-left: 28px;
}
.contacts__col-list-ico-adress::before,
.contacts__col-list-item-head-in-tel::before,
.contacts__col-list-item-head-in-mail::before {
width: 16px;
height: 24px;
}
.contacts__col-list-item-head-in-tg::before,
.contacts__col-list-item-head-in-wa::before {
width: 20px;
height: 20px;
}
}
@media (max-width: 670px) { .contacts__col-right .contacts__form-wrap {
display: none;
}
.contacts__social-tel-wrap {
margin-bottom: 0;
}
.contacts__social-tel-wrap {
gap: 20px;
}
.main__contacts-wrap {
gap: 16px;
}
.contacts__files-wrap {
margin-bottom: 0;
}
.contacts__form-wrap-mob {
display: block;
position: relative;
overflow: hidden;
}
.contacts__form-wrap-mob {
padding-bottom: 30px;
}
.contacts__form-wrap-mob .contacts__form-wrap {
display: block;
}
.contacts__form-wrap-mob .contacts__form {
position: relative;
z-index: 1;
box-shadow: none;
}
.contacts__form-bg {
display: block;
width: 120%;
height: 100%;
left: -30px;
top: 30px;
}
.contacts__howto-items {
grid-template-columns: 1fr;
row-gap: 20px;
}
.video__come-wrap {
height: 370px;
margin-bottom: 30px;
}
.requisites__head-wrap {
flex-direction: column;
align-items: flex-start;
}
.requisites__head-wrap > span {
margin-bottom: 10px;
}
.requisites-row-inner {
grid-template-columns: 1fr;
}
.requisites-row:first-child .requisites__item:first-child,
.requisites-row:last-child .requisites__item:first-child {
padding-bottom: 12px;
border-bottom: 1px solid var(--border-main-color);
}
.requisites-row:first-child
.requisites-row-inner
.requisites__item:last-child,
.requisites-row:last-child
.requisites-row-inner
.requisites__item:last-child {
padding-top: 12px;
}
.contacts__col-list-item-in-wrap {
display: flex;
flex-direction: column;
}
.contacts__col-left-list {
margin-bottom: 16px;
}
.contacts__btn-action {
margin-bottom: 16px;
}
}
@media (max-width: 370px) {
.contacts__social-tel-wrap > a {
font-size: 28px;
}
}