.hero__img {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
}
.hero__img img {
width: 100%;
position: absolute;
top: -127px;
right: 0;
height: 120%;
width: 71.8125rem;
}
.hero__content {
padding: 3.84rem 0 7.22rem;
}
.akcii__block_data-mob {
display: none;
}
.hero__text {
margin-top: 0.94rem;
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 140%;
}
.hero__price {
margin-top: 1.56rem;
}
.after__price {
font-size: 1rem;
font-style: normal;
font-weight: 300;
display: block;
color: #909090;
margin-bottom: 0.31rem;
line-height: 140%;
}
.hero__price_text {
color: #DB1C4F;
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 140%;
display: flex;
align-items: center;
}
.hero__price_text-three {
color: #3A3A3A;
}
.hero__price_text-three span {
margin-left: 0.31rem;
}
.main-price {
font-weight: 700;
margin-left: 0.5rem;
}
.old-price {
color: #909090;
text-decoration: line-through;
text-decoration-skip-ink: none;
text-decoration-thickness: 0.01rem;
margin-left: 0.63rem;
}
.akcii__block_data {
position: static;
padding: 0.1875rem 0.5rem 0.25rem 0.5rem;
margin-left: 0.75rem;
}
.menupage {
padding: 1.88rem 0;
}
.menu__page {
display: flex;
width: max-content;
overflow: auto;
}
.menupage .container {
overflow-x: auto;
}
.menu__page_item {
font-size: 1rem;
font-weight: 300;
line-height: 140%;
border-radius: 6.25rem;
border: 1px solid #F3F3F3;
margin-right: 0.62rem;
}
.menu__page_item a {
padding: 0.625rem 1rem;
display: block;
}
.description {
padding: 0 0 4.38rem;
}
.description .width-page {
overflow-x: visible;
}
::marker {
font-size: 0.8rem;
}
.offer {
background: #F3F3F3;
padding: 3.12rem 0 3.12rem;
}
.offer .width-page {
overflow-x: visible;
}
.offer__content {
display: flex;
}
.offer__subtitle {
font-size: 1.125rem;
font-weight: 300;
line-height: 140%;
margin: 0.94rem 0 1.88rem;
}
.offer__block {
padding: 1.875rem 1.5625rem;
border-radius: 1.875rem;
background: #E4E2DB;
font-size: 1.125rem;
font-weight: 300;
line-height: 140%;
display: flex;
width: 23.125rem;
flex-direction: column;
}
.offer__left_top {
display: flex;
}
.offer__link {
font-family: "OrchideaPro";
font-size: 1.25rem;
font-weight: 400;
line-height: 125%;
letter-spacing: -0.1rem;
text-transform: uppercase;
margin-bottom: 0.75rem;
display: flex;
color: #3A5554;
}
.offer__link::after {
content: url(//yar.vallistep.ru/wp-content/themes/vallistep/assets/svg/offer-arrow.svg);
width: 1.5rem;
height: 1.5rem;
display: block;
margin-left: auto;
}
.equals-mob {
display: none;
}
.offer__text {
margin-bottom: 0.75rem;
}
.offer__price {
font-weight: 500;
margin-top: auto;
color: #DB1C4F;
display: block;
}
.offer__img {
max-width: 48.125rem;
width: 100%;
object-fit: cover;
height: 20.625rem;
border-radius: 1.875rem;
margin-top: 1.88rem;
}
.offer__right {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.offer__right_block {
padding: 4.8125rem 1.875rem 1.875rem 1.875rem;
border-radius: 1.875rem;
background: #3A5554;
color: #fff;
text-align: center;
height: 100%;
position: relative;
}
.offer__right-mob {
display: none;
}
.offer__right_block::before {
content: '%';
font-family: "OrchideaPro";
font-size: 31.8125rem;
font-style: normal;
font-weight: 400;
line-height: 125%; letter-spacing: -2.545rem;
text-transform: uppercase;
position: absolute;
top: -55px;
right: -50px;
z-index: 1;
opacity: 0.05;
transform: rotate(9.685deg);
}
.offer__btn {
background: #DB1C4F;
padding: 1rem 1.875rem;
margin-top: 3.13rem;
font-size: 1rem;
text-transform: uppercase;
justify-content: center;
position: relative;
z-index: 2;
}
.offer__right_price {
padding: 0.3125rem 1.25rem;
border-radius: 2.5rem;
color: #fff;
background: #DB1C4F;
font-size: 1.125rem;
font-weight: 400;
margin: 1.87rem auto 0.94rem;
display: block;
width: max-content;
line-height: 140%;
}
.offer__price-old {
font-size: 1.125rem;
font-weight: 300;
}
.offer__right-text {
font-size: 1rem;
margin-top: 1.87rem;
font-weight: 300;
line-height: 140%;
}
.offer_btn__link {
font-size: 0.875rem;
font-weight: 700;
line-height: 140%;
text-decoration: underline;
text-transform: uppercase;
text-decoration-skip-ink: none;
margin-top: 1.88rem;
text-decoration-thickness: 0.01rem;
display: flex;
color: #3A5554;
align-items: center;
}
.offer_btn__link-mob {
display: none;
}
.offer_btn__link::after {
content: url(//yar.vallistep.ru/wp-content/themes/vallistep/assets/svg/offer-arrow.svg);
width: 1.5rem;
height: 1.5rem;
display: block;
margin-left: auto;
}
.navigation {
display: flex;
margin-bottom: 1.88rem;
align-items: center;
justify-content: space-between;
}
.profile {
padding-top: 3.75rem;
}
.profile .width-page {
overflow-x: visible;
}
.duo {
display: flex;
margin-top: 1.88rem;
}
.duo .duo-block {
width: 50%;
}
.duo-block {
margin-right: 1.88rem;
}
.green-text {
padding: 1.875rem;
border-radius: 1.875rem;
background: #3A5554;
color: #fff;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
width: 50%;
}
.full-width {
width: 100%;
padding: 3.125rem;
margin-top: 4.38rem;
}
.text-container strong {
display: block;
margin-bottom: 0.94rem;
}
.profile__gallery {
width: max-content;
display: flex;
margin-top: 2.5rem;
margin-bottom: 1.88rem;
width: 100%;
}
.profile__gallery img {
width: 100%;
height: 26.875rem;
object-fit: cover;
border-radius: 1.875rem;
margin-right: 1.87rem;
}
.profile__gallery img:last-of-type {
margin-right: 0;
}
.profile .grey-block {
padding: 3.125rem;
border-radius: 1.875rem;
background: #F3F3F3;
margin-top: 4.38rem;
}
.grey-block h3 {
margin-bottom: 1.5rem;
margin-top: 0;
text-align: center;
}
.img-solo img {
width: 100%;
height: 26.625rem;
object-fit: cover;
object-position: center;
margin-top: 4.38rem;
border-radius: 1.875rem;
}
.benefits__content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.88rem 1.88rem;
}
.benefits__block {
padding: 3.75rem 3.125rem;
border-radius: 1.875rem;
border: 2px solid #F3F3F3;
}
.benefits__block:nth-child(1) {
background: #F3F3F3;
border: none;
}
.benefits__block:nth-child(4) {
background: #F3F3F3;
border: none;
}
.benefits__block:nth-child(5) {
background: #F3F3F3;
border: none;
}
.benefits__block:nth-child(8) {
background: #F3F3F3;
border: none;
}
.benefits__block_name {
font-family: "OrchideaPro";
font-size: 1.25rem;
font-weight: 400;
line-height: 125%; letter-spacing: -0.1rem;
text-transform: uppercase;
margin-bottom: 1.34rem;
display: flex;
align-items: center;
color: #3A5554;
}
.benefits__block_name::before {
content: url(//yar.vallistep.ru/wp-content/themes/vallistep/assets/svg/check-usl.svg);
width: 1.75rem;
height: 1.75rem;
display: block;
margin-right: 1.25rem;
}
.benefits__block p {
font-size: 1.125rem;
font-weight: 300;
line-height: 140%;
}
.main-price-notsale {
margin-left: 0;
color: #3A3A3A;
}
.questions .width-page {
overflow-x: visible;
}
.questions__content-header {
display: flex;
justify-content: space-between;
cursor: pointer;
padding: 1.25rem 0;
border-bottom: 1px solid #E2E0E3;
align-items: center;
}
.questions__accordion-icon {
width: 1.25rem;
height: 1.25rem;
padding-bottom: 0px;
line-height: 140%;
display: flex;
color: #3A5554;
font-weight: 300;
font-size: 45px;
transition: transform 0.3s ease;
align-items: center;
justify-content: center;
}
.questions__content-item.active .questions__accordion-icon {
background: #fff;
transition: transform 0.3s ease;
}
.questions__content-content .text-container {
padding: 1.25rem 0;
border-bottom: 1px solid #E2E0E3;
font-size: 1.05rem;
}
.questions__content-content .text-container p:first-of-type {
margin: 0;
}
.questions__content-item.active .questions__content-header {
padding: 1.25rem 0;
border-bottom: none;
}
.questions__content-header p {
font-size: 1.125rem;
font-weight: 300;
line-height: 140%;
width: 95%;
}
.questions__content-item.active .questions__content-content {
padding-top: 0;
padding-bottom: 1.25rem;
border-bottom: 1px solid #E2E0E3;
}
.questions__content-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
opacity: 0;
visibility: hidden;
margin: 0;
border: none;
box-sizing: border-box;
}
.other__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between;
grid-gap: 1.88rem;
}
.other__content .services__list {
padding: 1.5625rem;
border-radius: 1.875rem;
background: #F3F3F3;
grid-gap: 0.63rem;
}
.footer {
margin-top: 3.75rem;
}
@media (max-width: 1400px) {
.profile__gallery img {
height: 23.875rem;
}
.offer__block {
width: 17.125rem;
}
.offer__img {
max-width: 36.125rem;
}
.offer__right_block::before {
right: -20px;
font-size: 28.8125rem;
}
}
@media (max-width: 1100px) {
.hero__img {
right: -20%;
}
}
@media (max-width: 992px) {
.offer__right {
display: none;
}
.offer__right-mob {
display: block;
width: 19.6875rem;
}
.offer__left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.offer__left_top img:last-of-type {
display: none;
}
.equals-mob {
display: block;
width: 100%;
height: 30px;
}
.offer__img {
margin-top: 0;
max-width: 19.6875rem;
height: 21.625rem;
}
.offer__block {
width: 100%;
font-size: 1rem;
}
.hero__img {
bottom: 0;
top: unset;
height: 31.0625rem;
width: 100%;
right: 0;
}
.hero__img img {
top: 0;
right: 0;
height: 100%;
width: 80%;
object-fit: cover;
}
.breadcrumb__content a span {
font-size: 0.75rem;
}
.breadcrumb__content span {
font-size: 0.75rem;
}
.breadcrumb {
padding: 0.62rem 0;
}
.hero__content {
padding: 0 0 2rem 0;
}
.hero__text {
margin-top: 0.31rem;
font-size: 1rem;
}
.after__price {
font-size: 0.875rem;
}
.hero__price {
margin-top: 0.94rem;
}
.hero__price_text {
font-size: 1rem;
}
.main-price {
margin-left: 0.62rem;
}
.hero__btn {
padding: 0.9375rem 1.75rem;
line-height: normal;
margin-top: 1.25rem;
font-size: 0.875rem;
}
.menu__page_item {
font-size: 0.875rem;
}
.description {
padding: 1.24rem 0 5rem;
}
.menupage {
padding-bottom: 0;
}
.offer {
padding: 1.88rem 0 1.88rem;
}
.offer__link {
font-size: 1.125rem;
letter-spacing: -0.09rem;
}
.offer__right_block {
padding: 3.125rem 1.5625rem 2.8125rem 1.5625rem;
}
.offer__right_price {
padding: 0.3125rem 1.25rem;
font-size: 1rem;
margin: 1.25rem auto 0.62rem;
font-weight: 300;
}
.offer__price-old {
font-size: 1rem;
}
.offer__right-text {
font-size: 0.875rem;
margin-top: 1.25rem;
}
.offer__btn {
margin-top: 1.88rem;
font-size: 0.875rem;
}
.services {
padding-top: 5rem;
}
.profile__gallery img {
height: 15rem;
}
.profile__gallery {
margin-top: 1.88rem;
margin-bottom: 1.88rem;
}
.profile__list a {
font-size: 1rem;
}
.grey-block {
padding: 2.5rem;
margin-top: 2.5rem;
}
.img-solo img {
height: 21.625rem;
margin-top: 2.5rem;
}
.benefits {
padding-top: 5rem;
}
.full-width {
width: 100%;
padding: 2.5rem;
margin-top: 2.5rem;
}
.benefits__block {
padding: 2.5rem 1.875rem;
}
.benefits__block_name {
font-size: 1.125rem;
letter-spacing: -0.09rem;
margin-bottom: 1.25rem;
}
.benefits__block p {
font-size: 1rem;
}
section {
padding: 5rem 0 0;
}
.questions__content-header p {
font-size: 1rem;
}
.other__content {
grid-template-columns: 1fr 1fr;
grid-gap: 0 1.88rem;
}
.other__content .services__list {
margin-bottom: 1.88rem;
}
.other__content .services__list:last-child {
grid-column: span 2;
}
.form-one {
padding-bottom: 5rem;
}
.checkall {
font-size: 0.75rem;
}
.grey-block h3 {
margin-top: 0;
}
.footer {
margin-top: 5rem;
}
.offer__subtitle {
font-size: 1rem;
}
.questions__content-header {
padding: 0.94rem 0;
}
.questions__content-item.active .questions__content-content {
padding-bottom: 0.94rem;
}
.questions__content-item.active .questions__content-header {
padding: 0.94rem 0;
}
.specialists {
padding-top: 5rem;
}
.profile .grey-block {
padding: 2.5rem;
}
}
@media (max-width: 767px) {
.hero .container {
padding: 0 3.6rem 0;
}
.breadcrumb .container {
padding: 0;
}
.breadcrumb {
padding: 0.75rem 0;
}
.hero__content {
padding: 0 0 2.19rem 0;
}
.hero__title {
font-size: 1.5rem;
letter-spacing: -0.12rem;
}
.hero__text {
margin-top: 0.62rem;
font-size: 0.875rem;
}
.profile__gallery {
overflow: auto;
}
.profile__gallery img {
height: 21rem;
}
.offer__left_top {
display: flex;
flex-direction: column;
align-items: center;
}
.offer__right-mob {
display: block;
width: 100%;
}
.offer__img {
margin-top: 0;
max-width: 100%;
height: 15.625rem;
margin-top: 1.25rem;
}
.offer_btn__link {
display: none;
}
.offer_btn__link-mob {
display: flex;
}
.offer__right_block {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
}
.offer_btn__link::after {
margin-left: 0.62rem;
}
section {
padding: 3.75rem 0 0;
}
.duo {
display: flex;
margin-top: 1.88rem;
flex-direction: column;
}
.duo .duo-block {
width: 100%;
}
.green-text {
width: 100%;
margin-top: 1.88rem;
}
.profile__gallery img {
margin-right: 1.25rem;
}
.profile__list a {
font-size: 0.875rem;
}
.profile__list ul li::before {
width: 1.25rem;
height: 1.25rem;
transform: scale(0.8);
}
.grey-block {
padding: 1.875rem 1.25rem;
}
.grey-block h3 {
margin-bottom: 0.94rem;
margin-top: 0;
text-align: left;
}
.img-solo img {
height: 15.625rem;
}
.benefits {
padding-top: 3.75rem;
}
.benefits__content {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.25rem;
}
.benefits__block:nth-child(1) {
background: #fff;
border: 2px solid #F3F3F3;
}
.benefits__block:nth-child(4) {
background: #fff;
border: 2px solid #F3F3F3;
}
.benefits__block:nth-child(5) {
background: #fff;
border: 2px solid #F3F3F3;
}
.benefits__block:nth-child(8) {
background: #fff;
border: 2px solid #F3F3F3;
}
.benefits__block:nth-child(2n-1) {
background: #F3F3F3;
border: none;
}
.questions__content-header p {
font-size: 0.875rem;
width: 90%;
}
.services__item {
font-size: 0.875rem;
}
.other__content .services__list:last-child {
grid-column: unset;
}
.other__content {
grid-template-columns: 1fr;
grid-gap: 1.25rem;
}
.other__content .services__list {
margin-bottom: 0;
}
.hero__price_text {
font-size: 0.875rem;
}
.description {
padding: 1.24rem 0 2.5rem;
}
.offer__price-old {
font-size: 0.875rem;
}
.offer__right-text {
font-size: 0.75rem;
}
.offer__btn {
width: 100%;
}
.services {
padding-top: 3.75rem;
}
.full-width {
width: 100%;
margin-top: 2.5rem;
padding: 1.875rem 1.25rem;
}
.footer {
margin-top: 3.75rem;
}
.offer__subtitle {
font-size: 0.875rem;
margin: 0.63rem 0 1.25rem;
}
.profile {
padding-top: 0rem;
}
.profile .text-container {
font-size: 0.875rem;
overflow: hidden;
}
.benefits__block_name {
font-size: 1rem;
letter-spacing: -0.08rem;
margin-bottom: 0.94rem;
}
.benefits__block {
padding: 1.875rem;
}
.benefits__block p {
font-size: 0.875rem;
}
.profile .grey-block {
padding: 1.875rem 1.25rem;
}
}
@media (max-width: 599px) {
.hero .container {
padding: 0 1.875rem;
}
.hero__content {
padding: 0 0 2.19rem 0;
max-width: 66%;
}
.breadcrumb__content {
display: flex;
flex-wrap: wrap;
}
.breadcrumb .container {
padding: 0;
}
.hero__price_text {
display: flex;
flex-direction: row;
}
.after__price {
font-size: 0.75rem;
margin-bottom: 0;
}
.hero__btn {
padding: 0.9375rem 1.75rem;
}
.hero__img {
height: 90%;
width: 100%;
right: 0;
}
.akcii__block_data {
display: none;
}
.akcii__block_data-mob {
display: flex;
align-items: center;
justify-content: center;
width: max-content;
margin-left: 0;
margin-top: 0.94rem;
}
.hero__price {
margin-top: 0.63rem;
}
.menu__page_item {
font-size: 0.75rem;
}
.menu__page_item a {
padding: 0.5rem 0.875rem 0.5rem 0.875rem;
}
.offer__img {
height: 11.875rem;
}
.grey-block h3 {
max-width: 100%;
}
.img-solo img {
height: 11.25rem;
}
.offer__right_block::before {
right: 10px;
bottom: 0;
font-size: 20.8125rem;
top: 0;
}
.benefits__block_name::before {
transform: scale(.715) translate(-5px, 0);
display: block;
margin-right: 0;
}
.profile__gallery img {
height: 10.3125rem;
width: 9.375rem;
}
.profile__gallery {
width: 250%;
}
}