@font-face {
font-family: Neue Montreal;
src: url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Regular.eot);
src: local("Neue Montreal Regular"), local("NeueMontreal-Regular"), url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Regular.eot?#iefix) format("embedded-opentype"), url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Regular.woff2) format("woff2"), url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Regular.woff) format("woff"), url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Neue Montreal;
src: url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Medium.eot);
src: local("Neue Montreal Medium"), local("NeueMontreal-Medium"), url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Medium.eot?#iefix) format("embedded-opentype"), url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Medium.woff2) format("woff2"), url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Medium.woff) format("woff"), url(//profi-hand.eu/wp-content/themes/profihand/build/fonts/NeueMontreal-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal
}
.hidden {
display: none !important
}
.container {
width: 1660px;
max-width: 100%;
margin: 0 auto;
padding: 0 20px
}
html {
font-size: 10px;
font-variant-numeric: lining-nums
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
overflow-y: hidden !important
}
body,
html {
-webkit-overflow-scrolling: touch
}
body.fixed,
html.fixed {
overflow: hidden;
-ms-touch-action: none;
touch-action: none
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
padding: 0;
background-color: #f4f9f9;
font-family: Neue Montreal, sans-serif;
font-weight: 400;
font-size: 2rem;
line-height: 1.5;
color: #000
}
body.fixed,
body.fixed .header {
padding-right: 1.5rem
}
body.home {
background-color: #d1e2c0
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
color: inherit;
font-size: inherit;
font-weight: inherit
}
a {
color: inherit
}
a,
a:focus,
a:hover {
text-decoration: none
}
a:focus {
outline: 0
}
ul {
list-style: none;
margin: 0;
padding: 0
}
*,
:after,
:before {
box-sizing: border-box
}
::-webkit-scrollbar {
width: 1.5rem;
height: 1.5rem
}
::-webkit-scrollbar-track {
background-color: #f4f9f9
}
::-webkit-scrollbar-thumb {
border: .4rem solid #f4f9f9;
border-radius: 1rem;
background-color: #003c30
}
::selection {
background-color: #003c30;
color: #f4f9f9
}
.site {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 100vh;
padding-top: 10rem
}
.site__wrapper {
position: relative
}
.mask {
position: fixed;
height: 100%;
background: #000;
z-index: 100;
left: 0;
top: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transition: .3s
}
.mask.active {
opacity: .9;
visibility: visible
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translateZ(0)
}
.slick-list {
position: relative;
display: block;
margin: 0 -1rem;
padding: 0;
overflow: hidden
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-track {
position: relative;
display: -ms-flexbox;
display: flex;
left: 0;
top: 0
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
min-height: 1px;
height: auto;
padding: 0 1rem
}
.slick-slide:focus {
outline: 0
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 2rem
}
.slick-arrow {
position: relative;
display: block;
height: 8rem;
width: 8rem;
padding: 0;
border-radius: 50%;
border: 1px solid #003c30;
background-color: transparent;
line-height: 0;
font-size: 0;
color: transparent;
outline: none;
cursor: pointer;
z-index: 1;
transition: .3s
}
.slick-arrow:focus,
.slick-arrow:hover {
outline: none;
color: transparent;
opacity: .7
}
.slick-arrow.slick-disabled {
opacity: .1
}
.slick-arrow.slick-hidden {
display: none
}
.slick-arrow:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 4rem;
width: 4rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.slick-prev:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='41' height='16' viewBox='0 0 41 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.292892 8.70711C-0.0976295 8.31658 -0.0976295 7.68342 0.292892 7.29289L6.65685 0.928932C7.04738 0.538408 7.68054 0.538408 8.07107 0.928932C8.46159 1.31946 8.46159 1.95262 8.07107 2.34315L2.41422 8L8.07107 13.6569C8.46159 14.0474 8.46159 14.6805 8.07107 15.0711C7.68054 15.4616 7.04738 15.4616 6.65685 15.0711L0.292892 8.70711ZM41 9H1V7H41V9Z' fill='%23003C30'/%3e%3c/svg%3e")
}
.slick-next:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='41' height='16' viewBox='0 0 41 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M40.7071 8.70711C41.0976 8.31658 41.0976 7.68342 40.7071 7.29289L34.3431 0.928932C33.9526 0.538408 33.3195 0.538408 32.9289 0.928932C32.5384 1.31946 32.5384 1.95262 32.9289 2.34315L38.5858 8L32.9289 13.6569C32.5384 14.0474 32.5384 14.6805 32.9289 15.0711C33.3195 15.4616 33.9526 15.4616 34.3431 15.0711L40.7071 8.70711ZM0 9H40V7H0V9Z' fill='%23003C30'/%3e%3c/svg%3e")
}
.slick-dots {
width: 100%;
gap: 1.4rem;
margin-top: 2.5rem
}
.slick-dots,
.slick-dots li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.slick-dots li {
-ms-flex-align: center;
align-items: center;
width: 1.4rem;
height: 1.4rem
}
.slick-dots li.slick-active button {
background-color: #003c30
}
.slick-dots li button {
display: block;
width: 1.4rem;
height: 1.4rem;
margin: 0;
padding: 0;
border: none;
border-radius: 50%;
background-color: #d1e2c0;
outline: none;
font-size: 0;
cursor: pointer;
transition: .3s
}
.slick-dots li button:hover {
background-color: #003c30
}
@media (max-width:1400px) {
.slick-arrow {
height: 6rem;
width: 6rem
}
.slick-arrow:before {
height: 3rem;
width: 3rem
}
}
@media (max-width:1100px) {
.slick-list {
margin: 0 -.5rem
}
.slick-slide {
padding: 0 .5rem
}
}
@media (max-width:768px) {
.js-carousel-cards .slick-track:has(.slick-slide+.slick-slide),
.js-carousel-news .slick-track:has(.slick-slide+.slick-slide) {
margin-left: 12.8%
}
}
.hide,
.preloader {
display: none
}
.preloader {
position: absolute;
left: 0;
top: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, .85);
z-index: 2
}
.preloader svg {
width: 100px;
height: 100%
}
.section {
position: relative;
padding: 10rem 0;
background-color: #f4f9f9
}
.section.advantages {
padding: 5rem 0
}
.section--search {
padding: 5rem 0 0
}
.section--search .breadcrumbs {
margin-bottom: 0
}
.section.vacancy {
padding: 5rem 0 0
}
.section--text {
padding-top: 5rem
}
.section.page-news {
padding: 5rem 0 0
}
.section--reviews {
padding-bottom: 0
}
.section--reviews .text__wrapper {
display: -ms-flexbox;
display: flex;
margin: 0 -1rem
}
.section--reviews .text__wrapper:first-child {
padding-bottom: 5rem
}
.section--reviews .text__wrapper:last-child {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: center;
justify-content: center
}
.section--reviews .text__wrapper:last-child img {
display: block;
max-width: 100%
}
.section__main {
position: relative
}
.section__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 10rem
}
.section__wrapper:last-of-type {
margin-bottom: 0
}
.section__header {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2.5rem;
margin-bottom: 4rem;
z-index: 2
}
.section__header .block__title {
margin-bottom: 0
}
.section__header-row .block__text {
color: #003c30
}
.section__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1rem 2rem;
margin-top: 5rem
}
.section__footer .btn {
width: 38rem;
max-width: 100%
}
.block__title {
display: inline-block;
max-width: 140rem;
margin-bottom: 5rem;
font-size: 6rem;
color: #003c30
}
.block__subtitle,
.block__title {
font-weight: 500;
line-height: 1.2
}
.block__subtitle {
margin-bottom: 2rem;
font-size: 3rem
}
.block__text {
display: block;
font-weight: 400;
font-size: 2rem;
line-height: 1.75
}
.block__text.center {
text-align: center
}
.block__text h1 {
margin-bottom: .5em;
font-weight: 700;
font-size: 4.4rem;
line-height: 1.28
}
.block__text h1:not(:first-of-type) {
margin-top: 1em
}
.block__text h2 {
margin-bottom: .5em;
font-weight: 400;
font-size: 4.4rem;
line-height: 1.28
}
.block__text h2:not(:first-of-type) {
margin-top: 1em
}
.block__text h3 {
margin-bottom: .5em;
font-weight: 400;
font-size: 2.5rem;
line-height: 1.28
}
.block__text h3:not(:first-of-type) {
margin-top: 1em
}
.block__text h4 {
margin-bottom: .5em;
font-weight: 400;
font-size: 2.4rem;
line-height: 1.28
}
.block__text h4:not(:first-of-type) {
margin-top: 1em
}
.block__text h5 {
margin-bottom: .5em;
font-weight: 400;
font-size: 2.2rem;
line-height: 1.28
}
.block__text h5:not(:first-of-type) {
margin-top: 1em
}
.block__text h6 {
margin-bottom: .5em;
font-weight: 400;
font-size: 2rem;
line-height: 1.28
}
.block__text h6:not(:first-of-type) {
margin-top: 1em
}
.block__text p {
margin-bottom: 1em
}
.block__text p:last-of-type {
margin-bottom: 0
}
.block__text ul {
list-style-type: disc;
-webkit-margin-before: 1em;
margin-block-start: 1em;
-webkit-margin-after: 1em;
margin-block-end: 1em;
-webkit-padding-start: 40px;
padding-inline-start: 40px
}
.block__text img {
display: block;
width: 100%;
margin: 4rem 0
}
.block__text .wpcf7 {
width: 60rem;
max-width: 100%
}
.block__text form {
padding: 7.5rem 7.5rem 4rem;
border-radius: 2rem;
background-color: #d1e2c0
}
b,
strong {
font-weight: 600
}
.section__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem 0;
margin: 0 -1rem
}
.section__list--numbers .block__title {
margin-bottom: 2rem
}
.section__list--numbers .img {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.section__item {
width: 33.33333%;
padding: 0 1rem
}
.section__item-wrapper {
height: 100%;
min-height: 35rem;
padding: 3rem 5.5rem
}
.imgs {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%
}
.imgs .img {
width: 50%;
height: 100%
}
.imgs .img img {
height: 100%;
object-fit: cover
}
.img {
max-width: 100%;
background-color: #003c30
}
.img img {
display: block;
width: 100%
}
.section__container {
display: -ms-flexbox;
display: flex;
gap: 2rem
}
.section__main {
-ms-flex: 1;
flex: 1
}
.sidebar {
width: 39rem;
max-width: 100%
}
.sidebar__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 5rem;
padding: 4rem;
background-color: #fff
}
.sidebar__title {
margin-bottom: 2.5rem;
font-weight: 600;
font-size: 2.5rem;
line-height: 1.2;
color: #000
}
.sidebar__title--price {
margin-bottom: 2rem;
font-weight: 500;
color: #003c30
}
.filter__block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem
}
.show-more {
position: relative;
display: block;
margin-top: 1.5rem;
padding: 0 3rem 0 0;
border: none;
background-color: transparent;
font-size: 2rem;
cursor: pointer
}
.show-more:before {
content: "";
position: absolute;
top: calc(50% - 1.5rem);
right: 0;
width: 3rem;
height: 3rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.5 11.5L14.5 17.5L8.5 11.5' stroke='%23000000' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
will-change: transform;
transition: .2s
}
.show-more.active:before {
transform: rotate(180deg)
}
.slider {
width: 27rem;
max-width: 100%;
padding-bottom: 3rem
}
.slider__actions {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 2.5rem;
margin-bottom: 3rem
}
.slider__actions .input {
-ms-flex: 1;
flex: 1;
height: 3.5rem;
border: 1px solid #003c30;
background-color: transparent;
text-align: center
}
.slider__actions span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.5rem;
height: .2rem;
background-color: #d9d9d9
}
.section__header-block {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 2rem
}
.section__header-block>span {
font-size: 2rem;
font-weight: 400;
line-height: 1.2;
color: rgba(0, 0, 0, .5)
}
.actions {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 3rem
}
.sort__item {
position: relative;
display: block;
padding-left: 6rem;
font-size: 2rem;
font-weight: 400;
line-height: 1.2;
color: #000
}
.sort__item:before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 4rem;
height: 2.4rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='23' viewBox='0 0 50 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='50' height='4.28571' fill='%23858585'/%3e%3crect y='9.28613' width='42.8571' height='4.28571' fill='%23858585'/%3e%3crect y='18.5713' width='35.7143' height='4.28571' fill='%23858585'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
transition: .3s
}
.sort__item.act {
text-decoration: underline
}
.sort__item.act:before {
transform: translateY(-50%) rotateX(0deg)
}
.sort__item.act.asc:before {
transform: translateY(-50%) rotateX(180deg)
}
.error__wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
padding: 10rem 0;
color: #003c30
}
.error__wrapper .block__title {
font-weight: 500;
font-size: 30rem;
line-height: 1
}
.error__wrapper .block__text {
margin-bottom: 4rem;
font-size: 3rem
}
@media (max-width:1100px) {
.error__wrapper {
padding: 7rem 0
}
}
@media (max-width:992px) {
.error__wrapper .block__title {
font-size: 36vw
}
.error__wrapper .block__text {
margin-bottom: 2rem;
font-size: 2rem
}
}
.btn {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 5rem;
gap: 1rem;
padding: .5rem 6.5rem;
border-radius: 2.5rem;
border: 0;
font-family: inherit;
font-weight: 500;
font-size: 2rem;
text-align: center;
text-decoration: none;
line-height: 1;
white-space: nowrap;
cursor: pointer;
transition: .3s
}
.btn,
.btn img {
max-width: 100%
}
.btn img {
max-height: 100%
}
.btn img,
.btn span {
display: block
}
.btn:focus,
.btn:hover {
text-decoration: none
}
.btn:focus {
outline: 0
}
.btn--white {
background-color: #fff;
color: #003c30
}
.btn--white:active,
.btn--white:hover {
background-color: #efff5a
}
.btn--light {
background-color: #f4f9f9;
color: #003c30
}
.btn--light:active,
.btn--light:hover,
.btn--yellow {
background-color: #efff5a
}
.btn--yellow {
color: #003c30
}
.btn--yellow:active,
.btn--yellow:hover {
background-color: #f4f9f9
}
.btn--main {
background-color: #003c30;
color: #f4f9f9
}
.btn--main:active,
.btn--main:hover {
background-color: rgba(0, 60, 48, .7)
}
.btn--o-main {
border: 1px solid #003c30;
background-color: transparent;
color: #003c30
}
.btn--o-main:active,
.btn--o-main:hover {
background-color: #003c30;
color: #f4f9f9
}
@media (max-width:1400px) {
.btn {
height: 4rem;
padding: .5rem 4rem;
font-size: 1.8rem
}
}
form {
text-align: left
}
form,
form .btn {
width: 100%
} .form__row {
display: block;
max-width: 550px;
}
.form__row:last-of-type .form__block:last-of-type {
margin-bottom: 0
}
.form__block {
-ms-flex: 1;
flex: 1;
margin-bottom: 1.5rem;
padding: 0 1rem
}
.form__block--radio {
margin-bottom: 2.5rem
}
.form__block--radio p>label {
display: block;
margin-bottom: 1rem;
padding: 0 3rem
}
.form__block--radio .wpcf7-radio {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.5rem;
padding: 0 3rem
}
.form__block--radio .wpcf7-list-item input+span {
max-width: none;
padding-left: 2.6rem
}
.form__block--radio .wpcf7-list-item input+span:before {
border-radius: 50%
}
.form__block--radio .wpcf7-list-item input+span:after {
left: .5rem;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background-color: #003c30;
background-image: none
}
.wpcf7-not-valid-tip {
padding-left: 3rem;
font-size: 1.2rem
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
padding: 2rem 3rem;
border-radius: 3.5rem;
background-color: #d1e2c0;
font-size: 1.8rem
}
@media (max-width:768px) {
.wpcf7-not-valid-tip {
padding-left: 2rem
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
padding: 1rem 2rem;
border-radius: 3.5rem;
font-size: 1.4rem
}
.form__block--radio .wpcf7-radio,
.form__block--radio p>label {
padding: 0 2rem
}
}
@media (max-width:480px) {
.form__row {
-ms-flex-direction: column;
flex-direction: column
}
.form__block {
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
}
.input {
width: 100%;
height: 6rem;
padding: .5rem 3rem;
border-radius: 3.5rem;
border: none;
vertical-align: middle;
background-color: #92b094;
font-family: inherit;
font-weight: 500;
font-size: 1.8rem;
color: #000;
font-variant-numeric: lining-nums;
transition: .3s
}
.input:focus {
outline: 0
}
.input::-webkit-input-placeholder {
color: rgba(0, 0, 0, .8)
}
.input::-moz-placeholder {
color: rgba(0, 0, 0, .8)
}
.input:-ms-input-placeholder,
.input::-ms-input-placeholder {
color: rgba(0, 0, 0, .8)
}
.input::placeholder {
color: rgba(0, 0, 0, .8)
}
.input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 6rem #92b094;
-webkit-text-fill-color: #000
}
.input--error {
border-color: #a4402e
}
.input--success {
border-color: #2ea44c
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
@media (max-width:768px) {
.input {
height: 4rem;
padding: .5rem 2rem;
font-size: 1.4rem
}
.input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 4rem #92b094
}
}
.textarea {
width: 100%;
height: 18rem;
padding: 3rem;
border-radius: 3.5rem;
border: none;
vertical-align: middle;
background-color: #92b094;
font-family: inherit;
font-weight: 500;
font-size: 1.8rem;
color: #000;
font-variant-numeric: lining-nums;
resize: none;
transition: .3s
}
.textarea:focus {
outline: 0
}
.textarea::-webkit-input-placeholder {
color: rgba(0, 0, 0, .8)
}
.textarea::-moz-placeholder {
color: rgba(0, 0, 0, .8)
}
.textarea:-ms-input-placeholder,
.textarea::-ms-input-placeholder {
color: rgba(0, 0, 0, .8)
}
.textarea::placeholder {
color: rgba(0, 0, 0, .8)
}
@media (max-width:768px) {
.textarea {
height: 10rem;
padding: 2rem;
font-size: 1.4rem
}
}
.breadcrumbs {
position: relative;
margin-bottom: 5rem
}
.breadcrumbs__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: .5rem 0;
overflow-x: auto;
white-space: nowrap
}
.breadcrumbs__wrapper::-webkit-scrollbar {
width: 0;
height: 0
}
.breadcrumbs__item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
margin-right: .5rem;
font-size: 2rem;
font-weight: 400;
line-height: 1.2;
transition: .3s
}
.breadcrumbs__item:last-child {
color: #003c30;
pointer-events: none
}
.breadcrumbs__item:not(:last-child) {
color: rgba(0, 0, 0, .5)
}
.breadcrumbs__item:not(:last-child):after {
content: "/";
display: inline-block;
width: .8rem;
height: 100%;
margin-left: .5rem;
pointer-events: none
}
.breadcrumbs__item:hover:not(:last-child) {
color: #003c30
}
@media (max-width:1400px) {
.breadcrumbs__item {
font-size: 1.8rem
}
}
@media (max-width:1100px) {
.breadcrumbs {
margin-bottom: 2.5rem
}
.breadcrumbs__item {
font-size: 1.6rem
}
}
@media (max-width:768px) {
.breadcrumbs__item {
font-size: 1.2rem
}
}
.pagination {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
gap: 2rem;
margin-top: 5rem;
text-align: center
}
.page-numbers,
.pagination {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.page-numbers {
width: 3rem;
height: 3rem;
padding: .2rem;
border-radius: .5rem;
font-size: 2.5rem;
font-weight: 400;
line-height: 1.2;
color: #003c30;
transition: .3s
}
.page-numbers.current {
background-color: #d1e2c0
}
.page-numbers.next,
.page-numbers.prev {
position: relative
}
.page-numbers.next:before,
.page-numbers.prev:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
transition: .3s
}
.page-numbers.prev:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 8.5L11.5 14.5L17.5 20.5' stroke='%23003C30' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}
.page-numbers.next:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5 8.5L17.5 14.5L11.5 20.5' stroke='%23003C30' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}
a.page-numbers:hover {
background-color: #d1e2c0
}
@media (max-width:768px) {
.pagination {
margin-top: 2.5rem
}
}
.checkbox {
position: relative;
display: none
}
.checkbox input {
position: absolute;
z-index: -1;
opacity: 0
}
.checkbox input+label {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 3rem;
padding-left: 4rem;
font-weight: 400;
font-size: 1.8rem;
line-height: 1.2;
text-align: left;
color: #000;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.checkbox input+label:before {
top: 0;
left: 0;
width: 3rem;
height: 3rem;
border: 1px solid #000;
border-radius: .7rem
}
.checkbox input+label:after,
.checkbox input+label:before {
content: "";
position: absolute;
display: block;
background-color: transparent;
z-index: 1
}
.checkbox input+label:after {
top: .8rem;
left: .8rem;
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
transition: .3s
}
.checkbox input:checked+label:after {
background-color: #000
}
.wpcf7-list-item {
position: relative;
display: block;
margin: 0
}
.wpcf7-list-item input {
position: absolute;
z-index: -1;
opacity: 0
}
.wpcf7-list-item input+div,
.wpcf7-list-item input+span {
position: relative;
display: block;
max-width: 52.5rem;
padding-left: 4.5rem;
font-weight: 400;
font-size: 1.2rem;
line-height: 1.2;
text-align: left;
color: #000;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.wpcf7-list-item input+div a,
.wpcf7-list-item input+span a {
-webkit-text-decoration: uppercase;
text-decoration: uppercase
}
.wpcf7-list-item input+div:before,
.wpcf7-list-item input+span:before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
width: 2.2rem;
height: 2.2rem;
background-color: transparent;
border: 1px solid #000;
border-radius: .5rem;
z-index: 1
}
.wpcf7-list-item input+div:after,
.wpcf7-list-item input+span:after {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
width: 2.2rem;
height: 2.2rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.1585 0.247437C16.5741 0.611119 16.6162 1.24288 16.2526 1.65852L7.50256 11.6585C7.14022 12.0726 6.51142 12.1162 6.09543 11.756L0.845429 7.21057C0.427894 6.84907 0.382471 6.21754 0.743972 5.8C1.10547 5.38247 1.73701 5.33704 2.15454 5.69855L6.65248 9.59286L14.7474 0.341509C15.1111 -0.0741276 15.7429 -0.116245 16.1585 0.247437Z' fill='%23000000'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50%;
background-size: 1.2rem;
z-index: 1;
opacity: 0;
transition: .3s
}
.wpcf7-list-item input:checked+div:after,
.wpcf7-list-item input:checked+span:after {
opacity: 1
}
@media (max-width:768px) {
.checkbox input+label {
min-height: 2.5rem;
padding-left: 3rem;
font-size: 1.4rem
}
.checkbox input+label:before {
width: 2.4rem;
height: 2.4rem
}
.checkbox input+label:after {
top: .8rem;
left: .8rem;
width: .8rem;
height: .8rem
}
.wpcf7-list-item input+div,
.wpcf7-list-item input+span {
padding-left: 2.6rem;
font-size: 1.2rem
}
.wpcf7-list-item input+div:before,
.wpcf7-list-item input+span:before {
width: 2rem;
height: 2rem
}
.wpcf7-list-item input+div:after,
.wpcf7-list-item input+span:after {
width: 2rem;
height: 2rem;
background-size: 1rem
}
}
.select {
position: relative
}
.select select {
width: 100%;
height: 5rem;
padding: .5rem 3rem;
border-radius: 2.5rem;
border: none;
vertical-align: middle;
background-color: #f4f9f9;
font-family: inherit;
font-weight: 400;
font-size: 2rem;
color: #003c30;
font-variant-numeric: lining-nums;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
transition: .3s
}
.select select:focus {
outline: 0
}
.select:after {
content: "";
position: absolute;
right: 3rem;
top: 50%;
transform: translateY(-50%);
width: 2.9rem;
height: 2.9rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.5 11.5L14.5 17.5L8.5 11.5' stroke='%23003C30' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
pointer-events: none;
z-index: 1
}
@media (max-width:1400px) {
.select select {
height: 4rem;
font-size: 1.8rem
}
}
table {
width: 65rem;
max-width: 100%
}
td {
height: 8.7rem;
border-bottom: 2rem solid transparent
}
td:last-child {
padding-left: 2rem
}
tr:last-child td {
border-bottom: none
}
@media (max-width:1300px) {
td {
height: 6rem;
border-bottom: none
}
}
@media (max-width:768px) {
tr {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 1rem
}
tr:last-child {
padding-bottom: 0
}
td {
height: auto;
padding: .5rem 0
}
td:first-child {
color: #d1e2c0
}
td:last-child {
padding-left: 0
}
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box
}
.noUi-target {
position: relative
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1
}
.noUi-connects {
overflow: hidden;
z-index: 0
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto
}
.noUi-vertical .noUi-origin {
top: -100%;
width: 0
}
.noUi-horizontal .noUi-origin {
height: 0
}
.noUi-handle {
backface-visibility: hidden;
position: absolute
}
.noUi-touch-area {
height: 100%;
width: 100%
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
transition: transform .3s
}
.noUi-state-drag * {
cursor: inherit !important
}
.noUi-horizontal {
height: .6rem
}
.noUi-horizontal .noUi-handle {
width: 2.6rem;
height: 2.6rem;
right: -1.3rem;
top: -1rem
}
.noUi-vertical {
width: 18px
}
.noUi-vertical .noUi-handle {
width: 2.6rem;
height: 2.6rem;
right: -1rem;
bottom: -1.3rem
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -1.3rem;
right: auto
}
.noUi-target {
margin: 0 3rem;
border-radius: .3rem
}
.noUi-connects {
width: calc(100% + 4rem);
margin-left: -2rem;
border-radius: 3px;
background-color: rgba(0, 60, 48, .8)
}
.noUi-connect {
background: #3fb8af
}
.noUi-draggable {
cursor: ew-resize
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize
}
.noUi-handle {
border-radius: 50%;
background: #ffcaeb;
cursor: pointer;
}
.noUi-handle:before {
content: "";
position: absolute;
width: 1rem;
height: 1rem;
border-radius: 50%;
background-color: #000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
[disabled] .noUi-connect {
background: #b8b8b8
}
[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
cursor: not-allowed
}
.noUi-pips,
.noUi-pips * {
box-sizing: border-box
}
.noUi-pips {
position: absolute;
font-weight: 500;
font-size: 1.2rem;
line-height: 1.2;
color: #000
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center
}
.noUi-marker {
position: absolute
}
.noUi-marker,
.noUi-marker-large,
.noUi-marker-sub {
background: rgba(0, 60, 48, .8)
}
.noUi-pips-horizontal {
height: 3rem;
top: 100%;
left: 0;
width: 100%
}
.noUi-value-horizontal {
transform: translate(-50%, calc(100% + .5rem))
}
.noUi-rtl .noUi-value-horizontal {
transform: translate(50%, 50%)
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 7px
}
.noUi-marker-horizontal.noUi-marker-large,
.noUi-marker-horizontal.noUi-marker-sub {
height: 15px
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%
}
.noUi-value-vertical {
transform: translateY(-50%);
padding-left: 25px
}
.noUi-rtl .noUi-value-vertical {
transform: translateY(50%)
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap
}
.noUi-horizontal .noUi-tooltip {
transform: translate(-50%);
left: 50%;
bottom: 120%
}
.noUi-vertical .noUi-tooltip {
transform: translateY(-50%);
top: 50%;
right: 120%
}
.noUi-horizontal .noUi-origin>.noUi-tooltip {
transform: translate(50%);
left: auto;
bottom: 10px
}
.noUi-vertical .noUi-origin>.noUi-tooltip {
transform: translateY(-18px);
top: auto;
right: 28px
}
.intro {
background-color: #d1e2c0
}
.intro--home .intro__block:first-child {
-ms-flex-align: normal;
align-items: normal
}
.intro--home .intro__block:last-child {
width: 70.6rem
}
.intro--search .intro__block:last-child {
width: 90rem
}
.intro--about .block__title {
max-width: 96rem
}
.intro--about .intro__img {
overflow: hidden
}
.intro__wrapper {
padding-left: calc((100% - 1620px) / 2);
color: #003c30
}
.intro__block,
.intro__wrapper {
display: -ms-flexbox;
display: flex
}
.intro__block {
-ms-flex-direction: column;
flex-direction: column;
gap: 5rem;
overflow: hidden
}
.intro__block:first-child {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 1;
flex: 1;
padding: 5rem 0
}
.intro__block:last-child {
max-width: 50%
}
.intro__block .block__title {
margin-bottom: 0
}
.intro__block .block__text {
margin-bottom: 0;
font-size: 3rem;
font-weight: 400
}
.intro__form .form__row {
margin: 0 -1.5rem
}
.intro__form .form__block {
margin-bottom: 1.5rem;
padding: 0 1.5rem
}
.intro__img {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
height: 100%
}
.intro__img img {
display: block;
max-width: 100%;
max-height: 100%
}
@media (min-width:1921px) {
.intro__block:first-child {
width: 1050px;
max-width: 63.23%
}
.intro__block:last-child {
-ms-flex: 1;
flex: 1
}
}
@media (max-width:1680px) {
.intro__wrapper {
padding-left: 20px
}
.intro__block {
gap: 3rem
}
.intro__block .block__text {
font-size: 2.2rem
}
}
@media (max-width:1400px) {
.intro__form .form__row {
margin: 0 -1rem
}
.intro__form .form__block {
padding: 0 1rem 20px 1rem;
margin: 20px 10px;
}
}
@media (max-width:1200px) {
.intro--home .intro__wrapper {
text-align: center
}
.intro--home .intro__img img {
max-height: 40rem
}
.intro--search {
padding-bottom: 5rem
}
.intro--search .intro__block:first-child {
-ms-flex-align: start;
align-items: flex-start
}
.intro--search .intro__block:last-child {
display: none
}
.intro--about .intro__wrapper {
gap: 5rem
}
.intro--about .block__title {
text-align: center
}
.intro--about .btn {
width: 35rem;
max-width: 100%
}
.intro--about .intro__img img {
transform: translateX(7%)
}
.intro--contacts .intro__block:first-child {
-ms-flex-align: start;
align-items: flex-start
}
.intro__wrapper {
-ms-flex-direction: column;
flex-direction: column;
padding: 0 2rem
}
.intro__block:first-child {
-ms-flex-align: center;
align-items: center;
padding-bottom: 0
}
.intro__block:last-child {
width: 100%;
max-width: 100%;
padding-bottom: 0
}
.intro__form {
width: 80rem;
max-width: 100%
}
.intro__form,
.intro__img img {
margin: 0 auto
}
}
@media (max-width:1100px) {
.intro__wrapper {
padding: 0 1rem
}
.intro--home .intro__block:last-child {
width: 100%
}
}
@media (max-width:992px) {
.intro__block:first-child {
width: 100%;
padding-bottom: 0
}
.intro__block:last-child {
width: 100%
}
.intro__img img {
margin: 0 auto
}
}
@media (max-width:768px) {
.intro .block__text {
font-size: 1.8rem;
line-height: 1.2
}
.intro__form {
width: 40rem
}
.intro__form .form__row {
-ms-flex-direction: column;
flex-direction: column
}
}
.advantages__wrapper {
-ms-flex-pack: justify;
justify-content: space-between
}
.advantages__item-wrapper,
.advantages__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 3rem
}
.advantages__img {
width: 12.4rem
}
.advantages__img img {
display: block;
width: 100%
}
.advantages__item-title {
padding-bottom: 1rem;
border-bottom: 1px solid #d1e2c0;
font-weight: 500;
font-size: 3rem;
line-height: 1.2;
color: #003c30
}
@media (max-width:1680px) {
.advantages__item-wrapper {
gap: 2rem
}
.advantages__img {
width: 10rem
}
.advantages__item-title {
font-size: 2.4rem
}
}
@media (max-width:1300px) {
.advantages__item-wrapper {
gap: 1.5rem
}
.advantages__img {
width: 7rem
}
.advantages__item-title {
padding-bottom: .5rem;
font-size: 1.8rem
}
}
@media (max-width:992px) {
.advantages__wrapper {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
width: 35.5rem;
max-width: 100%;
margin: 0 auto
}
.advantages__item-wrapper {
gap: 1rem
}
}
.vacancies {
background-color: #d1e2c0
}
.vacancies__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem 0;
margin: 0 -1rem
}
.vacancies__item {
display: -ms-flexbox;
display: flex;
width: 25%;
padding: 0 1rem
}
.vacancies__item-wrapper {
position: relative;
width: 100%;
height: 100%
}
.vacancies__item-wrapper:hover .vacancies__img img {
transform: scale(1.1)
}
.vacancies__item-wrapper:hover .vacancies__title {
background-color: #f4f9f9;
color: #003c30
}
.vacancies__img {
width: 100%;
aspect-ratio: 1/1;
overflow: hidden
}
.vacancies__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
will-change: transform;
transition: .5s
}
.vacancies__title {
position: absolute;
bottom: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
min-height: 8rem;
padding: .5rem 4rem;
background-color: #003c30;
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
color: #f4f9f9;
transition: .3s
}
.vacancy__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10rem 0
}
.vacancy__block {
width: 50%
}
.vacancy__block.large {
width: 100%
}
.gallery {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem
}
.gallery .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 5rem;
height: 5rem;
border-radius: 0;
border: none
}
.gallery .slick-prev {
left: -6rem
}
.gallery .slick-prev:before {
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20.8333' cy='20.8333' r='20.8333' transform='matrix(-1 0 0 1 45.832 4.16699)' stroke='%23141B34' stroke-width='1.5'/%3e%3cpath d='M28.125 33.3337L22.1 25.3003C21.9667 25.1225 21.9667 24.8781 22.1 24.7003L28.125 16.667' stroke='%23141B34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}
.gallery .slick-next {
right: -6rem
}
.gallery .slick-next:before {
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='25.0013' cy='25.0003' r='20.8333' stroke='%23141B34' stroke-width='1.5'/%3e%3cpath d='M21.875 33.3337L27.9 25.3003C28.0333 25.1225 28.0333 24.8781 27.9 24.7003L21.875 16.667' stroke='%23141B34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}
.gallery__slider {
width: 100%;
padding: 0 6rem;
overflow: hidden
}
.gallery__slider .gallery__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 0;
padding-top: 65%
}
.gallery__slider .gallery__item--video:before {
width: 6rem;
height: 6rem
}
.gallery__slider .gallery__item img,
.gallery__slider .gallery__item video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%
}
.gallery__slider .gallery__item video {
display: block
}
.gallery__nav {
overflow: hidden
}
.gallery__nav .gallery__item {
height: 0;
padding-top: 100%;
cursor: pointer
}
.gallery__nav .gallery__item--video:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 3rem;
height: 3rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23bgblur_0_798_4233_clip_path)' data-figma-skip-parse='true'%3e%3cforeignObject x='-1' y='-1' width='62' height='62'%3e%3cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(0.5px);height:100%25;width:100%25'%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3ccircle data-figma-bg-blur-radius='1' cx='30' cy='30' r='30' fill='%23D9D9D9' fill-opacity='0.8'/%3e%3cpath d='M19.3205 15.4641C19.3205 13.9245 20.9872 12.9623 22.3205 13.7321L46.3205 27.5885C47.6538 28.3583 47.6538 30.2828 46.3205 31.0526L22.3205 44.909C20.9872 45.6788 19.3205 44.7165 19.3205 43.1769L19.3205 15.4641Z' fill='%23003C30'/%3e%3cdefs%3e%3cclipPath id='bgblur_0_798_4233_clip_path'%3e%3ccircle cx='30' cy='30' r='30'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
pointer-events: none;
transition: .3s
}
.gallery__nav .gallery__item--video:hover:before {
transform: translate(-50%, -50%) scale(1.2)
}
.gallery__nav .gallery__item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.gallery__item {
position: relative;
width: 100%;
height: auto
}
.gallery__item--video {
cursor: pointer
}
.gallery__item img {
display: block
}
.vacancy__info {
max-width: 68rem;
padding-left: 10rem
}
.vacancy__info .block__subtitle {
margin-bottom: 1.5rem
}
.vacancy__info .block__text,
.vacancy__info .block__text h3 {
margin-bottom: 3rem
}
.vacancy__info .list {
max-width: 47rem;
margin: 0;
padding-left: 0;
list-style: none
}
.vacancy__info .list__item {
padding-left: 4.5rem;
font-size: 2rem
}
.vacancy__info .list__item:before {
width: 3.5rem;
height: 3.5rem
}
.online {
position: relative;
margin-bottom: 1.5rem;
padding-left: 6.3rem;
font-size: 2rem;
font-weight: 400;
line-height: 1.75;
color: #003c30
}
.online:before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 4.8rem;
height: 4.8rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_796_3873)'%3e%3cpath d='M24 9C14 9 5.46 15.22 2 24C5.46 32.78 14 39 24 39C34.01 39 42.54 32.78 46 24C42.54 15.22 34.01 9 24 9ZM24 34C18.48 34 14 29.52 14 24C14 18.48 18.48 14 24 14C29.52 14 34 18.48 34 24C34 29.52 29.52 34 24 34ZM24 18C20.69 18 18 20.69 18 24C18 27.31 20.69 30 24 30C27.31 30 30 27.31 30 24C30 20.69 27.31 18 24 18Z' fill='%23003C30'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_796_3873'%3e%3crect width='48' height='48' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.vacancy__detail .block__subtitle {
margin-bottom: 4.5rem
}
.video-widget {
position: fixed;
bottom: 2rem;
right: 2rem;
width: 20rem;
height: 30rem;
background: #003c30;
border-radius: 2rem;
overflow: hidden;
cursor: pointer;
transition: .3s;
z-index: 10
}
.video-widget--active {
width: 30rem;
height: 45rem
}
.video-widget__video {
width: 100%;
height: 100%;
object-fit: cover
}
.video-widget__close {
position: absolute;
top: 1.5rem;
right: 1.5rem;
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
z-index: 1;
transition: .3s
}
.video-widget__close:after,
.video-widget__close:before {
content: "";
position: absolute;
top: calc(50% - 1px);
right: 0;
width: 100%;
height: 2px;
background-color: #fff
}
.video-widget__close:before {
transform: rotate(45deg)
}
.video-widget__close:after {
transform: rotate(-45deg)
}
@media (max-width:1680px) {
.vacancies__title {
padding: .5rem 2rem;
font-size: 2.4rem
}
}
@media (max-width:1300px) {
.vacancies__title {
min-height: 6rem;
font-size: 2rem
}
.vacancy__detail .block__subtitle {
margin-bottom: 1.5rem
}
.vacancy__wrapper {
gap: 5rem 0
}
.vacancy__info {
padding-left: 5rem
}
.online {
padding-left: 4.5rem;
font-size: 1.8rem
}
.online:before {
width: 3.5rem;
height: 3.5rem
}
}
@media (max-width:1100px) {
.vacancies__wrapper {
gap: 1rem 0;
margin: 0 -.5rem
}
.vacancies__item {
width: 50%;
padding: 0 .5rem
}
.vacancy__block {
width: 100%
}
.gallery {
max-width: 82rem;
margin: 0 auto
}
.vacancy__info {
margin-top: -2.5rem;
padding-left: 0
}
.video-widget {
bottom: 1rem;
right: 1rem;
width: 10rem;
height: 15rem;
border-radius: 1rem
}
.video-widget--active {
width: 20rem;
height: 30rem
}
}
@media (max-width:768px) {
.vacancies__title {
min-height: 4rem;
padding: .5rem 1rem;
font-size: 1.4rem
}
.online {
font-size: 1.4rem
}
.vacancy__info .block__text {
margin-bottom: 2.5rem
}
.vacancy__info .block__text h3 {
margin-bottom: 1.5rem
}
.vacancy__info .list {
gap: 2rem
}
.vacancy__info .list__item {
padding-left: 3.5rem;
font-size: 1.4rem
}
.vacancy__info .list__item:before {
width: 2.5rem;
height: 2.5rem
}
.vacancy__info .btn {
width: 32rem
}
}
@media (max-width:640px) {
.gallery {
gap: 1.5rem
}
.gallery .slick-arrow {
width: 2.2rem;
height: 2.2rem
}
.gallery .slick-prev {
left: -3rem
}
.gallery .slick-next {
right: -3rem
}
.gallery__slider {
padding: 0 3rem
}
}
@media (max-width:374px) {
.vacancies__item {
width: 100%
}
.vacancy__info .block__text {
max-width: 33rem
}
}
.cards__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem 0;
margin: 0 -1rem
}
.cards__wrapper .card__item {
width: 33.33333%;
padding: 0 1rem
}
.card__item-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
gap: 3.5rem;
background-color: #fff
}
.card__item-wrapper:hover .card__img img {
transform: scale(1.1)
}
.card__header {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem
}
.card__img {
position: relative;
aspect-ratio: 39/26;
overflow: hidden;
z-index: 1
}
.card__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
will-change: transform;
transition: .5s
}
.card__labels {
position: absolute;
top: 0;
left: 0;
-ms-flex-direction: column;
flex-direction: column;
min-width: 16rem;
max-width: 100%;
z-index: 2
}
.card__label,
.card__labels {
display: -ms-flexbox;
display: flex
}
.card__label {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 2.3rem;
padding: .3rem 1rem;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.2;
color: #003c30
}
.card__label--hot {
background-color: #ffcaeb
}
.card__label--accommodation {
background-color: #efff5a
}
.card__label--food {
background-color: #f4f9f9
}
.card__label--outdated {
background-color: #d9d9d9;
color: #4b5563 
}
.card__body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex: 1;
flex: 1;
gap: 3.5rem;
padding: 0 2rem 2rem
}
.card__title {
padding: 0 2rem;
font-size: 3rem;
font-weight: 500;
line-height: 1.16;
color: #003c30
}
.card__footer,
.card__footer .btn {
width: 100%
}
.list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.4rem
}
.list__item {
position: relative;
padding-left: 3.2rem;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.2
}
.list__item:before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 2.2rem;
height: 2.5rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.list__item--city:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.4829 19.5861C12.0854 19.9583 11.554 20.1663 11.001 20.1663C10.448 20.1663 9.91667 19.9583 9.51911 19.5861C5.8786 16.1568 0.999866 12.326 3.37908 6.76437C4.6655 3.75723 7.75348 1.83301 11.001 1.83301C14.2486 1.83301 17.3366 3.75723 18.623 6.76437C20.9992 12.319 16.1324 16.1686 12.4829 19.5861Z' stroke='%23141B34'/%3e%3cpath d='M14.2077 10.0833C14.2077 11.8552 12.7713 13.2917 10.9993 13.2917C9.22744 13.2917 7.79102 11.8552 7.79102 10.0833C7.79102 8.31142 9.22744 6.875 10.9993 6.875C12.7713 6.875 14.2077 8.31142 14.2077 10.0833Z' stroke='%23141B34'/%3e%3c/svg%3e")
}
.list__item--payment:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.83203 11.0003C1.83203 7.75763 1.83203 6.13628 2.7971 5.05382C2.95145 4.88068 3.12158 4.72057 3.30553 4.57529C4.45565 3.66699 6.17834 3.66699 9.6237 3.66699H12.3737C15.8191 3.66699 17.5417 3.66699 18.6919 4.57529C18.8758 4.72057 19.0459 4.88068 19.2003 5.05382C20.1654 6.13628 20.1654 7.75763 20.1654 11.0003C20.1654 14.243 20.1654 15.8644 19.2003 16.9468C19.0459 17.12 18.8758 17.2801 18.6919 17.4254C17.5417 18.3337 15.8191 18.3337 12.3737 18.3337H9.6237C6.17834 18.3337 4.45565 18.3337 3.30553 17.4254C3.12158 17.2801 2.95145 17.12 2.7971 16.9468C1.83203 15.8644 1.83203 14.243 1.83203 11.0003Z' stroke='%23141B34' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M13.3374 11.0007C13.3374 12.2663 12.3114 13.2923 11.0458 13.2923C9.78011 13.2923 8.75409 12.2663 8.75409 11.0007C8.75409 9.735 9.78011 8.70898 11.0458 8.70898C12.3114 8.70898 13.3374 9.735 13.3374 11.0007Z' stroke='%23141B34'/%3e%3cpath d='M4.58203 11L5.4987 11' stroke='%23141B34' stroke-linecap='round'/%3e%3cpath d='M16.5 11L17.4167 11' stroke='%23141B34' stroke-linecap='round'/%3e%3c/svg%3e")
}
.list__item--residence:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='25' viewBox='0 0 22 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.06641 6.69661V21.28H18.7331V4.61328' stroke='%23141B34' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M13.2331 21.2799L13.2331 15.5895C13.2331 13.3568 9.56641 13.5546 9.56641 15.5895L9.56641 21.2799' stroke='%23141B34' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M13.2227 24.4043L9.55599 24.4043' stroke='%23141B34' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.13672 6.69629L10.2272 3.84227C11.3765 3.48096 11.3969 3.48096 12.5462 3.84227L19.6367 6.69629' stroke='%23141B34' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.3995 9.82129H11.3867' stroke='%23141B34' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}
.list__item--docs:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.25 10.083V9.16634C19.25 5.70938 19.25 3.98089 18.1129 2.90695C16.9758 1.83301 15.1456 1.83301 11.4853 1.83301L10.5147 1.83301C6.85439 1.83301 5.02423 1.83301 3.88712 2.90695C2.75 3.98089 2.75 5.70937 2.75 9.16634L2.75 12.833C2.75 16.29 2.75 18.0185 3.88711 19.0924C5.02423 20.1663 6.85439 20.1663 10.5147 20.1663H11' stroke='%23141B34' stroke-linecap='round'/%3e%3cpath d='M7.33398 6.41602H14.6673' stroke='%23141B34' stroke-linecap='round'/%3e%3cpath d='M7.33398 11H11.9173' stroke='%23141B34' stroke-linecap='round'/%3e%3cpath d='M19.25 18.9261L19.25 15.583C19.25 14.2727 18.0188 12.833 16.5 12.833C14.9812 12.833 13.75 14.2727 13.75 15.583L13.75 18.7913C13.75 19.5061 14.4216 20.1663 15.25 20.1663C16.0784 20.1663 16.75 19.5061 16.75 18.7913L16.75 16.284' stroke='%23141B34' stroke-linecap='round'/%3e%3c/svg%3e")
}
@media (max-width:1400px) {
.cards__wrapper .card__item {
width: 50%
}
.card__item-wrapper {
gap: 2rem
}
.card__title {
font-size: 2.5rem
}
.card__body {
gap: 2rem
}
.list {
gap: 1.6rem
}
.card__footer .btn {
height: 5rem;
padding: .5rem 2rem
}
}
@media (max-width:768px) {
.card__title {
padding: 0 1rem
}
.card__body {
padding: 0 1rem 2rem
}
}
@media (max-width:640px) {
.cards__wrapper {
gap: 5rem 0
}
.cards__wrapper .card__item {
width: 100%
}
}
.map {
background-color: #003c30
}
.map .block__title {
max-width: 59rem;
color: #f4f9f9
}
.map__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.map__block {
width: 50%
}
.map__list {
gap: 10rem
}
.map__list,
.map__list ul {
display: -ms-flexbox;
display: flex
}
.map__list ul {
-ms-flex-direction: column;
flex-direction: column;
gap: 2.5rem;
padding-left: 1.7em;
list-style: disc
}
.map__list li {
font-size: 3rem;
color: #f4f9f9
}
.map__list li a {
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
transition: .3s
}
.map__list li a.active {
color: #ffcaeb;
-webkit-text-decoration-color: #ffcaeb;
text-decoration-color: #ffcaeb
}
.map__img {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%
}
.map__img svg {
display: block;
width: 100%;
height: 100%
}
.map__img path {
fill: #003c30;
transition: .3s
}
.map__img path.map__item-marker {
fill: none;
stroke: #f4f9f9;
pointer-events: none
}
.map__img .map__item {
display: block
}
.map__img .map__item.active path {
fill: #d1e2c0
}
.map__img .map__item.active path.map__item-marker {
fill: none;
stroke: #003c30
}
.map__item-text {
font-weight: 400;
font-size: 1.4rem;
fill: #003c30;
pointer-events: none
}
@media (max-width:1400px) {
.map__list {
gap: 8rem
}
.map__list ul {
gap: 2rem
}
.map__list li {
font-size: 2.5rem
}
}
@media (max-width:1100px) {
.map__wrapper {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 2.5rem
}
.map__block {
width: 100%
}
.map__list {
gap: 0
}
.map__list ul {
width: 50%;
gap: 1.5rem;
padding-right: 1rem
}
.map__list li {
font-size: 1.8rem
}
.map__img {
height: auto;
padding: 2rem
}
}
.what .img {
width: 100%;
height: 100%
}
.what .img img {
height: 100%;
object-fit: cover;
object-position: center
}
.what__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.what__block,
.what__wrapper {
display: -ms-flexbox;
display: flex
}
.what__block {
-ms-flex-direction: column;
flex-direction: column;
width: 50%
}
.what__header {
padding: 4rem 5rem 4.4rem;
background-color: #003c30
}
.what__header .block__title {
margin-bottom: 0;
color: #fff
}
.what__content {
-ms-flex: 1;
flex: 1;
padding: 5rem;
background-color: #d1e2c0
}
.what__content .block__text {
color: #003c30
}
@media (max-width:1680px) {
.what__header {
padding: 3rem 4rem 3.4rem
}
.what__content {
padding: 4rem
}
}
@media (max-width:1400px) {
.what__header {
padding: 3rem 3rem 3.4rem
}
.what__content {
padding: 3rem
}
.what__content .block__text {
font-size: 1.8rem
}
}
@media (max-width:1300px) {
.what__content,
.what__header {
padding: 2.5rem 2rem
}
.what__content .block__text {
font-size: 1.6rem
}
}
@media (max-width:1100px) {
.what {
margin-top: -5rem
}
.what__wrapper {
margin: 0 -1rem
}
.what__block {
width: 100%
}
.what__header {
padding: 2.5rem 1rem;
background-color: #d1e2c0
}
.what__header .block__title {
color: #003c30
}
.what__content {
padding: 2.5rem 1rem 5rem
}
}
@media (max-width:640px) {
.what__content .block__text {
font-size: 1.4rem;
line-height: 1.36
}
}
.working .block__title {
margin-bottom: 10rem
}
.working__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem 0;
margin: 0 -1rem
}
.working__item {
width: 25%;
padding: 0 1rem
}
.working__item-wrapper {
height: 100%
}
.working__img {
width: 100%;
aspect-ratio: 195/87
}
.working__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.working__content {
padding: 2rem 2rem 2.5rem
}
.working__content .block__subtitle {
margin-bottom: 1rem;
color: #003c30
}
.working__content .block__text {
color: #003c30
}
@media (max-width:1680px) {
.working .block__title {
margin-bottom: 5rem
}
.working__wrapper {
padding-bottom: 5rem
}
.working__content .block__subtitle {
font-size: 2.5rem
}
.working__content .block__text {
font-size: 1.8rem
}
}
@media (max-width:1300px) {
.working__item {
width: 50%
}
}
@media (max-width:768px) {
.working__wrapper {
gap: 2.5rem 0
}
.working__item {
width: 100%
}
.working__content {
min-height: 16.6rem;
padding: 1rem 1rem 2.5rem
}
.working__content .block__subtitle {
margin-bottom: 2.5rem
}
}
@media (max-width:640px) {
.working__content .block__text {
font-size: 1.4rem;
line-height: 1.36
}
}
.consult {
background-color: #d1e2c0
}
.consult .block__title {
margin-bottom: 0
}
.consult .block__text {
max-width: 58rem
}
.consult__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.5rem 0
}
.consult__block {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 50%;
gap: 2rem
}
.consult__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem
}
.consult__img {
width: auto;
height: 100%;
transform: translateX(-.5rem)
}
.consult__img img {
display: block;
height: 100%
}
.consult__form {
width: 40rem;
max-width: 100%;
padding: 5rem 0
}
.contacts-box-content {
max-width: 300px;
}
.contacts-box-content .btn {
width: 100%;
margin-bottom: 15px;
}
@media (max-width:1400px) {
.consult__block:first-child {
width: 40%
}
.consult__block:last-child {
width: 60%
}
}
@media (max-width:1100px) {
.consult__block:first-child {
width: 100%;
padding-top: 5rem
}
.consult__block:last-child {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
width: 100%;
gap: 0
}
.consult__content {
max-width: 40rem;
gap: 2.5rem;
margin: 0 auto
}
.consult__content .block__text {
font-size: 1.8rem;
line-height: 1.33
}
.consult__img {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: center;
justify-content: center;
width: 32rem;
max-width: 100%;
transform: translateX(0)
} .consult__img .contacts-box.hide-desktop {
position: absolute;
bottom: 30px;
}
.consult__form {
padding: 0
}
}
@media (max-width:640px) {
.consult__img {
height: 30rem
}
}
.news .card__body,
.news .card__item-wrapper {
gap: 2.5rem
}
.news__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 150rem;
max-width: 100%;
gap: 5rem
}
.news__wrapper+.pagination {
margin-top: 10rem
}
.news__wrapper .card__item-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 7rem;
background-color: transparent;
transition: .3s
}
.news__wrapper .card__header {
width: 56rem;
max-width: 40%
}
.news__wrapper .card__img {
min-height: 100%;
aspect-ratio: 28/15
}
.news__wrapper .card__body {
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
.news__wrapper .card__title,
.news__wrapper .date {
margin-bottom: 2.5rem;
padding: 0
}
.news__wrapper .card__footer .btn {
width: 33rem
}
.news__wrapper .block__text {
max-width: 73rem
}
.date {
margin-bottom: .5rem;
padding: 0 2rem;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2;
color: #003c30
}
.news__img {
position: relative;
height: 0;
margin-bottom: 5rem;
padding-top: 35%
}
.news__img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
@media (max-width:1400px) {
.card__footer .btn {
height: 4rem
}
}
@media (max-width:1300px) {
.news__wrapper+.pagination {
margin-top: 5rem
}
.news__wrapper .card__item-wrapper {
gap: 2.5rem
}
.news__wrapper .card__title,
.news__wrapper .date {
margin-bottom: 1.5rem
}
.news__wrapper .card__footer .btn {
width: 32rem
}
.news__img {
margin-bottom: 2.5rem
}
}
@media (max-width:768px) {
.news .card__body,
.news .card__item-wrapper {
gap: 1rem
}
.date {
margin-bottom: -.5rem;
padding: 0 1rem;
font-size: 1.5rem
}
.news__wrapper+.pagination {
margin-top: 2.5rem
}
.news__wrapper .card__item-wrapper {
-ms-flex-direction: column;
flex-direction: column
}
.news__wrapper .card__header {
width: 100%;
max-width: 100%
}
}
@media (max-width:540px) {
.news__wrapper .block__text {
max-width: 32rem
}
.news__img {
padding-top: 57%
}
}
.contacts__wrapper {
display: -ms-flexbox;
display: flex;
gap: 3rem 0;
margin: 0 -1rem
}
.contacts__block {
width: 33.33333%;
padding: 0 1rem
}
.contacts__block-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 2rem
}
.contacts__icon {
width: 12.4rem
}
.contacts__icon img {
display: block;
width: 100%
}
.contacts__text {
font-size: 3rem;
font-weight: 400;
line-height: 1.56;
text-align: center;
color: #003c30
}
.contacts__text a {
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
transition: .3s
}
.contacts__text a:hover {
-webkit-text-decoration-color: #003c30;
text-decoration-color: #003c30
}
.google-map {
width: 100%;
height: 70rem;
max-height: 70vh;
overflow: hidden
}
.google-map iframe {
display: block;
width: 100%;
height: 100%;
border: none
}
@media (max-width:1400px) {
.contacts__icon {
width: 7rem
}
.contacts__text {
font-size: 2.5rem
}
}
@media (max-width:1100px) {
.contacts__wrapper {
margin: 0 -.5rem
}
.contacts__block {
padding: 0 .5rem
}
.contacts__text {
font-size: 2rem
}
}
@media (max-width:992px) {
.contacts__wrapper {
-ms-flex-direction: column;
flex-direction: column
}
.contacts__block {
width: 100%
}
.contacts__block-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 1.5rem
}
.contacts__text {
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
text-align: left
}
.google-map {
height: 43rem
}
}
.about__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.about__block {
width: 50%
}
.about__content {
padding: 4rem 5rem 4rem calc((100vw - 1620px - 15px) / 2)
}
.about__content .block__text {
color: #003c30
}
.icons__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 3rem 0;
margin: 0 -1rem
}
.icons__item {
width: 25%;
padding: 0 1rem
}
.icons__item-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
padding: 0 1rem
}
.icons__item-wrapper .block__text {
font-size: 2.8rem;
line-height: 1.33;
text-align: center;
color: #003c30
}
.icons__img {
width: 12.4rem
}
.icons__img img {
display: block;
width: 100%
}
@media (max-width:1680px) {
.about__content {
padding-left: 20px
}
}
@media (max-width:1400px) {
.about__wrapper {
gap: 2.5rem;
padding: 0 2rem
}
.about__block {
width: 100%
}
.about__content {
padding: 0
}
.icons__item {
width: 50%
}
}
@media (max-width:1100px) {
.about__wrapper {
padding: 0 1rem
}
}
@media (max-width:992px) {
.icons__wrapper {
margin: 0
}
.icons__item {
width: 100%;
padding: 0
}
.icons__item-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 1.5rem;
padding: 0
}
.icons__item-wrapper .block__text {
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
text-align: left
}
.icons__img {
width: 7rem
}
}
.header {
top: 0;
position: fixed;
left: 0;
width: 100%;
background-color: #003c30;
z-index: 10;
transition: all .3s ease;
}
.header.active {
background-color: rgba(0,0,0,0.5);
}
.header__wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
height: 10rem;
gap: 5rem
}
.logo {
display: block;
height: 100%
}
.logo img {
display: block;
height: 5.2rem
}
.header__block {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.header__block.right {
-ms-flex-pack: end;
justify-content: flex-end
}
.header__actions {
gap: 8rem
}
.header__actions,
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.nav {
gap: 5rem
}
.menu-item {
position: relative
}
.menu-item a {
display: inline-block;
border-bottom: 1px solid transparent;
font-size: 1.8rem;
color: #fff;
transition: .3s
}
.menu-item.active>a,
.menu-item.current-menu-item>a,
.menu-item:hover>a,
.menu-item a.active {
border-color: #fff
}
.lng,
.lng__link {
position: relative
}
.lng__link {
padding-right: 3.5rem;
font-size: 1.8rem;
font-weight: 400;
line-height: 1.2;
color: #fff
}
.lng__link:before {
content: "";
top: calc(50% - 1.3rem);
right: 0;
width: 3rem;
height: 3rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.5 11.5L14.5 17.5L8.5 11.5' stroke='%23EFFF5A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.lng__link:before,
.lng__wrapper {
position: absolute;
will-change: transform;
transition: .3s
}
.lng__wrapper {
top: 100%;
left: -2rem;
min-width: calc(100% + 5rem);
opacity: 0;
visibility: hidden;
transform: translateY(1rem);
pointer-events: none;
z-index: 1
}
.lng__list {
padding: 2rem 0;
background-color: #f4f9f9
}
.lng__item {
padding: .5rem 2.5rem
}
.lng__item a {
display: block;
font-size: 1.8rem;
color: #003c30;
border-bottom: 1px solid transparent;
transition: .3s
}
.lng__item a:hover {
color: #000
}
.lng__item.active {
display: none
}
.header__phone {
position: relative;
padding-left: 3.5rem;
font-size: 1.8rem;
color: #fff;
transition: .3s
}
.header__phone:before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 2rem;
height: 2rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_637_664)'%3e%3cpath d='M3.14737 9.95229C2.35735 8.57475 1.97589 7.44989 1.74588 6.30967C1.4057 4.62331 2.18419 2.976 3.47383 1.92489C4.01889 1.48064 4.64371 1.63242 4.96602 2.21066L5.69367 3.51608C6.27042 4.5508 6.5588 5.06815 6.5016 5.61665C6.4444 6.16515 6.05549 6.61188 5.27766 7.50533L3.14737 9.95229ZM3.14737 9.95229C4.74644 12.7406 7.25588 15.2514 10.0474 16.8523M10.0474 16.8523C11.4249 17.6423 12.5498 18.0238 13.69 18.2538C15.3764 18.594 17.0237 17.8155 18.0748 16.5258C18.519 15.9808 18.3673 15.356 17.789 15.0337L16.4836 14.306C15.4489 13.7293 14.9315 13.4409 14.383 13.4981C13.8345 13.5553 13.3878 13.9442 12.4943 14.722L10.0474 16.8523Z' stroke='%23FCFCFC' stroke-width='1.5' stroke-linejoin='round'/%3e%3cpath d='M11.666 5.69354C12.8521 6.19719 13.8025 7.14763 14.3062 8.33366M12.211 1.66699C15.1587 2.51762 17.4819 4.84076 18.3327 7.78835' stroke='%23FCFCFC' stroke-width='1.5' stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_637_664'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
transition: .3s
}
.header__phone:hover {
color: #efff5a
}
.header__phone:hover:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_637_664)'%3e%3cpath d='M3.14737 9.95229C2.35735 8.57475 1.97589 7.44989 1.74588 6.30967C1.4057 4.62331 2.18419 2.976 3.47383 1.92489C4.01889 1.48064 4.64371 1.63242 4.96602 2.21066L5.69367 3.51608C6.27042 4.5508 6.5588 5.06815 6.5016 5.61665C6.4444 6.16515 6.05549 6.61188 5.27766 7.50533L3.14737 9.95229ZM3.14737 9.95229C4.74644 12.7406 7.25588 15.2514 10.0474 16.8523M10.0474 16.8523C11.4249 17.6423 12.5498 18.0238 13.69 18.2538C15.3764 18.594 17.0237 17.8155 18.0748 16.5258C18.519 15.9808 18.3673 15.356 17.789 15.0337L16.4836 14.306C15.4489 13.7293 14.9315 13.4409 14.383 13.4981C13.8345 13.5553 13.3878 13.9442 12.4943 14.722L10.0474 16.8523Z' stroke='%23EFFF5A' stroke-width='1.5' stroke-linejoin='round'/%3e%3cpath d='M11.666 5.69354C12.8521 6.19719 13.8025 7.14763 14.3062 8.33366M12.211 1.66699C15.1587 2.51762 17.4819 4.84076 18.3327 7.78835' stroke='%23EFFF5A' stroke-width='1.5' stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_637_664'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}
@media (max-width:1460px) {
.header__actions {
gap: 4rem
}
}
@media (max-width:1300px) {
.header .logo {
margin-right: 2rem
}
.header__actions,
.header__wrapper,
.nav {
gap: 3rem
}
}
@media (min-width:1201px) {
.header__block.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
}
@media (min-width:1101px) {
.lng:hover .lng__link {
color: #efff5a
}
.lng:hover .lng__link:before {
transform: rotate(180deg)
}
.lng:hover .lng__wrapper {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto
}
}
@media (max-width:1100px) {
.header__wrapper {
height: 7rem
}
.logo img {
height: 3.8rem
}
.menu__btn {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
width: 4rem;
height: 1.8rem
}
.menu__btn:after,
.menu__btn:before,
.menu__btn i {
content: "";
display: block;
height: 2px;
margin-left: auto;
background-color: #f4f9f9;
transition: .3s
}
.menu__btn:before {
width: 100%
}
.menu__btn:after {
width: 2rem
}
.menu__btn i {
width: 3rem
}
.menu__btn:hover:before {
transform: translateY(.2rem)
}
.menu__btn:hover:after {
transform: translateY(-.2rem)
}
.menu__close {
position: absolute;
top: 2rem;
right: 2rem;
display: block;
width: 3rem;
height: 3rem;
z-index: 10
}
.menu__close:after,
.menu__close:before {
content: "";
background-color: #f4f9f9;
height: 2px;
width: 100%;
position: absolute;
top: 14px;
left: 0;
transform: rotate(45deg);
border-radius: 2px
}
.menu__close:after {
transform: rotate(-45deg)
}
.menu {
position: fixed;
top: 0;
right: 0;
width: 40rem;
max-width: 100%;
height: 100vh;
background-color: #003c30;
opacity: 0;
visibility: hidden;
transform: translateX(100%);
pointer-events: none;
z-index: 101;
transition: .3s
}
.menu.opened {
opacity: 1;
visibility: visible;
transform: translateX(0);
pointer-events: auto
}
.menu .nav {
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem
}
.menu .menu-item a {
font-size: 1.8rem
}
.menu__wrapper {
position: relative;
-ms-flex-pack: center;
justify-content: center;
height: 100vh;
margin: 0 -1rem;
padding: 1rem;
overflow-y: auto
}
.menu__body,
.menu__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.menu__body {
-ms-flex-align: center;
align-items: center;
gap: 3rem
}
.lng .lng__link.active {
color: #efff5a
}
.lng .lng__link.active:before {
transform: rotate(180deg)
}
.lng .lng__link.active+.lng__wrapper {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto
}
}
.footer {
padding: 7rem 0;
background-color: #003c30
}
.footer .lng__item a,
.footer .lng__link {
font-size: 2rem
}
.footer .nav {
-ms-flex-wrap: wrap;
flex-wrap: nowrap;
align-content: center;
}
.footer .block__text {
color: #fff
}
.footer .block__text ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 1.5rem 3rem;
margin: 0;
padding: 0;
list-style: none
}
.footer .block__text li {
display: -ms-flexbox;
display: flex;
gap: .5rem 1.5rem;
padding-left: 0
}
.footer .block__text a {
transition: .3s
}
.footer .block__text a:hover {
color: #efff5a
}
.footer__wrapper {
display: -ms-flexbox;
display: flex;
gap: 5rem;
padding-bottom: 2rem
}
.footer__wrapper,
.footer__wrapper .footer__block {
-ms-flex-pack: justify;
justify-content: space-between
}
.footer__wrapper .footer__block:first-child {
width: 34.5%
}
.footer__wrapper .footer__block:last-child {
-ms-flex: 1;
flex: 1
}
.footer__block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem
}
.footer__block.center {
-ms-flex-align: center;
align-items: center
}
.footer__block.right {
-ms-flex-align: end;
align-items: flex-end
}
.footer__actions,
.footer__row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
max-width: 100%
}
.footer__actions {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 3rem
}
.footer__action {
max-width: 100%
}
.social {
display: -ms-flexbox;
display: flex;
gap: 3rem
}
.social__item {
display: block;
width: 5rem;
transition: .3s
}
.social__item:hover {
opacity: .7
}
.social__item img {
display: block;
width: 100%
}
.footer__line {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: center;
padding-top: 2rem;
border-top: 1px solid #fff;
}
.footer__line .footer__block {
-ms-flex: 1;
flex: 1
}
.footer__line .menu-item a,
.made-by {
font-size: 2rem
}
.made-by {
display: inline-block;
border-bottom: 1px solid transparent;
color: #fff;
transition: .3s
}
.made-by:hover {
border-color: #fff
}
.copyright {
font-size: 2rem;
color: #fff
}
.cards__wrapper > p.no-results,
.cards__wrapper > #city-note {
flex: 0 0 100%; width: 100%;
margin: 0 0 12px; } .cards__wrapper > #city-note { margin-bottom: 16px; } .cards__wrapper { flex-wrap: wrap; }
@media (max-width:1300px) {
.footer .nav {
-ms-flex-pack: center;
justify-content: center
}
.footer .block__text li,
.footer .block__text ul {
-ms-flex-direction: column;
flex-direction: column
}
.footer .block__text li {
-ms-flex-align: center;
align-items: center;
text-align: center
}
.footer__wrapper {
-ms-flex-direction: column;
flex-direction: column
}
.footer__wrapper .footer__block {
-ms-flex-align: center;
align-items: center;
width: 100%
}
.footer__wrapper .footer__block:first-child {
width: 100%
}
.footer__actions {
-ms-flex-pack: center;
justify-content: center
}
.footer__action:first-child {
width: 100%
}
.social {
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width:992px) {
.footer {
padding: 5rem 0 2.5rem
}
.footer .block__text {
font-size: 2rem
}
.footer .menu-item a {
font-size: 1.8rem
}
.footer .btn {
width: 32rem;
max-width: 100%
}
.footer__wrapper {
padding-bottom: 2.5rem
}
.footer__wrapper .footer__block:first-child {
gap: 2.5rem
}
.footer__wrapper .footer__block:first-child .footer__row:first-child {
-ms-flex-order: 2;
order: 2
}
.footer__wrapper .footer__block:first-child .footer__row:nth-child(2) {
-ms-flex-order: 3;
order: 3
}
.footer__wrapper .footer__block:first-child .footer__row:last-child {
-ms-flex-order: 1;
order: 1
}
.footer__wrapper .footer__block:first-child .block__text {
font-size: 2.5rem
}
.footer__wrapper .footer__block:last-child {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 5rem
}
.footer__actions {
gap: 2.5rem
}
.footer__action:first-child {
-ms-flex-order: 3;
order: 3
}
.footer__line,
.social {
padding-top: 2.5rem
}
.footer__line {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem
}
.copyright,
.footer__line .menu-item a,
.made-by {
font-size: 1.8rem
}
}
@media (max-width:768px) {
.footer .nav {
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem
}
.footer .block__text ul {
gap: 3.5rem
}
.footer__wrapper,
.footer__wrapper .footer__block:last-child {
gap: 3rem
}
}
@media (max-width:1680px) {
.section.working .working__wrapper {
padding-bottom: 0
}
.block__title {
font-size: 5rem
}
}
@media (min-width:1401px) {
.section__list--numbers .section__item:first-child {
-ms-flex-order: 1;
order: 1
}
.section__list--numbers .section__item:nth-child(2) {
-ms-flex-order: 4;
order: 4
}
.section__list--numbers .section__item:nth-child(3) {
-ms-flex-order: 2;
order: 2
}
.section__list--numbers .section__item:nth-child(4) {
-ms-flex-order: 5;
order: 5
}
.section__list--numbers .section__item:nth-child(5) {
-ms-flex-order: 3;
order: 3
}
.section__list--numbers .section__item:last-child {
-ms-flex-order: 6;
order: 6
}
}
@media (max-width:1400px) {
body {
font-size: 1.8rem
}
.block__title {
font-size: 4rem
}
.block__subtitle {
font-size: 2.5rem
}
.section__item {
width: 50%
}
.section__footer .btn {
height: 5rem;
padding: .5rem 2rem
}
.section__header-block>span {
font-size: 1.8rem
}
.actions {
gap: 2rem
}
.sort__item {
padding-left: 4rem;
font-size: 1.8rem
}
.sort__item:before {
width: 3rem
}
}
@media (max-width:1300px) {
.section {
padding: 5rem 0
}
.section__wrapper {
margin-bottom: 5rem
}
.section__wrapper:last-of-type {
margin-bottom: 0
}
.block__title,
.section__header {
margin-bottom: 2.5rem
}
.block__subtitle {
margin-bottom: 1.5rem
}
.block__text {
font-size: 1.8rem
}
.block__text h1 {
font-size: 3.5rem
}
.block__text h2 {
font-size: 2.5rem
}
.block__text h3,
.block__text h4 {
font-size: 2rem
}
.block__text h5,
.block__text h6 {
font-size: 1.8rem
}
}
@media screen and (max-width:1200px) {
.block__text form {
padding: 4rem
}
}
@media (min-width:1101px) {
.hide-desktop {
display: none !important
}
}
@media (max-width:1100px) {
body {
font-size: 1.6rem
}
.hide-tablet {
display: none !important
}
.container {
padding: 0 10px
}
.site {
padding-top: 7rem
}
.block__text {
font-size: 1.6rem
}
.block__text img {
margin: 2rem 0
}
.section__list {
gap: 1rem 0;
margin: 0 -.5rem
}
.section__list--numbers .block__title {
margin-bottom: 1.5rem
}
.section__item {
padding: 0 .5rem
}
.section__item-wrapper {
min-height: 24rem;
padding: 3rem 2rem 3rem 3rem
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 34rem;
height: 100vh;
overflow-y: auto;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
pointer-events: none;
z-index: 101;
transition: .3s
}
.sidebar.opened {
opacity: 1;
visibility: visible;
transform: translateX(0);
pointer-events: auto
}
.sidebar__wrapper {
gap: 2.5rem;
padding: 1rem 1rem 5rem
}
.sidebar__close {
position: relative;
display: block;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background-color: #003c30
}
.sidebar__close:after,
.sidebar__close:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1.1rem;
height: .1rem;
background-color: #fff
}
.sidebar__close:before {
transform: translate(-50%, -50%) rotate(-45deg)
}
.sidebar__close:after {
transform: translate(-50%, -50%) rotate(45deg)
}
.section__header-block {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
gap: 2.5rem
}
.section__header-block>span {
font-size: 1.4rem
}
.actions {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem
}
.actions .btn {
width: 17rem;
padding: .5rem 2rem
}
.actions .lng .btn--o-main:hover {
background-color: transparent;
color: #003c30
}
.actions .lng .btn.active+.lng__wrapper {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto
}
.actions .lng .btn+.lng__wrapper {
left: 0;
min-width: 100%;
padding-top: 1rem
}
.actions .lng .btn+.lng__wrapper .lng__list {
border-radius: 2.5rem;
background-color: #003c30
}
.actions .lng .btn+.lng__wrapper .lng__item a {
color: #f4f9f9
}
.actions .lng .btn+.lng__wrapper .lng__item a:hover {
color: #efff5a
}
.preloader {
position: fixed;
z-index: 1000
}
}
@media (max-width:992px) {
.section--reviews .text__block {
width: 100%
}
.section--reviews .text__block:last-child {
display: none
}
.block__title {
font-size: 3.5rem
}
}
@media (max-width:768px) {
.hide-mobile {
display: none !important
}
body {
font-size: 1.4rem
}
.block__title {
font-size: 3.5rem
}
.block__title h1 {
font-size: 2.5rem
}
.block__text {
font-size: 1.4rem
}
.block__text h3,
.block__text h4 {
font-size: 1.8rem
}
.block__text h5,
.block__text h6 {
font-size: 1.6rem
}
.sidebar__title {
margin-bottom: 1rem;
font-size: 1.8rem
}
.sidebar__title--price {
font-size: 2.5rem
}
.slider {
margin-left: -1rem
}
.slider__actions {
width: 21rem;
max-width: 100%;
gap: 3.5rem;
margin-bottom: 2rem;
padding-left: 1rem
}
.slider__actions .input {
padding: .5rem 1rem
}
.slider__actions span {
transform: translate(calc(-50% + .5rem), -50%)
}
.imgs .img {
width: 100%;
height: auto
}
}
@media (max-width:640px) {
.section__list {
gap: 3rem 0
}
.section__item {
width: 100%
}
}
@media screen and (min-width:550px) {
.pum-container {
padding-left: 75px !important;
padding-right: 75px !important
}
}
@media screen and (max-width:550px) {
.block__text form {
padding: 4rem 3rem
}
}
.highlight {
animation: borderPulse 2000ms infinite ease-out, colorShift 10000ms infinite ease-in, hoverShine 200ms;
}
@keyframes borderPulse {
0% {
box-shadow: inset 0px 0px 0px 5px rgba(242,254,118,0), 0px 0px 0px 0px rgba(242,254,118,0.5);
}
100% {
box-shadow: inset 0px 0px 0px 3px rgba(242,254,118,0), 0px 0px 0px 10px rgba(242,254,118,0.5);
}
}
.grecaptcha-badge {
opacity: 0;
} .card__item:has(.card__label--outdated) .btn.btn--main{
background: #e5e7eb !important;
color: #6b7280 !important;
border: 1px solid #d1d5db !important;
} .card__item:has(.card__label--outdated) .btn.btn--main{
box-shadow: none !important;
transform: none !important;
}
@media (max-width: 1100px) {
.menu .lng {
position: relative;
width: 100%;
text-align: center;
}
.menu .lng__link {
display: inline-block;
cursor: pointer;
}
.menu .lng__wrapper {
display: none;
position: static;
min-width: 100%;
margin-top: 1rem;
opacity: 0;
visibility: hidden;
transform: translateY(-0.5rem);
pointer-events: none;
z-index: 10;
}
.menu .lng.active .lng__link {
color: #efff5a;
}
.menu .lng.active .lng__link:before {
transform: rotate(180deg);
}
.menu .lng.active .lng__wrapper {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
pointer-events: auto !important;
}
}