.ggskin img {
margin: none !important; 
border: none !important; 
padding: none !important; 
box-shadow: none !important;
background: none !important;
}
.ggskin {
font-family: Helvetica, Arial, Sans-Serif; 
font-size: 14px;
line-height: normal;
box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
}.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)),
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
--wd-arrow-color: var(--wd-primary-color);
--wd-arrow-color-hover: var(--wd-primary-color);
}
.spadent-header-top {
align-items: center;
display: flex;
gap: clamp(16px, 2vw, 36px);
justify-content: space-between;
line-height: 22.4px;
margin: 0 0 -14px;
min-width: 0;
width: 100%;
}
.whb-column6 > .wd-header-html {
flex: 1 1 auto;
min-width: 0;
width: 100%;
}
.spadent-header-top__col {
align-items: center;
display: flex;
flex: 0 1 auto;
min-height: 73px;
min-width: 0;
}
.spadent-header-top__col--addresses {
flex: 1 1 auto;
}
.spadent-header-top__col--hours {
flex: 0 1 auto;
}
.spadent-header-top__col--phone {
flex: 0 0 auto;
}
.spadent-header-top__col--button {
flex: 0 0 auto;
justify-content: flex-end;
}
.spadent-header-top__item,
.spadent-header-top__phone {
align-items: center;
color: #333;
display: flex;
font-family: var(--wd-text-font);
font-size: 13px;
font-weight: 400;
line-height: 22.4px;
margin: 0;
padding: 0;
text-decoration: none;
}
.spadent-header-top__item {
align-items: flex-start;
width: 100%;
}
.spadent-header-top__col--addresses {
align-content: center;
align-items: center;
flex-direction: column;
justify-content: center;
}
.spadent-header-top__col--addresses .spadent-header-top__item {
min-height: 22px;
}
.spadent-header-top__col--phone .spadent-header-top__phone {
font-size: 18px;
line-height: 29px;
}
.spadent-header-top__phone {
white-space: nowrap;
}
.spadent-header-top__phone:hover,
.spadent-header-top__phone:focus {
color: #333;
}
.spadent-header-top__icon {
color: #8699b7;
display: inline-flex;
flex: 0 0 29px;
justify-content: flex-start;
line-height: 1;
padding-inline-end: 11px;
text-align: left;
}
.spadent-header-top__icon svg {
display: block;
fill: none;
height: 18px;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2.2;
width: 18px;
}
.spadent-header-top__button {
align-items: center;
background: linear-gradient(90deg, #445775 0%, #8699b7 100%);
border-radius: 50px;
color: #fff;
display: inline-block;
font-family: var(--wd-text-font);
font-size: 15px;
font-weight: 400;
line-height: 15px;
margin: 0;
padding: 14px 24px;
transition: background .2s ease, color .2s ease, opacity .2s ease;
white-space: nowrap;
}
.spadent-header-top__button:hover,
.spadent-header-top__button:focus {
background: linear-gradient(90deg, #8699b7 0%, #445775 100%);
color: #fff;
opacity: .95;
}
.spadent-header-phone-mobile {
align-items: center;
background: #8699b7;
border-radius: 50%;
color: #fff;
display: inline-flex;
font-size: 18px;
height: 36px;
justify-content: center;
line-height: 18px;
width: 36px;
}
.spadent-header-phone-mobile__icon {
align-items: center;
display: inline-flex;
justify-content: center;
}
.spadent-header-phone-mobile__icon svg {
display: block;
fill: none;
height: 16px;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2.2;
width: 16px;
}
.spadent-header-phone-mobile:hover,
.spadent-header-phone-mobile:focus {
color: #fff;
}
.spadent-header-socials {
align-items: center;
display: flex;
justify-content: flex-end;
min-height: 52px;
}
.spadent-header-socials__link {
align-items: center;
border-radius: 50%;
display: inline-flex;
font-size: 0;
height: 32px;
justify-content: center;
line-height: 16px;
padding: 0;
width: 32px;
}
.spadent-header-socials__icon {
display: block;
height: 32px;
width: 32px;
}
.spadent-header-socials__link:hover,
.spadent-header-socials__link:focus {
opacity: .9;
}
.spadent-mobile-menu-contacts {
background: #fff;
color: #1b2435;
display: grid;
font-family: var(--wd-text-font);
gap: 22px;
padding: 34px 0 42px;
}
.spadent-mobile-menu-contacts__item {
align-items: flex-start;
color: #1b2435;
display: grid;
font-size: 21px;
font-style: normal;
font-weight: 400;
gap: 18px;
grid-template-columns: 30px minmax(0, 1fr);
line-height: 1.26;
margin: 0;
text-decoration: none;
}
.spadent-mobile-menu-contacts__item--phone {
white-space: nowrap;
}
.spadent-mobile-menu-contacts__item:hover,
.spadent-mobile-menu-contacts__item:focus {
color: #1b2435;
text-decoration: none;
}
.spadent-mobile-menu-contacts__icon {
color: #8699b7;
display: inline-flex;
justify-content: center;
line-height: 1;
margin-top: .08em;
width: 30px;
}
.spadent-mobile-menu-contacts__icon svg {
display: block;
fill: none;
height: 28px;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2.2;
width: 28px;
}
.spadent-mobile-menu-contacts__socials {
margin-top: 2px;
}
.spadent-mobile-menu-contacts__socials-title {
color: #1b2435;
font-size: 21px;
font-weight: 400;
line-height: 1.25;
margin: 0 0 22px;
}
.spadent-mobile-menu-contacts__socials-list {
align-items: center;
display: flex;
gap: 14px;
}
.spadent-mobile-menu-contacts__social {
align-items: center;
border-radius: 50%;
display: inline-flex;
height: 32px;
justify-content: center;
transition: opacity .2s ease;
width: 32px;
}
.spadent-mobile-menu-contacts__social:hover,
.spadent-mobile-menu-contacts__social:focus {
opacity: .9;
}
.spadent-mobile-menu-contacts__social img {
display: block;
height: 32px;
width: 32px;
}
@media (max-width: 1024px) {
.spadent-header-top {
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 0;
}
.spadent-header-top__col {
flex: 1 1 100%;
max-width: 100%;
min-height: auto;
}
}
@media (max-width: 767px) {
body.home .spadent-problem-tabs__heading,
body.home .spadent-approach-principles__heading,
body.home .spadent-home-doctors__title,
body.home .spadent-clinic-rating__title,
body.home .spadent-lead-form__info-title,
body.home .spadent-lead-form__form-title {
font-size: 28px;
line-height: 1.15;
}
.spadent-mobile-menu-contacts {
gap: 20px;
padding: 30px 0 38px;
}
.spadent-mobile-menu-contacts__item {
font-size: 16px;
gap: 15px;
grid-template-columns: 28px minmax(0, 1fr);
}
.spadent-mobile-menu-contacts__socials-title {
font-size: 19px;
margin-bottom: 18px;
}
.spadent-mobile-menu-contacts__icon {
width: 28px;
}
.spadent-mobile-menu-contacts__icon svg {
height: 22px;
width: 22px;
}
.spadent-mobile-menu-contacts__social {
height: 32px;
width: 32px;
}
.spadent-mobile-menu-contacts__social img {
height: 32px;
width: 32px;
}
}
@media (max-width: 420px) {
.spadent-mobile-menu-contacts {
gap: 18px;
padding: 28px 0 34px;
}
.spadent-mobile-menu-contacts__item {
font-size: 16px;
gap: 15px;
grid-template-columns: 28px minmax(0, 1fr);
}
.spadent-mobile-menu-contacts__icon {
width: 28px;
}
.spadent-mobile-menu-contacts__icon svg {
height: 22px;
width: 22px;
}
.spadent-mobile-menu-contacts__socials-title {
font-size: 18px;
}
}
body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
body textarea:focus,
body select:focus {
border-width: 1px !important;
box-shadow: none !important;
outline: none;
}
body .select2-container--default.select2-container--open .select2-selection--single,
body .select2-container--default.select2-container--focus .select2-selection--single {
border-width: 1px !important;
box-shadow: none !important;
}.spadent-doctors-archive {
background: #fff;
color: var(--wd-text-color);
font-family: var(--wd-text-font);
}
.spadent-doctors-archive__header {
padding: 34px 0 22px;
}
.spadent-doctors-archive__intro h1 {
margin: 0;
color: var(--wd-title-color, #182234);
font-family: var(--wd-title-font);
font-size: clamp(36px, 4.6vw, 64px);
font-weight: 500;
line-height: 1.08;
letter-spacing: 0;
}
.spadent-doctors-archive__body {
padding: 0 0 82px;
}
.spadent-doctors-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 34px;
}
.spadent-doctors-tabs .wd-nav > li > a {
text-transform: inherit;
font-weight: 500;
font-size: 20px;
}
.spadent-doctors-ajax {
position: relative;
min-height: 360px;
}
.spadent-doctors-ajax.is-loading {
opacity: .58;
pointer-events: none;
}
.spadent-doctors-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
align-items: stretch;
}
.spadent-doctor-card {
position: relative;
display: flex;
min-width: 0;
min-height: 560px;
border-radius: 28px;
background: #eef2f6;
overflow: hidden;
isolation: isolate;
}
.spadent-doctor-card__media {
position: absolute;
inset: 0;
display: block;
background: #eef2f6;
overflow: hidden;
}
.spadent-doctor-card__image {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
transition: opacity .65s cubic-bezier(.19, 1, .22, 1), transform .75s ease;
}
.spadent-doctor-card__image img,
.spadent-doctor-card__image picture,
img.spadent-doctor-card__image,
picture.spadent-doctor-card__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
transition: opacity .65s cubic-bezier(.19, 1, .22, 1), transform .75s ease;
}
.spadent-doctor-card__image--hover {
opacity: 0;
}
.spadent-doctor-card__feature-label {
position: absolute;
z-index: 2;
top: 18px;
left: 18px;
display: inline-flex;
align-items: center;
min-height: 36px;
max-width: calc(100% - 36px);
padding: 8px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, .94);
box-shadow: 0 12px 28px rgba(24, 34, 52, .12);
color: #445775;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
}
.spadent-doctor-card--hover-loaded:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__image--primary,
.spadent-doctor-card--hover-loaded:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__image--primary {
opacity: 0;
transform: scale(1.025);
}
.spadent-doctor-card--hover-loaded:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__image--hover,
.spadent-doctor-card--hover-loaded:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__image--hover {
opacity: 1;
transform: scale(1.025);
}
.spadent-doctor-card__panel {
position: relative;
z-index: 1;
display: flex;
align-self: flex-end;
flex-direction: column;
gap: 0;
width: calc(100% - 56px);
margin: 0 20px 20px;
padding: 20px;
border-radius: 18px;
background: #fff;
box-shadow: 0 18px 36px rgba(24, 34, 52, .08);
}
.spadent-doctor-card__copy {
display: grid;
gap: 12px;
}
.spadent-doctor-card h2 {
margin: 0;
color: #111827;
font-family: var(--wd-title-font);
font-size: 18px;
font-weight: 600;
line-height: 1.15;
letter-spacing: 0;
}
.spadent-doctor-card h2 a {
color: inherit;
}
.spadent-doctor-card__position {
margin: 0;
color: #656e79;
font-size: 16px;
line-height: 1.45;
}
.spadent-doctor-card__position span {
display: block;
}
.spadent-doctor-card__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
max-height: 0;
margin-top: 0;
opacity: 0;
overflow: visible;
transform: translateY(8px);
pointer-events: none;
transition: max-height .2s ease, margin-top .2s ease, opacity .2s ease, transform .2s ease;
}
.spadent-doctor-card:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__actions,
.spadent-doctor-card:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__actions {
max-height: 50px;
margin-top: 18px;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.spadent-doctor-card__experience {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 8px 14px;
border-radius: 999px;
background: #f0f4fa;
color: #445775;
font-size: 15px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
.spadent-doctor-card__arrow {
position: relative;
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07);
transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.spadent-doctor-card__arrow::before {
content: "";
width: 15px;
height: 15px;
background: #656e79;
clip-path: polygon(20% 46%, 64% 46%, 47% 29%, 55% 21%, 86% 52%, 55% 83%, 47% 75%, 64% 58%, 20% 58%);
transform: rotate(-45deg);
transition: background-color .2s ease;
}
.spadent-doctor-card:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__arrow,
.spadent-doctor-card:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__arrow {
background: var(--wd-primary-color);
box-shadow: none;
transform: translate(1px, -1px);
}
.spadent-doctor-card:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__arrow::before,
.spadent-doctor-card:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__arrow::before {
background: #fff;
}
.spadent-doctors-pagination {
margin-top: 42px;
text-align: center;
}
.spadent-doctors-pagination nav.wd-pagination li .page-numbers {
border-radius: 12px;
}
.spadent-doctors-archive__empty {
margin: 0;
color: #5e6d80;
font-size: 18px;
line-height: 1.5;
}
@media (max-width: 1199px) {
.spadent-doctors-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.spadent-doctor-card {
min-height: 530px;
}
}
@media (max-width: 767px) {
.spadent-doctors-archive__header {
padding-top: 24px;
}
.spadent-doctors-archive__body {
padding-bottom: 58px;
}
.spadent-doctors-toolbar {
margin-bottom: 24px;
}
.spadent-doctors-tabs .wd-nav > li > a {
font-size: 16px;
}
.spadent-doctors-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.spadent-doctor-card {
min-height: 500px;
border-radius: 22px;
}
.spadent-doctor-card__panel {
width: calc(100% - 32px);
margin: 0 16px 16px;
padding: 20px;
border-radius: 16px;
}
}
@media (max-width: 420px) {
.spadent-doctor-card {
min-height: 470px;
}
.spadent-doctor-card__actions {
align-items: flex-start;
}
.spadent-doctor-card__experience {
white-space: normal;
}
}:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:#ccc;--iti-dropdown-bg:white;--iti-icon-color:#555;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-globe-height:16px;--iti-search-clear-icon-height:13px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:calc((var(--iti-arrow-height) / 2) * 3);--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin:0!important}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-icon-color)}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-icon-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:30px;padding-right:28px}[dir=rtl] .iti__search-input{padding-left:inherit;padding-right:30px;background-position:right 8px center}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__country,.iti__search-input{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--iti-border-color)}.iti__search-icon{position:absolute;left:8px;display:flex;pointer-events:none}[dir=rtl] .iti__search-icon{left:auto;right:8px}.iti__search-icon-svg{width:var(--iti-globe-height);height:var(--iti-globe-height);display:block;stroke:var(--iti-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:4px;background:0 0;border:0;border-radius:3px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-icon-color)}.iti__search-clear-svg{width:var(--iti-search-clear-icon-height);height:var(--iti-search-clear-icon-height);display:block}[dir=rtl] .iti__search-clear{right:auto;left:4px}.iti__search-clear:focus-visible,.iti__search-clear:hover{background:var(--iti-hover-color);outline:0}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{display:flex;align-items:center;padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal);outline:0}.iti__country-check{margin:0 1px 0 auto;display:flex;align-items:center;color:var(--iti-icon-color)}.iti__country-check-svg{width:var(--iti-search-clear-icon-height);height:var(--iti-search-clear-icon-height);display:block}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti__country-list .iti__flag{flex-shrink:0}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country,.iti--fullscreen-popup .iti__search-input{padding-top:10px;padding-bottom:10px}.iti--fullscreen-popup .iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}.iti__flag{--iti-flag-offset:100px;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px 0 #888;background-image:image-set(var(--iti-path-flags-1x) 1x,var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__loading{position:relative;background:0 0;box-shadow:none}.iti__loading::after{content:"";position:absolute;inset:0;margin:auto;width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:transparent;border-radius:50%;animation:iti-spinner 1s linear infinite}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-16px}.iti__ae{--iti-flag-offset:-32px}.iti__af{--iti-flag-offset:-48px}.iti__ag{--iti-flag-offset:-64px}.iti__ai{--iti-flag-offset:-80px}.iti__al{--iti-flag-offset:-96px}.iti__am{--iti-flag-offset:-112px}.iti__ao{--iti-flag-offset:-128px}.iti__ar{--iti-flag-offset:-144px}.iti__as{--iti-flag-offset:-160px}.iti__at{--iti-flag-offset:-176px}.iti__au{--iti-flag-offset:-192px}.iti__aw{--iti-flag-offset:-208px}.iti__ax{--iti-flag-offset:-224px}.iti__az{--iti-flag-offset:-240px}.iti__ba{--iti-flag-offset:-256px}.iti__bb{--iti-flag-offset:-272px}.iti__bd{--iti-flag-offset:-288px}.iti__be{--iti-flag-offset:-304px}.iti__bf{--iti-flag-offset:-320px}.iti__bg{--iti-flag-offset:-336px}.iti__bh{--iti-flag-offset:-352px}.iti__bi{--iti-flag-offset:-368px}.iti__bj{--iti-flag-offset:-384px}.iti__bl{--iti-flag-offset:-400px}.iti__bm{--iti-flag-offset:-416px}.iti__bn{--iti-flag-offset:-432px}.iti__bo{--iti-flag-offset:-448px}.iti__bq{--iti-flag-offset:-464px}.iti__br{--iti-flag-offset:-480px}.iti__bs{--iti-flag-offset:-496px}.iti__bt{--iti-flag-offset:-512px}.iti__bw{--iti-flag-offset:-528px}.iti__by{--iti-flag-offset:-544px}.iti__bz{--iti-flag-offset:-560px}.iti__ca{--iti-flag-offset:-576px}.iti__cc{--iti-flag-offset:-592px}.iti__cd{--iti-flag-offset:-608px}.iti__cf{--iti-flag-offset:-624px}.iti__cg{--iti-flag-offset:-640px}.iti__ch{--iti-flag-offset:-656px}.iti__ci{--iti-flag-offset:-672px}.iti__ck{--iti-flag-offset:-688px}.iti__cl{--iti-flag-offset:-704px}.iti__cm{--iti-flag-offset:-720px}.iti__cn{--iti-flag-offset:-736px}.iti__co{--iti-flag-offset:-752px}.iti__cr{--iti-flag-offset:-768px}.iti__cu{--iti-flag-offset:-784px}.iti__cv{--iti-flag-offset:-800px}.iti__cw{--iti-flag-offset:-816px}.iti__cx{--iti-flag-offset:-832px}.iti__cy{--iti-flag-offset:-848px}.iti__cz{--iti-flag-offset:-864px}.iti__de{--iti-flag-offset:-880px}.iti__dj{--iti-flag-offset:-896px}.iti__dk{--iti-flag-offset:-912px}.iti__dm{--iti-flag-offset:-928px}.iti__do{--iti-flag-offset:-944px}.iti__dz{--iti-flag-offset:-960px}.iti__ec{--iti-flag-offset:-976px}.iti__ee{--iti-flag-offset:-992px}.iti__eg{--iti-flag-offset:-1008px}.iti__eh{--iti-flag-offset:-1024px}.iti__er{--iti-flag-offset:-1040px}.iti__es{--iti-flag-offset:-1056px}.iti__et{--iti-flag-offset:-1072px}.iti__fi{--iti-flag-offset:-1088px}.iti__fj{--iti-flag-offset:-1104px}.iti__fk{--iti-flag-offset:-1120px}.iti__fm{--iti-flag-offset:-1136px}.iti__fo{--iti-flag-offset:-1152px}.iti__fr{--iti-flag-offset:-1168px}.iti__ga{--iti-flag-offset:-1184px}.iti__gb{--iti-flag-offset:-1200px}.iti__gd{--iti-flag-offset:-1216px}.iti__ge{--iti-flag-offset:-1232px}.iti__gf{--iti-flag-offset:-1248px}.iti__gg{--iti-flag-offset:-1264px}.iti__gh{--iti-flag-offset:-1280px}.iti__gi{--iti-flag-offset:-1296px}.iti__gl{--iti-flag-offset:-1312px}.iti__gm{--iti-flag-offset:-1328px}.iti__gn{--iti-flag-offset:-1344px}.iti__gp{--iti-flag-offset:-1360px}.iti__gq{--iti-flag-offset:-1376px}.iti__gr{--iti-flag-offset:-1392px}.iti__gt{--iti-flag-offset:-1408px}.iti__gu{--iti-flag-offset:-1424px}.iti__gw{--iti-flag-offset:-1440px}.iti__gy{--iti-flag-offset:-1456px}.iti__hk{--iti-flag-offset:-1472px}.iti__hn{--iti-flag-offset:-1488px}.iti__hr{--iti-flag-offset:-1504px}.iti__ht{--iti-flag-offset:-1520px}.iti__hu{--iti-flag-offset:-1536px}.iti__id{--iti-flag-offset:-1552px}.iti__ie{--iti-flag-offset:-1568px}.iti__il{--iti-flag-offset:-1584px}.iti__im{--iti-flag-offset:-1600px}.iti__in{--iti-flag-offset:-1616px}.iti__io{--iti-flag-offset:-1632px}.iti__iq{--iti-flag-offset:-1648px}.iti__ir{--iti-flag-offset:-1664px}.iti__is{--iti-flag-offset:-1680px}.iti__it{--iti-flag-offset:-1696px}.iti__je{--iti-flag-offset:-1712px}.iti__jm{--iti-flag-offset:-1728px}.iti__jo{--iti-flag-offset:-1744px}.iti__jp{--iti-flag-offset:-1760px}.iti__ke{--iti-flag-offset:-1776px}.iti__kg{--iti-flag-offset:-1792px}.iti__kh{--iti-flag-offset:-1808px}.iti__ki{--iti-flag-offset:-1824px}.iti__km{--iti-flag-offset:-1840px}.iti__kn{--iti-flag-offset:-1856px}.iti__kp{--iti-flag-offset:-1872px}.iti__kr{--iti-flag-offset:-1888px}.iti__kw{--iti-flag-offset:-1904px}.iti__ky{--iti-flag-offset:-1920px}.iti__kz{--iti-flag-offset:-1936px}.iti__la{--iti-flag-offset:-1952px}.iti__lb{--iti-flag-offset:-1968px}.iti__lc{--iti-flag-offset:-1984px}.iti__li{--iti-flag-offset:-2000px}.iti__lk{--iti-flag-offset:-2016px}.iti__lr{--iti-flag-offset:-2032px}.iti__ls{--iti-flag-offset:-2048px}.iti__lt{--iti-flag-offset:-2064px}.iti__lu{--iti-flag-offset:-2080px}.iti__lv{--iti-flag-offset:-2096px}.iti__ly{--iti-flag-offset:-2112px}.iti__ma{--iti-flag-offset:-2128px}.iti__mc{--iti-flag-offset:-2144px}.iti__md{--iti-flag-offset:-2160px}.iti__me{--iti-flag-offset:-2176px}.iti__mf{--iti-flag-offset:-2192px}.iti__mg{--iti-flag-offset:-2208px}.iti__mh{--iti-flag-offset:-2224px}.iti__mk{--iti-flag-offset:-2240px}.iti__ml{--iti-flag-offset:-2256px}.iti__mm{--iti-flag-offset:-2272px}.iti__mn{--iti-flag-offset:-2288px}.iti__mo{--iti-flag-offset:-2304px}.iti__mp{--iti-flag-offset:-2320px}.iti__mq{--iti-flag-offset:-2336px}.iti__mr{--iti-flag-offset:-2352px}.iti__ms{--iti-flag-offset:-2368px}.iti__mt{--iti-flag-offset:-2384px}.iti__mu{--iti-flag-offset:-2400px}.iti__mv{--iti-flag-offset:-2416px}.iti__mw{--iti-flag-offset:-2432px}.iti__mx{--iti-flag-offset:-2448px}.iti__my{--iti-flag-offset:-2464px}.iti__mz{--iti-flag-offset:-2480px}.iti__na{--iti-flag-offset:-2496px}.iti__nc{--iti-flag-offset:-2512px}.iti__ne{--iti-flag-offset:-2528px}.iti__nf{--iti-flag-offset:-2544px}.iti__ng{--iti-flag-offset:-2560px}.iti__ni{--iti-flag-offset:-2576px}.iti__nl{--iti-flag-offset:-2592px}.iti__no{--iti-flag-offset:-2608px}.iti__np{--iti-flag-offset:-2624px}.iti__nr{--iti-flag-offset:-2640px}.iti__nu{--iti-flag-offset:-2656px}.iti__nz{--iti-flag-offset:-2672px}.iti__om{--iti-flag-offset:-2688px}.iti__pa{--iti-flag-offset:-2704px}.iti__pe{--iti-flag-offset:-2720px}.iti__pf{--iti-flag-offset:-2736px}.iti__pg{--iti-flag-offset:-2752px}.iti__ph{--iti-flag-offset:-2768px}.iti__pk{--iti-flag-offset:-2784px}.iti__pl{--iti-flag-offset:-2800px}.iti__pm{--iti-flag-offset:-2816px}.iti__pr{--iti-flag-offset:-2832px}.iti__ps{--iti-flag-offset:-2848px}.iti__pt{--iti-flag-offset:-2864px}.iti__pw{--iti-flag-offset:-2880px}.iti__py{--iti-flag-offset:-2896px}.iti__qa{--iti-flag-offset:-2912px}.iti__re{--iti-flag-offset:-2928px}.iti__ro{--iti-flag-offset:-2944px}.iti__rs{--iti-flag-offset:-2960px}.iti__ru{--iti-flag-offset:-2976px}.iti__rw{--iti-flag-offset:-2992px}.iti__sa{--iti-flag-offset:-3008px}.iti__sb{--iti-flag-offset:-3024px}.iti__sc{--iti-flag-offset:-3040px}.iti__sd{--iti-flag-offset:-3056px}.iti__se{--iti-flag-offset:-3072px}.iti__sg{--iti-flag-offset:-3088px}.iti__sh{--iti-flag-offset:-3104px}.iti__si{--iti-flag-offset:-3120px}.iti__sj{--iti-flag-offset:-3136px}.iti__sk{--iti-flag-offset:-3152px}.iti__sl{--iti-flag-offset:-3168px}.iti__sm{--iti-flag-offset:-3184px}.iti__sn{--iti-flag-offset:-3200px}.iti__so{--iti-flag-offset:-3216px}.iti__sr{--iti-flag-offset:-3232px}.iti__ss{--iti-flag-offset:-3248px}.iti__st{--iti-flag-offset:-3264px}.iti__sv{--iti-flag-offset:-3280px}.iti__sx{--iti-flag-offset:-3296px}.iti__sy{--iti-flag-offset:-3312px}.iti__sz{--iti-flag-offset:-3328px}.iti__tc{--iti-flag-offset:-3344px}.iti__td{--iti-flag-offset:-3360px}.iti__tg{--iti-flag-offset:-3376px}.iti__th{--iti-flag-offset:-3392px}.iti__tj{--iti-flag-offset:-3408px}.iti__tk{--iti-flag-offset:-3424px}.iti__tl{--iti-flag-offset:-3440px}.iti__tm{--iti-flag-offset:-3456px}.iti__tn{--iti-flag-offset:-3472px}.iti__to{--iti-flag-offset:-3488px}.iti__tr{--iti-flag-offset:-3504px}.iti__tt{--iti-flag-offset:-3520px}.iti__tv{--iti-flag-offset:-3536px}.iti__tw{--iti-flag-offset:-3552px}.iti__tz{--iti-flag-offset:-3568px}.iti__ua{--iti-flag-offset:-3584px}.iti__ug{--iti-flag-offset:-3600px}.iti__us{--iti-flag-offset:-3616px}.iti__uy{--iti-flag-offset:-3632px}.iti__uz{--iti-flag-offset:-3648px}.iti__va{--iti-flag-offset:-3664px}.iti__vc{--iti-flag-offset:-3680px}.iti__ve{--iti-flag-offset:-3696px}.iti__vg{--iti-flag-offset:-3712px}.iti__vi{--iti-flag-offset:-3728px}.iti__vn{--iti-flag-offset:-3744px}.iti__vu{--iti-flag-offset:-3760px}.iti__wf{--iti-flag-offset:-3776px}.iti__ws{--iti-flag-offset:-3792px}.iti__xk{--iti-flag-offset:-3808px}.iti__ye{--iti-flag-offset:-3824px}.iti__yt{--iti-flag-offset:-3840px}.iti__za{--iti-flag-offset:-3856px}.iti__zm{--iti-flag-offset:-3872px}.iti__zw{--iti-flag-offset:-3888px}.iti__globe{background:0 0;box-shadow:none;height:var(--iti-globe-height);display:flex;align-items:center;justify-content:center;padding:0}.iti__globe .iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}@supports (-webkit-appearance:none) and (not (background:-webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x:url(//spadentspb.ru/wp-content/themes/woodmart-child/assets/lib/intl-tel-input/img/flags.webp);--iti-path-flags-2x:url(//spadentspb.ru/wp-content/themes/woodmart-child/assets/lib/intl-tel-input/img/flags@2x.webp)}.spadent-lead-form {
background-color: var(--spadent-lead-form-bg-color, #f6f6f4);
background-image: var(--spadent-lead-form-bg-image, none);
background-position: var(--spadent-lead-form-bg-position, center center);
background-repeat: no-repeat;
background-size: var(--spadent-lead-form-bg-size, cover);
margin-bottom: var(--spadent-lead-form-margin-bottom, 0) !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: var(--spadent-lead-form-margin-top, 0) !important;
overflow-x: hidden;
padding-bottom: var(--spadent-lead-form-padding-bottom, 70px);
padding-top: var(--spadent-lead-form-padding-top, 70px);
}
.spadent-blog-lead-form {
--spadent-lead-form-margin-top: 100px;
--spadent-lead-form-margin-top-mobile: 60px;
}
.spadent-lead-form,
.spadent-lead-form * {
box-sizing: border-box;
}
.spadent-lead-form__container {
margin: 0 auto;
max-width: 1280px;
padding: 0;
width: calc(100% - 30px);
}
.spadent-lead-form__layout {
display: grid;
gap: 20px;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.spadent-lead-form__info,
.spadent-lead-form__form-card {
border-radius: 22px;
max-width: 100%;
min-height: 620px;
min-width: 0;
position: relative;
}
.spadent-lead-form__info {
background: #2a2a2a;
color: #fff;
overflow: hidden;
}
.spadent-lead-form__info-image {
display: block;
height: 100% !important;
inset: 0;
max-width: none !important;
object-fit: cover !important;
object-position: center !important;
position: absolute;
width: 100% !important;
}
.spadent-lead-form__info-overlay {
background: linear-gradient(0deg, rgba(68, 87, 117, .82) 0%, rgba(68, 87, 117, .62) 42%, rgba(68, 87, 117, 0) 100%);
bottom: 0;
height: 46%;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 1;
}
.spadent-lead-form__info-content {
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
padding: 38px 42px 44px;
position: relative;
z-index: 2;
}
.spadent-lead-form__info-title {
color: #fff;
font-size: 36px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.12;
margin: 0;
max-width: 660px;
overflow-wrap: anywhere;
}
.spadent-lead-form__benefits {
max-width: 720px;
}
.spadent-lead-form__benefits-list {
display: grid;
gap: 18px;
list-style: none;
margin: 0;
padding: 0;
}
.spadent-lead-form__benefit {
align-items: flex-start;
color: #fff;
display: grid;
font-size: 20px;
font-weight: 400;
gap: 15px;
grid-template-columns: 18px minmax(0, 1fr);
letter-spacing: 0;
line-height: 1.36;
margin: 0;
}
.spadent-lead-form__benefit-text {
min-width: 0;
overflow-wrap: anywhere;
}
.spadent-lead-form__benefit-icon {
background: #fff;
border-radius: 999px;
display: block;
height: 18px;
margin-top: .22em;
position: relative;
width: 18px;
}
.spadent-lead-form__benefit-icon::after {
border: solid #445775;
border-width: 0 2px 2px 0;
content: "";
height: 8px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -58%) rotate(45deg);
width: 4px;
}
.spadent-lead-form__form-card {
background: #fff;
box-shadow: 0 30px 80px rgba(51, 51, 51, .12);
padding: 42px 48px 44px;
}
.spadent-lead-form__form-title {
color: #303030;
font-size: 30px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.18;
margin: 0 0 58px;
max-width: 760px;
overflow-wrap: anywhere;
}
.spadent-lead-form__form {
display: flex;
flex-direction: column;
min-height: 0;
}
.spadent-lead-form__fields {
display: grid;
gap: 20px;
margin: 0 0 44px;
}
.spadent-lead-form__field {
display: block;
margin: 0;
}
.spadent-lead-form .spadent-lead-form__input,
.spadent-lead-form input.spadent-lead-form__input,
.spadent-lead-form select.spadent-lead-form__input,
.spadent-lead-form .iti input.spadent-lead-form__input {
appearance: none !important;
background: #f4f4f3 !important;
border: 1px solid #8699b7 !important;
border-radius: 14px !important;
box-shadow: none !important;
color: #303030 !important;
display: block !important;
font-family: inherit !important;
font-size: 20px !important;
font-weight: 500 !important;
height: 68px !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
margin: 0 !important;
max-width: 100% !important;
min-height: 0 !important;
outline: none !important;
padding: 0 20px !important;
text-transform: none !important;
transition: background-color .2s ease, border-color .2s ease !important;
width: 100% !important;
}
.spadent-lead-form input.spadent-lead-form__phone,
.spadent-lead-form .iti input.spadent-lead-form__phone {
padding-left: 20px !important;
}
.spadent-lead-form__input::placeholder,
.spadent-lead-form .spadent-lead-form__input::placeholder {
color: #7a7f89;
opacity: 1;
}
.spadent-lead-form .spadent-lead-form__input:focus {
background: #fff !important;
border-color: #8699b7 !important;
border-width: 1px !important;
box-shadow: none !important;
}
.spadent-lead-form .iti:focus-within input.spadent-lead-form__phone {
background: #fff !important;
border-color: #8699b7 !important;
border-width: 1px !important;
box-shadow: none !important;
}
.spadent-lead-form__input.is-error,
.spadent-lead-form .iti.is-error .spadent-lead-form__phone {
border-color: #ff4c4c !important;
}
.spadent-lead-form__field--select-ready {
position: relative;
}
.spadent-lead-form__field--select-ready .spadent-lead-form__native-select {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px !important;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px !important;
}
.spadent-lead-form__select {
position: relative;
}
.spadent-lead-form__select[hidden] {
display: none;
}
.spadent-lead-form .spadent-lead-form__select-button {
align-items: center;
appearance: none !important;
background: #f4f4f3 !important;
border: 1px solid #8699b7 !important;
border-radius: 14px !important;
box-shadow: none !important;
color: #7a7f89 !important;
cursor: pointer;
display: flex !important;
font-family: inherit !important;
font-size: 20px !important;
font-weight: 500 !important;
height: 68px !important;
justify-content: space-between !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
outline: none !important;
padding: 0 20px !important;
text-align: left !important;
text-transform: none !important;
transition: background-color .2s ease, border-color .2s ease !important;
width: 100% !important;
}
.spadent-lead-form .spadent-lead-form__select.has-value .spadent-lead-form__select-button {
color: #303030 !important;
}
.spadent-lead-form__select-value {
display: block;
flex: 1 1 auto;
font: inherit;
letter-spacing: 0;
min-width: 0;
overflow: hidden;
text-align: left !important;
text-overflow: ellipsis;
text-transform: none !important;
white-space: nowrap;
}
.spadent-lead-form .spadent-lead-form__select.is-open .spadent-lead-form__select-button,
.spadent-lead-form .spadent-lead-form__select-button:focus {
background: #fff !important;
border-color: #8699b7 !important;
border-width: 1px !important;
box-shadow: none !important;
}
.spadent-lead-form .spadent-lead-form__select.is-error .spadent-lead-form__select-button {
border-color: #ff4c4c !important;
}
.spadent-lead-form__select-arrow {
border-bottom: 2px solid #9aa0aa;
border-right: 2px solid #9aa0aa;
flex: 0 0 auto;
height: 9px;
margin-left: 18px;
transform: rotate(45deg);
transition: transform .2s ease;
width: 9px;
}
.spadent-lead-form__select.is-open .spadent-lead-form__select-arrow {
transform: rotate(225deg);
}
.spadent-lead-form__select-list {
background: #fff;
border: 1px solid rgba(68, 87, 117, .16);
border-radius: 10px;
box-shadow: 0 16px 34px rgba(27, 44, 70, .14);
left: 0;
list-style: none;
margin: 8px 0 0;
max-height: 240px;
opacity: 0;
overflow: auto;
padding: 6px;
pointer-events: none;
position: absolute;
right: 0;
top: 100%;
transform: translateY(-4px);
transition: opacity .16s ease, transform .16s ease;
z-index: 20;
}
.spadent-lead-form__select.is-open .spadent-lead-form__select-list {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.spadent-lead-form__select-option {
border-radius: 8px;
color: #303030;
cursor: pointer;
font-size: 20px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.3;
padding: 12px 14px;
text-transform: none;
}
.spadent-lead-form__select-option:hover,
.spadent-lead-form__select-option.is-selected {
background: #eef2f8;
color: #445775;
}
.spadent-lead-form .iti {
display: block;
width: 100%;
}
.spadent-lead-form .iti__country-container {
display: none !important;
pointer-events: none;
}
.spadent-lead-form .iti__selected-country {
background: transparent;
border-radius: 14px 0 0 14px;
padding-left: 0;
}
.spadent-lead-form .iti__selected-country-primary {
height: 100%;
padding: 0 6px 0 16px;
}
.spadent-lead-form .iti__arrow {
border-top-color: #7a7f89;
margin-left: 8px;
}
.spadent-lead-form .iti__arrow--up {
border-bottom-color: #303030;
}
.spadent-lead-form .iti__dropdown-content {
display: none !important;
border: 1px solid rgba(27, 44, 70, .12);
border-radius: 14px;
box-shadow: 0 16px 36px rgba(27, 44, 70, .16);
overflow: hidden;
}
.spadent-lead-form .iti__search-input,
.spadent-lead-form .iti__country {
font-family: inherit;
font-size: 15px;
letter-spacing: 0;
}
.spadent-lead-form__submit-wrap {
margin: 0 0 24px;
position: relative;
}
.spadent-lead-form .spadent-lead-form__submit {
align-items: center;
appearance: none !important;
background: linear-gradient(90deg, #445775 0%, #8699b7 50%, #445775 100%) !important;
background-position: 0 0 !important;
background-size: 200% 100% !important;
border: 0 !important;
border-radius: 999px !important;
color: #fff !important;
cursor: pointer;
display: inline-flex !important;
font-family: inherit !important;
font-size: 16px !important;
font-weight: 700 !important;
gap: 10px !important;
height: 78px !important;
justify-content: center !important;
letter-spacing: .02em !important;
line-height: 1 !important;
max-width: 100% !important;
padding: 0 28px !important;
text-transform: uppercase !important;
transition: background-position .24s ease, color .2s ease, opacity .2s ease !important;
width: 100% !important;
}
.spadent-lead-form .spadent-lead-form__submit:disabled {
background: #c9c9c9 !important;
background-position: 0 0 !important;
background-size: auto !important;
color: #7b7b7b !important;
cursor: default;
opacity: 1;
}
.spadent-lead-form .spadent-lead-form__submit:not(:disabled):hover {
background-position: 100% 0 !important;
color: #fff !important;
opacity: .95;
}
.spadent-lead-form .spadent-lead-form__submit.is-sending {
background: linear-gradient(90deg, #445775 0%, #8699b7 50%, #445775 100%) !important;
background-position: 0 0 !important;
background-size: 200% 100% !important;
color: #fff !important;
opacity: 1 !important;
pointer-events: none;
}
.spadent-lead-form .spadent-lead-form__submit.is-success {
background: linear-gradient(90deg, #445775 0%, #8699b7 50%, #445775 100%) !important;
background-position: 100% 0 !important;
background-size: 200% 100% !important;
color: #fff !important;
opacity: 1 !important;
pointer-events: none;
}
.spadent-lead-form .spadent-lead-form__submit.is-success::before {
border: solid currentColor;
border-width: 0 3px 3px 0;
content: "";
display: block;
height: 16px;
transform: rotate(45deg) translateY(-1px);
width: 8px;
}
.spadent-lead-form__tooltip {
background: #fff;
border: 1px solid rgba(68, 87, 117, .18);
border-radius: 12px;
bottom: calc(100% + 14px);
box-shadow: 0 14px 34px rgba(27, 44, 70, .16);
color: #303030;
left: 50%;
opacity: 0;
padding: 14px 16px;
pointer-events: none;
position: absolute;
text-align: center;
transform: translate(-50%, 8px);
transition: opacity .18s ease, transform .18s ease;
width: min(340px, 100%);
z-index: 5;
}
.spadent-lead-form__tooltip::after {
background: #fff;
border-bottom: 1px solid rgba(68, 87, 117, .18);
border-right: 1px solid rgba(68, 87, 117, .18);
bottom: -7px;
content: "";
height: 14px;
left: 50%;
position: absolute;
transform: translateX(-50%) rotate(45deg);
width: 14px;
}
.spadent-lead-form__submit-wrap:hover .spadent-lead-form__submit:disabled + .spadent-lead-form__tooltip {
opacity: 1;
transform: translate(-50%, 0);
}
.spadent-lead-form__submit-wrap:hover .spadent-lead-form__submit:not(:disabled) + .spadent-lead-form__tooltip,
.spadent-lead-form__submit-wrap:hover .spadent-lead-form__submit.is-sending + .spadent-lead-form__tooltip,
.spadent-lead-form__submit-wrap:hover .spadent-lead-form__submit.is-success + .spadent-lead-form__tooltip {
opacity: 0;
transform: translate(-50%, 8px);
}
.spadent-lead-form__tooltip-title,
.spadent-lead-form__tooltip-text {
display: block;
letter-spacing: 0;
}
.spadent-lead-form__tooltip-title {
font-size: 15px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 4px;
}
.spadent-lead-form__tooltip-text {
color: #68717d;
font-size: 13px;
line-height: 1.35;
}
.spadent-lead-form__consent {
align-items: flex-start;
color: #303030;
cursor: pointer;
display: flex;
font-size: 18px;
gap: 16px;
letter-spacing: 0;
line-height: 1.32;
margin: 0;
}
.spadent-lead-form__checkbox {
appearance: none;
background: #fff;
border: 1px solid #8c8c8c;
border-radius: 3px;
cursor: pointer;
flex: 0 0 auto;
height: 24px;
margin: 1px 0 0;
position: relative;
width: 24px;
}
.spadent-lead-form__checkbox:checked {
background: #445775;
border-color: #445775;
}
.spadent-lead-form__checkbox:checked::after {
border: solid #fff;
border-width: 0 2px 2px 0;
content: "";
height: 12px;
left: 8px;
position: absolute;
top: 3px;
transform: rotate(45deg);
width: 6px;
}
.spadent-lead-form__consent a {
color: #445775;
text-decoration: underline;
text-underline-offset: 2px;
}
.spadent-lead-form__message {
border-radius: 12px;
font-size: 15px;
letter-spacing: 0;
line-height: 1.4;
margin-top: 16px;
padding: 12px 16px;
}
.spadent-lead-form__message.is-error {
background: #fff0f0;
color: #9f2828;
}
.spadent-lead-form__message.is-success {
background: #eefaf1;
color: #21783a;
}
.spadent-lead-form__trap {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
@media (max-width: 1199px) {
.spadent-lead-form__info,
.spadent-lead-form__form-card {
min-height: 560px;
}
.spadent-lead-form__info-content,
.spadent-lead-form__form-card {
padding: 34px;
}
.spadent-lead-form__info-title {
font-size: 38px;
}
.spadent-lead-form__form-title {
font-size: 34px;
}
.spadent-lead-form__benefit,
.spadent-lead-form .spadent-lead-form__input,
.spadent-lead-form .spadent-lead-form__select-button {
font-size: 18px !important;
}
.spadent-lead-form__select-option {
font-size: 18px;
}
}
@media (max-width: 991px) {
.spadent-lead-form__layout {
grid-template-columns: minmax(0, 1fr);
}
.spadent-lead-form__info {
min-height: 520px;
}
.spadent-lead-form__form-card {
min-height: 0;
}
.spadent-lead-form__form {
height: auto;
min-height: 0;
}
.spadent-lead-form__submit-wrap {
margin-top: 0;
}
}
@media (max-width: 767px) {
.spadent-lead-form {
margin-bottom: var(--spadent-lead-form-margin-bottom-mobile, var(--spadent-lead-form-margin-bottom, 0)) !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: var(--spadent-lead-form-margin-top-mobile, var(--spadent-lead-form-margin-top, 0)) !important;
padding-bottom: var(--spadent-lead-form-padding-bottom-mobile, var(--spadent-lead-form-padding-bottom, 34px));
padding-top: var(--spadent-lead-form-padding-top-mobile, var(--spadent-lead-form-padding-top, 34px));
}
.spadent-lead-form__container {
margin-left: 15px;
margin-right: 15px;
max-width: none;
width: auto;
}
.spadent-lead-form__layout,
.spadent-lead-form__info,
.spadent-lead-form__form-card {
max-width: 100%;
min-width: 0;
width: 100%;
}
.spadent-lead-form__info,
.spadent-lead-form__form-card {
border-radius: 18px;
}
.spadent-lead-form__info {
min-height: 480px;
}
.spadent-lead-form__info-content,
.spadent-lead-form__form-card {
padding: 24px 18px;
}
.spadent-lead-form__info-title,
.spadent-lead-form__form-title {
font-size: 22px;
line-height: 1.16;
max-width: calc(100vw - 72px);
}
.spadent-lead-form__form-title {
margin-bottom: 28px;
}
.spadent-lead-form__benefits-list {
gap: 14px;
}
.spadent-lead-form__benefit {
font-size: 14px;
gap: 12px;
grid-template-columns: 20px minmax(0, 1fr);
line-height: 1.32;
}
.spadent-lead-form__benefit-text {
max-width: 280px;
}
.spadent-lead-form__fields {
gap: 14px;
margin-bottom: 28px;
}
.spadent-lead-form .spadent-lead-form__input,
.spadent-lead-form input.spadent-lead-form__input,
.spadent-lead-form select.spadent-lead-form__input,
.spadent-lead-form .iti input.spadent-lead-form__input,
.spadent-lead-form .spadent-lead-form__select-button {
border-radius: 13px !important;
font-size: 16px !important;
height: 58px !important;
padding: 0 16px !important;
}
.spadent-lead-form input.spadent-lead-form__phone,
.spadent-lead-form .iti input.spadent-lead-form__phone {
padding-left: 16px !important;
}
.spadent-lead-form .spadent-lead-form__select-button {
padding-right: 18px !important;
}
.spadent-lead-form__select-option {
font-size: 16px;
}
.spadent-lead-form .iti__country-container {
padding-left: 0;
}
.spadent-lead-form .spadent-lead-form__submit {
font-size: 14px !important;
height: 58px !important;
padding: 0 18px !important;
}
.spadent-lead-form__consent {
font-size: 14px;
gap: 10px;
}
.spadent-lead-form__consent span {
max-width: 280px;
min-width: 0;
}
.spadent-lead-form__checkbox {
height: 22px;
width: 22px;
}
.spadent-lead-form__tooltip {
bottom: calc(100% + 10px);
width: 100%;
}
}
@media (max-width: 420px) {
.spadent-lead-form__layout {
gap: 14px;
}
.spadent-lead-form__info {
min-height: 455px;
}
.spadent-lead-form__info-content,
.spadent-lead-form__form-card {
padding: 22px 16px;
}
.spadent-lead-form__info-title,
.spadent-lead-form__form-title {
font-size: 21px;
line-height: 1.15;
max-width: calc(100vw - 76px);
}
.spadent-lead-form__benefit {
font-size: 13px;
gap: 10px;
}
.spadent-lead-form__benefit-text {
max-width: 245px;
}
.spadent-lead-form .spadent-lead-form__submit {
font-size: 13px !important;
}
.spadent-lead-form__consent {
font-size: 13px;
line-height: 1.28;
}
.spadent-lead-form__consent span {
max-width: 245px;
}
}