:root {
--font-family: 'Lato', sans-serif;
--second-family: Commissioner, sans-serif;
--third-family: 'Lato', sans-serif;
--font3: Inter, sans-serif;
--font4: Raleway, sans-serif;
--gren-color: #29b24a;
--orange-color: #ff4117;
--weight510: 510px;
--base-border-radius: 20px;
--padding-content: 80px 0 100px 0
}
@media (max-width: 1024px) {
:root {
--base-border-radius: 10px;
--padding-content: 40px 0
}
}
@media (max-width: 1024px) {
.breadcrumb {
padding: 0 15px
}
}
.service-container {
max-width: 1200px;
width: 100%;
margin: 0 auto
}
.service-container * {
box-sizing: border-box;
outline: none;
font-family: var(--font-family);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.full-screen {
width: 100%;
height: auto;
background: #e1ebf6
}
.first-screen {
padding: 51px 0 73px
}
.third-screen {
margin-top: 80px
}
.first-screen h1 {
font-weight: 400;
font-size: 38px;
line-height: 110%;
color: #121d4a;
max-width: var(--weight510);
margin: 0
}
.first-screen h1 b {
font-weight: 500
}
.first-screen__sub-title {
margin-top: 34px;
font-weight: 400;
font-size: 20px;
color: #475076;
max-width: var(--weight510)
}
.first-screen__desc {
margin-top: 34px;
font-weight: 400;
font-size: 22px;
color: #475076;
max-width: var(--weight510)
}
.first-screen-left {
max-width: 560px
}
.first-screen__buttons {
margin-top: 22px
}
.first-screen__buttons .service-page-btn {
flex: 1
}
html body .service-page-btn {
cursor: pointer;
border-radius: 90px;
padding: 10px;
background: var(--orange-color);
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
text-align: center;
color: #fdfdfd;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
text-decoration: none;
min-height: 80px
}
html body .service-page-btn.service-page-btn_green {
background: var(--gren-color);
margin-left: 10px
}
.service-page-btn:hover {
background: #D52600
}
html body .service-page-btn.service-page-btn_green:hover {
background: #187e36
}
.first-screen-images {
border-radius: var(--base-border-radius);
max-width: 600px;
background: #fff;
padding: 34px 32px;
gap: 17px;
row-gap: 17px;
grid-row-gap: 17px;
height: max-content
}
.service-page-group {
justify-content: space-between;
-webkit-justify-content: space-between
}
.first-screen-images__item {
border-radius: var(--base-border-radius);
width: 260px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column; }
.first-screen-images__item img {
width: 100%;
object-fit: cover;
-o-object-fit: cover;
border-radius: var(--base-border-radius);
height: 180px
}
.first-screen-images__item figcaption {
color: #555;
font-size: 13px;
text-align: center;
}
.first-screen-images__item figcaption a:hover{
text-decoration: none;
}
.first-screen-images__item figure {
margin: 0
}
.first-screen .service-page-group {
align-items: center;
-webkit-align-items: center
}
@media (max-width: 1024px) {
.service-container {
padding: 0 15px
}
.third-screen {
margin-top: 50px
}
.first-screen {
padding: 30px 0 40px
}
.service-page-group {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column
}
.first-screen h1 {
font-size: 24px;
line-height: 110%
}
.first-screen-left, .first-screen-images {
max-width: 100%
}
.first-screen-images {
margin-top: 26px;
padding: 7px 8px;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
gap: 8px;
row-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
-webkit-justify-content: space-between
}
.first-screen__sub-title, .first-screen__desc {
margin-top: 16px;
font-size: 16px
}
.first-screen__buttons {
margin-top: 20px;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column
}
html body .service-page-btn {
width: 100%;
padding: 10px 20px
}
html body .service-page-btn.service-page-btn_green {
margin: 10px 0 0
}
.first-screen h1 br {
display: none
}
.first-screen-images__item {
width: 48%
}
.first-screen-images__item img {
height: 110px
}
.first-screen .service-page-group {
align-items: unset;
-webkit-align-items: unset
}
}
@media (max-width: 310px) {
.first-screen-images__item {
width: 100%
}
html body .service-page-btn {
font-size: 14px
}
}
.content-block {
margin-bottom: 80px
}
.content-block h2, .content-block__title {
font-weight: 500;
font-size: 46px;
line-height: 110%;
color: #121d4a;
margin-bottom: 40px
}
.second-screen p {
font-weight: 400;
font-size: 22px;
line-height: 140%;
margin: 0
}
.second-screen ul li {
font-size: 20px;
line-height: 140%
}
.second-screen ul li:not(:last-of-type) {
margin-bottom: 5px
}
.second-screen p:not(:last-of-type) {
margin-bottom: 20px
}
.second-screen__more-text {
margin-top: 20px
}
.second-screen__more-text-down {
margin-top: 24px
}
.second-screen__open-btn {
font-weight: 400;
font-size: 22px;
line-height: 140%;
text-decoration: underline;
color: var(--gren-color);
cursor: pointer;
margin-top: 24px
}
.second-screen__open-btn:hover {
text-decoration: none
}
.second-screen__hidden-text {
display: none
}
.second-screen-group_with-video {
align-items: center;
-webkit-align-items: center
}
.second-screen-group_with-video .second-screen__paragraphs, .second-screen-group_with-video .second-screen__video {
flex: 0 0 50%;
max-width: 50%
}
.second-screen-group_with-video .second-screen__paragraphs {
margin-right: 28px
}
html body .second-screen__paragraphs h2 {
font-size: 1.4375em;
line-height: 1.2;
margin-top: 1em
}
html body .second-screen__paragraphs h3 {
margin-top: .5em
}
@media (min-width: 768px) {
html body .second-screen__paragraphs h2 {
font-size: 1.9375em;
margin-bottom: .77419355em
}
}
.second-screen__video {
border-radius: var(--base-border-radius);
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
cursor: pointer
}
html body .second-screen__video.hide-bg:before {
display: none
}
.second-screen__video iframe {
width: 100% !important;
height: 100% !important
}
.second-screen__video:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/play-btn.png) center center / cover no-repeat;
display: block;
width: 104px;
height: 104px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.second-screen__video:hover::before {
transform: scale(1.1)
}
.second-screen__video img {
width: 100%;
height: auto;
object-fit: cover;
-o-object-fit: cover
}
html body .second-screen__video_for-mb {
display: none
}
@media (max-width: 1024px) {
.content-block {
margin-bottom: 50px
}
.content-block h2, .content-block__title {
font-size: 24px;
line-height: 110%;
margin-bottom: 30px
}
html body .second-screen-group_with-video .second-screen__video_for-pc {
display: none
}
html body .second-screen__video_for-mb {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 30px
}
.second-screen__video:before {
width: 80px;
height: 80px
}
.second-screen-group_with-video .second-screen__paragraphs, .second-screen-group_with-video .second-screen__video {
flex: 0 0 100%;
max-width: 100%
}
.second-screen-group_with-video .second-screen__paragraphs {
margin-right: 0
}
.second-screen p {
font-size: 14px;
line-height: 140%
}
.second-screen ul li {
font-size: 13px
}
.second-screen__more-text-down {
margin-top: 20px
}
.second-screen__open-btn {
font-size: 16px;
line-height: 140%;
margin-top: 16px
}
}
.text__block {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: stretch;
-webkit-align-items: stretch;
justify-content: center;
-webkit-justify-content: center;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
gap: 30px;
row-gap: 30px;
grid-row-gap: 30px
}
.text__block-item {
border: 1px solid #c9daec;
border-radius: 10px;
padding: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
font-weight: 400;
font-size: 22px;
line-height: 140%;
text-align: center;
color: #475076
}
.text__block_1 .text__block-item {
flex: 0 0 100%;
max-width: 100%
}
.text__block_2 .text__block-item {
flex: 0 0 48.7%;
max-width: 48.7%
}
.text__block_3 .text__block-item {
flex: 0 0 31.6%;
max-width: 31.6%
}
.text__block_4 .text__block-item {
flex: 0 0 23.1%;
max-width: 23.1%
}
.text__block_5 .text__block-item {
flex: 0 0 31.6%;
max-width: 31.6%
}
.text__block_5 .text__block-item:nth-of-type(1), .text__block_5 .text__block-item:nth-of-type(2) {
flex: 0 0 48.7%;
max-width: 48.7%
}
.text__block_6 .text__block-item {
flex: 0 0 31.6%;
max-width: 31.6%
}
html body .third-screen__btn {
max-width: 385px;
margin: 40px auto 0;
font-size: 20px
}
@media (max-width: 1024px) {
.text__block {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
gap: 12px;
column-gap: 12px;
grid-column-gap: 12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px
}
html body .text__block .text__block-item {
flex: 0 0 100% !important;
max-width: 100% !important;
font-size: 16px;
line-height: 120%
}
html body .text__block .text__block-item br {
display: none
}
html body .third-screen__btn {
max-width: 100%;
margin: 30px auto 0;
font-size: 16px
}
}
.four-screen {
padding: var(--padding-content)
}
.stages__blocks {
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
gap: 23px;
row-gap: 23px;
grid-row-gap: 23px;
align-items: stretch;
-webkit-align-items: stretch
}
.stages__blocks-item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);
background: #fff;
border-radius: 20px;
max-width: 384px;
padding: 40px 20px
}
.stages__blocks-item-title {
font-weight: 700;
font-size: 22px;
line-height: 110%;
color: #121d4a
}
.stages__blocks-item-desc {
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #475076;
margin-top: 16px
}
.stages__blocks-item_with-desc {
flex: 1;
min-width: fit-content;
align-items: center;
-webkit-align-items: center;
text-align: center;
justify-content: center;
-webkit-justify-content: center
}
.stages__blocks:has(.stages__blocks-item_with-desc) {
justify-content: center;
-webkit-justify-content: center
}
@media (max-width: 1024px) {
.stages__blocks {
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
gap: 12px;
column-gap: 12px;
grid-column-gap: 12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px
}
.stages__blocks-item {
padding: 23px 20px;
max-width: 100%
}
.stages__blocks-item-title {
font-size: 20px;
line-height: 110%
}
.stages__blocks-item-desc {
font-size: 14px;
line-height: 140%
}
}
.five-group > *:only-child {
max-width: 100%
}
.border-content {
border: 1px solid #c9daec;
border-radius: 20px;
max-width: 584px;
padding: 33px 40px;
flex: 1
}
.five-group {
align-items: stretch;
-webkit-align-items: stretch;
justify-content: space-between;
-webkit-justify-content: space-between
}
.border-content__title {
font-weight: 500;
font-size: 40px;
line-height: 110%;
color: #121d4a;
margin-bottom: 16px
}
.border-content ul {
padding: 0;
margin: 0;
list-style: none
}
.border-content ul li {
font-weight: 400;
font-size: 22px;
line-height: 120%;
color: #475076;
position: relative;
padding-left: 43px;
margin: 0
}
.border-content ul li:not(:last-of-type) {
margin-bottom: 16px
}
.advantages-list li:before {
position: absolute;
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto;
display: block;
content: '';
background: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/check-list.svg) center center / cover no-repeat;
width: 26px;
height: 26px
}
.flaws-list li:before {
position: absolute;
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto;
display: block;
content: '';
background: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/minus-list.svg) center center / cover no-repeat;
width: 26px;
height: 26px
}
.border-content__desc {
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: #475076;
margin-top: 19px
}
.five-screen {
margin-top: 80px
}
@media (max-width: 1024px) {
.five-group {
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
gap: 12px;
column-gap: 12px;
grid-column-gap: 12px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px
}
.border-content {
max-width: 100%;
padding: 21px 20px
}
.border-content__title {
font-size: 22px;
line-height: 110%;
margin-bottom: 12px
}
.border-content ul li {
padding-left: 28px;
font-size: 14px;
line-height: 120%
}
.border-content ul li:not(:last-of-type) {
margin-bottom: 12px
}
.advantages-list li:before, .flaws-list li:before {
width: 18px;
height: 18px
}
.border-content__desc {
margin-top: 12px;
font-size: 14px;
line-height: 120%
}
.border-content__desc br {
display: none
}
.five-screen {
margin-top: 50px
}
}
.six-screen {
padding: var(--padding-content)
}
.six-screen .service-container {
position: relative
}
.marker-block__title {
font-weight: 400;
font-size: 22px;
line-height: 120%;
color: #475076;
margin-bottom: 18px
}
.marker-block ul {
list-style: none;
padding: 0;
margin: 0
}
.marker-block ul li {
font-weight: 400;
font-size: 22px;
line-height: 120%;
color: #475076;
position: relative;
padding-left: 26px;
margin: 0
}
.marker-block ul li:before {
display: block;
width: 10px;
height: 10px;
background: var(--orange-color);
border-radius: 100%;
position: absolute;
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto;
content: ''
}
.marker-block ul li:not(:last-of-type) {
margin-bottom: 10px
}
.form-group {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.service__form {
margin-top: 40px
}
.form-wrap span.label-for-input {
font-weight: 400;
font-size: 22px;
line-height: 100%;
color: #475076;
margin-bottom: 10px
}
.form-wrap input[type="tel"] {
border-radius: 80px;
padding: 10px 30px;
width: 400px;
height: 80px;
font-weight: 400;
font-size: 22px;
line-height: 100%;
color: #999;
border: none !important;
margin: 0
}
.form-wrap input[type="tel"]::-webkit-input-placeholder {
font-weight: 400;
font-size: 22px;
line-height: 100%;
color: #999
}
.form-wrap input[type="tel"]:-moz-placeholder {
font-weight: 400;
font-size: 22px;
line-height: 100%;
color: #999
}
.form-wrap input[type="tel"]::-moz-placeholder {
font-weight: 400;
font-size: 22px;
line-height: 100%;
color: #999
}
.form-wrap input[type="tel"]:-ms-input-placeholder {
font-weight: 400;
font-size: 22px;
line-height: 100%;
color: #999
}
.form-wrap input[type="tel"]::placeholder {
font-weight: 400;
font-size: 22px;
line-height: 100%;
color: #999
}
.wpcf7-spinner {
display: none
}
html body .form-wrap .service-page-btn {
margin-left: 18px;
width: 400px;
margin-top: 32px;
font-size: 22px
}
.doctor-form__bio {
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.9);
border-radius: 10px;
width: 308px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
padding: 23px 17px;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 100px
}
.doctor-form__bio-name {
font-weight: 500;
font-size: 20px;
line-height: 110%;
color: #121d4a;
margin-bottom: 7px
}
.doctor-form__bio-spec {
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: #475076
}
.six-screen .service-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px
}
.doctor-form {
position: relative;
}
.doctor-form img {
height: 608px;
width: auto;
object-fit: cover;
-o-object-fit: cover;
border-radius: 10px;
}
@media (max-width: 1024px) {
.six-screen .content-block h2 {
margin-bottom: 16px
}
.marker-block__title {
margin-bottom: 10px;
font-size: 16px;
line-height: 120%
}
.marker-block ul li {
font-size: 16px;
line-height: 120%;
padding-left: 20px
}
.marker-block ul li:before {
width: 8px;
height: 8px
}
.six-screen .service-container {
flex-direction: column;
gap: 24px
}
.doctor-form {
position: relative;
bottom: unset;
right: unset
}
.service__form {
margin-top: 16px
}
.form-wrap {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column
}
.form-wrap span.label-for-input {
margin-bottom: 6px;
font-size: 16px;
line-height: 100%
}
.form-wrap input[type="tel"] {
width: 100%;
border-radius: 80px;
padding: 10px 30px;
height: 50px;
font-size: 16px;
line-height: 100%
}
.form-wrap input[type="tel"]::-webkit-input-placeholder {
font-size: 16px;
line-height: 100%
}
.form-wrap input[type="tel"]:-moz-placeholder {
font-size: 16px;
line-height: 100%
}
.form-wrap input[type="tel"]::-moz-placeholder {
font-size: 16px;
line-height: 100%
}
.form-wrap input[type="tel"]:-ms-input-placeholder {
font-size: 16px;
line-height: 100%
}
.form-wrap input[type="tel"]::placeholder {
font-size: 16px;
line-height: 100%
}
html body .form-wrap .service-page-btn {
margin-top: 12px;
margin-left: 0;
width: 100%;
min-height: 66px;
border-radius: 80px;
font-size: 16px;
line-height: 100%
}
.six-screen {
padding-bottom: 0
}
.doctor-form img {
max-height: 400px
}
.doctor-form__bio {
bottom: 15px;
padding: 16px 15px;
width: 277px
}
.doctor-form__bio-name {
margin-bottom: 7px;
font-size: 18px;
line-height: 110%
}
.doctor-form__bio-spec {
font-size: 14px;
line-height: 120%
}
}
.price-block-about {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: stretch;
-webkit-align-items: stretch
}
.price-block-about_img {
width: 384px;
border-radius: 20px;
object-fit: cover;
-o-object-fit: cover
}
.price-block-about_img_wrap figure {
margin: 0;
}
.price-block-about_img_wrap figcaption {
color: #555;
font-size: 13px;
text-align: center;
margin: 5px 0 0;
}
.price-block-about_about {
max-width: 384px;
border-radius: 20px;
border: 1px solid #C9DAEC;
font-size: 20px;
padding: 27px;
color: #475076
}
.price-block-about_about p {
margin: 0
}
.price-block-about_about p:not(:last-of-type) {
margin-bottom: 10px
}
.price-block-about_price-link {
width: 384px;
border-radius: 20px;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
height: 100%
}
.price-block-about_price {
background: #121D4A;
text-align: center;
color: #fff;
border-radius: 20px;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 31px 36px
}
.price-block-about_price_1 {
font-size: 20px;
font-weight: 400
}
.price-block-about_price_2 {
font-weight: 700;
font-size: 32px;
margin-top: 8px
}
.price-block-about_link {
border: 1px solid #C9DAEC;
border-radius: 20px;
padding: 30px 31px
}
.price-block-about_link-text {
font-size: 20px;
color: #475076;
font-weight: 100
}
.price-block-about_link-text a {
color: #29B24A;
text-decoration: underline
}
.price-block-group {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.price-block-about_link-text p {
margin: 0
}
@media (max-width: 1024px) {
.price-block-about {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column
}
.price-block-about_img {
width: 100%;
height: auto;
}
.price-block-about_img_source {
margin: 5px 0 15px;
}
.price-block-about_about {
width: 100%;
padding: 23px 20px;
font-size: 16px;
line-height: 140%;
margin-bottom: 12px
}
.price-block-about_price-link {
width: 100%
}
.price-block-about_price {
padding: 26px 46px;
margin-bottom: 12px
}
.price-block-about_price_1 {
font-size: 16px;
line-height: 140%
}
.price-block-about_price_2 {
font-size: 28px;
line-height: 140%;
margin-top: 8px
}
.price-block-about_link {
padding: 27px 20px;
font-size: 16px;
line-height: 140%
}
.price-block-about_link-text {
font-size: 16px;
line-height: 140%
}
}
.faq-block {
width: 100%
}
.faq-block_wrapper {
width: 100%;
height: max-content;
margin-top: 50px
}
.faq-block_item {
width: 100%;
transition: .3s;
display: flex;
overflow: hidden;
border-bottom: 1px solid #D9D9D9;
margin-bottom: 30px;
padding-bottom: 30px
}
.faq-block_item__inner {
width: 100%
}
.faq-block_item-question {
font-size: 22px;
font-weight: 700;
color: #121D4A;
line-height: 145%
}
.faq-block_item-answer {
width: 100%;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #475076;
margin-top: 14px;
display: none
}
.btn_close {
width: 45px;
height: 45px;
background: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/faq_block/icon/close-btn.svg) center center / cover no-repeat;
cursor: pointer;
flex-shrink: 0;
-webkit-flex-shrink: 0
}
.faq-block_item-answer-btn {
width: 45px;
height: 45px;
background: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/faq_block/icon/open-btn.svg) center center / cover no-repeat;
cursor: pointer;
flex-shrink: 0;
-webkit-flex-shrink: 0
}
.faq-block_group {
width: 100%;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
-webkit-align-items: center;
cursor: pointer
}
.faq-block_item:last-of-type {
margin-bottom: 0
}
@media (max-width: 1024px) {
.faq-block_item-question {
font-size: 16px;
line-height: 145%;
max-width: 70%
}
.faq-block_item-answer-btn, .btn_close {
width: 35px;
height: 35px
}
.faq-block_item {
margin-bottom: 16px;
padding-bottom: 16px
}
.faq-block_item-answer {
font-size: 14px;
line-height: 150%;
margin-top: 6px
}
}
.contacts-service-form__border {
border: 1px solid #e1ebf6;
border-radius: 20px;
width: 500px;
padding: 20px 20px 26px
}
.contacts-service-form {
align-items: stretch;
-webkit-align-items: stretch;
justify-content: space-between;
-webkit-justify-content: space-between
}
.doctor-form-contact img {
border-radius: 20px;
width: auto;
height: 260px;
object-fit: contain;
-o-object-fit: contain;
margin-bottom: 24px;
background: #e9e7e8
}
.doctor-form-contact__bio-name {
font-weight: 500;
font-size: 40px;
line-height: 110%;
color: #121d4a;
margin-bottom: 7px
}
.doctor-form-contact__bio-spec {
font-weight: 400;
font-size: 22px;
line-height: 120%;
color: #475076
}
.doctor-form-contact {
margin-bottom: 35px
}
.contacts-service-form__border .service-page-btn {
width: 100%;
font-size: 22px;
margin: 0 !important
}
.contacts-service-form__border .service-page-btn svg {
margin-left: 10px
}
.contacts-service-form__border-tel {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
font-weight: 500;
font-size: 36px;
line-height: 110%;
color: #121d4a;
margin-top: 18px;
text-decoration: none
}
.contacts-service-form__border-tel svg {
margin-right: 10px
}
.contacts-service-form__background {
border-radius: 20px;
width: 670px;
height: 100%;
background: #121d4a;
padding: 66px 67px 65px
}
.contacts-service-form__title {
font-weight: 500;
font-size: 40px;
line-height: 110%;
color: #fff;
margin-bottom: 31px
}
.contacts-service-form__desc {
font-weight: 400;
font-size: 22px;
line-height: 120%;
color: #fff;
margin-bottom: 30px
}
.contacts-service-form__contact .form-wrap span.label-for-input {
color: #fff
}
.contacts-service-form__contact .form-wrap input[type="tel"] {
width: 100%
}
html body .contacts-service-form__contact .form-wrap .service-page-btn {
width: 100%;
margin-left: 0;
margin-top: 18px
}
.contact-checkbox {
position: relative;
margin-top: 18px
}
.contact-checkbox__input {
position: absolute;
width: 0;
height: 0;
opacity: 0
}
.contact-checkbox__input:checked + .contact-checkbox__label:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.contact-checkbox__label {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.contact-checkbox__label:before {
content: "";
display: flex;
flex-shrink: 0;
-webkit-flex-shrink: 0;
border: 1px solid #fff;
border-radius: 3px;
width: 22px;
height: 24px
}
.contact-checkbox__label::after {
content: '';
display: block;
background: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2212%22%20viewBox%3D%220%200%2015%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.9901%201.3168L5.49509%2011.3609L0.125183%205.68044L0.854398%204.90905L5.49509%209.81814L14.2608%200.54541L14.9901%201.3168Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E) center center / cover no-repeat;
width: 15px;
height: 11px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
position: absolute;
top: 15px;
left: 4px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.contact-checkbox__text, .contact-checkbox__text a {
font-weight: 400;
font-size: 17px;
line-height: 120%;
color: #fff !important
}
.contact-checkbox__text {
margin-left: 20px
}
.contact-checkbox__text:hover, .contact-checkbox__text:visited {
color: #fff !important
}
@media (max-width: 1024px) {
.content-block-w-form .content-block__title br {
display: none
}
.contacts-service-form {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column
}
.contacts-service-form__border {
width: 100%;
padding: 20px;
margin-bottom: 12px
}
.doctor-form-contact {
margin-bottom: 16px
}
.doctor-form-contact img {
height: 200px;
margin-bottom: 16px
}
.doctor-form-contact__bio-name {
font-size: 24px;
margin-bottom: 7px
}
.doctor-form-contact__bio-spec {
font-size: 16px
}
.contacts-service-form__border .service-page-btn {
font-size: 16px;
min-height: 60px
}
.contacts-service-form__border .service-page-btn svg {
width: 26px;
height: 26px;
flex-shrink: 0;
-webkit-flex-shrink: 0
}
.contacts-service-form__border-tel {
margin-top: 10px;
font-size: 24px;
line-height: 110%
}
.contacts-service-form__border-tel svg {
width: 36px;
height: 36px
}
.contacts-service-form__background {
width: 100%;
height: auto;
padding: 40px 20px
}
.contacts-service-form__title {
font-size: 24px;
line-height: 110%;
margin-bottom: 16px
}
.contacts-service-form__desc {
font-size: 18px;
margin-bottom: 16px
}
html body .contacts-service-form__contact .form-wrap .service-page-btn {
margin-top: 12px
}
.contact-checkbox {
margin-top: 12px
}
.contact-checkbox__text {
margin-left: 12px
}
.contact-checkbox__text, .contact-checkbox__text a {
font-size: 11px;
line-height: 120%;
}
.contact-checkbox__label:before {
width: 14px;
height: 14px
}
.contact-checkbox__label::after {
width: 9px;
height: 6px;
left: 3px;
top: 3px
}
}
@media (max-width: 714px) {
.contact-checkbox__label::after {
top: 10px
}
}
@media (max-width: 320px) {
.contacts-service-form__border-tel {
font-size: 20px
}
.contacts-service-form__border-tel svg {
width: 32px;
height: 32px
}
}
@media (max-width: 405px) {
.contact-checkbox__label {
min-height: 40px
}
.contact-checkbox__label::after {
top: 17px
}
}
.doctors-slider {
width: 100%;
height: max-content
}
.doctors-slider_slider-swiper {
width: 100%;
height: max-content;
overflow: hidden
}
.doctors-slider_slider-swiper .doctors-slider_slider-swiper_item {
width: 385px;
margin-right: 23px
}
.doctors-slider_slider-swiper_item img {
background: #e9e7e8;
border-radius: 20px;
width: 385px;
height: 316px;
object-fit: contain;
-o-object-fit: contain
}
.doctors-slider_slider-swiper_item-profession {
width: 100%;
display: flex;
align-items: center;
margin-top: 40px
}
.doctors-slider_slider-swiper_item-profession__item {
border-radius: 34px;
padding: 10px 16px;
width: max-content;
height: 36px;
background: #edf4fa;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #011b4a;
margin-right: 8px
}
.doctors-slider_slider-swiper_item-full_name {
margin-top: 20px;
font-weight: 500;
font-size: 28px;
line-height: 110%;
color: #121d4a;
width: 90%
}
.doctors-slider_slider-swiper_item-address {
margin-top: 20px;
font-size: 20px;
font-weight: 100;
color: #FF4016;
display: flex;
align-items: center;
-webkit-align-items: center
}
.doctors-slider_slider-swiper_item-address__icon {
width: 24px;
height: 24px;
background-image: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/map-icon.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: 10px
}
.doctors-slider_slider-swiper_item-experience_number_of_operations {
margin-top: 20px;
display: flex;
justify-content: flex-start
}
.doctors-slider_slider-swiper_item-experience {
margin-right: 40px
}
.doctors-slider_slider-swiper_item-experience, .doctors-slider_slider-swiper_item-number_of_operations {
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #121d4a
}
.doctors-slider_slider-swiper_item-experience__title, .doctors-slider_slider-swiper_item-number_of_operations__text {
margin-bottom: 8px
}
.doctors-slider_slider-swiper_item__link {
margin-top: 40px;
width: 100%;
height: 60px;
background-color: #121D4A;
border-radius: 100px;
font-size: 22px;
font-weight: 400;
color: #fff;
display: flex;
justify-content: center;
align-items: center
}
.doctors-slider_slider-swiper_item__link:hover, .doctors-slider_slider-swiper_item__link:visited {
color: #fff
}
.doctors-slider_slider-swiper__pagination__navigation {
margin: auto;
display: none
}
.doctors-slider_slider-swiper__pagination__navigation .swiper-button-next {
position: relative;
top: 20px;
left: 200px
}
.doctors-slider_slider-swiper__pagination__navigation .swiper-pagination {
position: relative
}
.doctors-slider_slider-swiper__pagination__navigation .swiper-button-prev {
position: relative;
top: 20px;
left: -200px
}
.swiper-buttons-pagination {
position: relative;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: max-content;
height: 50px;
display: flex;
justify-content: center;
align-items: center
}
.swiper-button-next {
position: relative;
width: 40px;
height: 40px;
margin: 0 30px
}
.swiper-button-prev {
position: relative;
width: 40px;
height: 40px;
margin: 0 30px
}
.swiper-button-next::after {
content: '';
padding: 20px;
margin-top: -55px;
background-image: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/new-services/arrow_right.png);
background-repeat: no-repeat;
background-size: contain
}
.swiper-button-prev::after {
content: '';
padding: 20px;
margin-top: -55px;
background-image: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/new-services/arrow_left.png);
background-repeat: no-repeat;
background-size: contain
}
.swiper-pagination {
position: relative;
max-width: 150px;
margin: auto
}
.swiper-pagination-bullet {
width: 12px;
height: 12px
}
.video-reviews-slider .swiper-pagination {
margin-top: 19px
}
.swiper-pagination-bullet-active {
background: #FF4117
}
html body section {
margin-bottom: 80px
}
@media (max-width: 1024px) {
.doctors-slider_slider-swiper__pagination__navigation {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 20px
}
.swiper-pagination-bullet {
width: 10px;
height: 10px
}
.doctors-slider_slider-swiper_item img {
height: 220px;
width: 100%
}
.doctors-slider_slider-swiper_item-profession {
margin-top: 20px
}
.doctors-slider_slider-swiper_item-profession__item {
font-size: 14px
}
.doctors-slider_slider-swiper_item-full_name {
margin-top: 20px;
font-size: 24px;
line-height: 110%
}
.doctors-slider_slider-swiper_item-address__icon {
margin-right: 8px
}
.doctors-slider_slider-swiper_item__link {
margin-top: 20px;
border-radius: 30px;
padding: 20px 56px;
font-size: 22px;
line-height: 91%
}
.swiper-button-next, .swiper-button-prev {
width: 30px;
height: 30px
}
.swiper-button-next::after, .swiper-button-prev::after {
width: 30px;
height: 30px;
padding: 0
}
html body section {
margin-bottom: 50px
}
}
.video-reviews-slider__slide iframe {
border-radius: 10px;
width: 100%
}
.service__form form.wpcf7-form {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
align-items: flex-start;
-webkit-align-items: flex-start
}
html body .service__form input[type="checkbox"] {
position: absolute;
opacity: 0
}
html body .service__form .wpcf7-list-item-label {
position: relative;
padding-left: 24px;
cursor: pointer
}
html body .service__form .wpcf7-list-item-label:before {
content: "";
background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABrSURBVHgBtc6BCYAwDATAahzEERxJJ5CM4AAhIziCKziCI7hIwERKUaFaKX0obZMcxLmSYeZWz2zvJhXoZWCwf/UHIOJutZqIem10qeBEmtUaTxgDYT0/sPiB7Q0EdIUiMgHAGAM39LVSdg6rojUZldTNhQAAAABJRU5ErkJggg==) center no-repeat transparent;
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #8E8E8E;
border-radius: 3px;
background-position-x: right
}
.service__form .wpcf7-list-item-label a {
color: #475076;
text-decoration: underline
}
.service__form .wpcf7-list-item {
margin: 10px 0 0
}
.service__form .wpcf7-list-item-label {
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #475076
}
.service__form .wpcf7-list-item-label.uncheck:before {
background: none !important
}
.price-block-about_with-desc img {
flex: 1;
margin-right: 80px;
height: 350px;
object-position: center;
-o-object-position: center
}
.price-block-about_with-img .price-block-about_about {
max-width: max-content;
flex: 1;
margin-right: 80px
}
html body .breadcrumb {
margin: 0 0 40px
}
@media (max-width: 1024px) {
.service__form .wpcf7-list-item-label {
font-size: 11px;
line-height: 13px
}
html body .service__form .wpcf7-list-item-label:before {
width: 12px;
height: 12px;
background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABVSURBVHgBfY2BCcAgDAQ1E7lBO0o3aDNIkpU6gqO4QTSioCI+hPDP8e/cQUT02IcD8AFArEZE7h1Q8tC9NSVmfpeGHxFjz3xrC6p6lfMrMMnAcWJUBkKqIZ6tzbFCAAAAAElFTkSuQmCC) center no-repeat
}
html body .service__form .wpcf7-list-item-label {
padding-left: 18px;
display: block;
width: 100%
}
.service__form .wpcf7-list-item {
margin: 5px 0 0
}
.price-block-about_with-desc img {
height: auto;
margin-right: 0
}
.price-block-about_with-img .price-block-about_about {
margin-right: 0
}
html body .breadcrumb {
margin: 24px 0 40px
}
}
.clients__action {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 40px;
background: #E1EBF6;
-webkit-box-shadow: 0 4px 20px rgba(96, 123, 169, 0.28);
box-shadow: 0 4px 20px rgba(96, 123, 169, 0.28);
border-radius: 10px;
width: 100%;
max-width: 1160px
}
@media screen and (max-width: 1025px) {
.clients__action {
padding: 24px;
margin-top: 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media screen and (max-width: 576px) {
.clients__action {
padding: 24px;
margin-top: 16px
}
}
@media screen and (max-width: 480px) {
.clients__action {
margin-top: 8px
}
}
.clients__action.mobile-only {
margin-bottom: 40px;
margin-top: -10px
}
.clients__action-text {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #121D4A;
max-width: 616px
}
@media screen and (max-width: 1025px) {
.clients__action-text {
margin-bottom: 24px
}
}
@media screen and (max-width: 576px) {
.clients__action-text {
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
}
.embedded_video {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
.embedded_video:not(.video-iframe-open):before {
content: '';
width: 60px;
height: 60px;
background: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/otzyvy/btn_play.svg) center / cover no-repeat;
position: absolute
}