body {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
main{
min-height: 80vh;
}
.map__container {
border-radius: 30px;
overflow: hidden;
}
.swiper-button-next::after,
.swiper-button-prev::after {
display: none;
} .header__logo{
padding: 0px;
}
.burger-icon {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 30px;
height: 21px;
cursor: pointer;
}
.navbar-toggler {
border: none;
}
.navbar-toggler:focus {
box-shadow: none;
}
.burger-line {
display: block;
height: 3px;
width: 100%;
background-color: #014b70;
border-radius: 2px;
transition: all 0.3s ease;
}
.navbar-toggler[aria-expanded="true"] .burger-line:nth-child(1) {
transform: rotate(45deg) translate(6px, 6px);
}
.navbar-toggler[aria-expanded="true"] .burger-line:nth-child(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .burger-line:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
}
.header {
padding-top: 20px;
padding-bottom: 20px;
}
.header__nav-link {
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
color: #2b2a29;
font-family: var(--second-family);
}
.header__nav-link:hover {
color: #014b70;
}
@media (max-width: 768px) {
.header {
padding-top: 16px;
padding-bottom: 16px;
}
.header__nav-list{
margin-top: 30px;
}
.header__nav-link {
font-size: 20px;
text-align: center;
}
}
@media (max-width: 360px) {
.header {
padding-top: 15px;
padding-bottom: 15px;
}
.header__nav-link {
font-size: 20px;
}
} .hero__container-bg {
position: relative;
padding: 70px;
border-radius: 30px;
overflow: hidden;
min-height: 400px;
background-color: #ffd91d;
}
.hero__title {
font-weight: 600;
font-size: 68px;
line-height: 110%;
letter-spacing: -0.03em;
color: #2b2a29;
padding-bottom: 50px;
}
.hero__text {
font-weight: 300;
font-size: 20px;
line-height: 140%;
color: #2b2a29;
padding-bottom: 50px;
}
.big-red__btn {
border-radius: 10px;
padding: 20px 40px;
background: #014b70;
font-weight: 900;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
}
.big-red__btn:hover {
border-radius: 10px;
border: solid 1px #014b70;
color: #014b70;
}
.hero__img-cart {
width: 100%;
}
@media (max-width: 1199px) {
.hero__title{
font-size: 48px;
}
.hero__img-cart {
width: 100%;
}
.hero__text{
font-size: 16px;
}
}
@media (max-width: 768px) {
.hero__container-bg {
padding: 30px;
min-height: 500px;
}
.hero__title {
font-size: 34px;
padding-bottom: 35px;
}
.hero__text {
font-size: 17px;
padding-bottom: 35px;
}
.big-red__btn {
padding: 18px 35px;
}
.hero__img-cart {
width: 100%;
}
}
@media (max-width: 360px) {
.hero__container-bg {
padding: 20px;
min-height: 450px;
}
.hero__title {
font-size: 34px;
padding-bottom: 30px;
}
.hero__text {
font-size: 16px;
padding-bottom: 30px;
}
.big-red__btn {
padding: 16px 30px;
font-size: 11px;
}
} .advantages {
padding-top: 80px;
padding-bottom: 80px;
}
.advantages__title {
font-weight: 600;
font-size: 34px;
line-height: 110%;
letter-spacing: -0.06em;
color: #2b2a29;
padding-bottom: 40px;
}
.advantages__image{
border-radius: 30px;
}
.advantages__text {
font-weight: 300;
font-size: 16px;
line-height: 160%;
color: #2b2a29;
}
.advantages__text b,
.advantages__text strong {
font-weight: 700;
}
@media (max-width: 768px) {
.advantages {
padding-bottom: 60px;
padding-top: 60px;
}
.advantages__title {
font-size: 30px;
padding-bottom: 30px;
}
.advantages__text {
font-size: 15px;
}
}
@media (max-width: 360px) {
.advantages {
padding-bottom: 50px;
padding-top: 50px;
}
.advantages__title {
font-size: 28px;
padding-bottom: 25px;
}
.advantages__text {
font-size: 14px;
}
} .partners {
padding-top: 80px;
padding-bottom: 80px;
}
.partners__title {
font-weight: 600;
font-size: 34px;
line-height: 110%;
letter-spacing: -0.06em;
color: #2b2a29;
}
.partners__swiper {
padding-top: 40px;
padding-bottom: 40px;
}
.partners__slide {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
outline: none;
}
.partners__slide:focus {
outline: none;
}
.partners__slide-content {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.partners__slide-img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
@media (max-width: 768px) {
.partners {
padding-top: 60px;
padding-bottom: 60px;
}
.partners__title {
font-size: 30px;
}
.partners__swiper {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (max-width: 360px) {
.partners {
padding-top: 50px;
padding-bottom: 50px;
}
.partners__title {
font-size: 28px;
}
.partners__swiper {
padding-top: 25px;
padding-bottom: 25px;
}
} .restrictions{
padding-bottom: 80px;
}
.restrictions__container {
background: #ffd91d;
border-radius: 30px;
padding: 80px
}
.restrictions__title {
font-weight: 600;
font-size: 34px;
line-height: 110%;
letter-spacing: -0.06em;
color: #2b2a29;
}
.restrictions__row {
padding-top: 46px;
padding-bottom: 26px;
}
.restrictions__card {
background-color: #fff;
border-radius: 30px;
padding: 30px;
}
.restriction-card__logo {
padding-bottom: 40px;
}
.restriction-card__name {
font-weight: 700;
font-size: 20px;
line-height: 110%;
letter-spacing: -0.05em;
color: #2b2a29;
padding-bottom: 20px;
}
.restriction-card__desc {
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: #000;
}
.restriction-card__desc ul,
.restriction-card__desc li,
.restriction-card__desc ol {
padding: 0px;
margin: 0px;
}
.restriction-card__img{
max-width: 100%;
border-radius: 30px;
}
@media (max-width: 768px) {
.restrictions__container {
padding: 30px;
border-radius: 25px;
}
.restrictions__title {
font-size: 30px;
}
.restrictions__row {
padding-top: 35px;
padding-bottom: 15px;
}
.restrictions__card {
padding: 20px;
border-radius: 25px;
}
.restriction-card__logo {
padding-bottom: 35px;
}
.restriction-card__name {
font-size: 18px;
padding-bottom: 18px;
}
}
@media (max-width: 360px) {
.restrictions__container {
padding: 10px;
border-radius: 20px;
}
.restrictions__title {
font-size: 28px;
}
.restrictions__row {
padding-top: 30px;
padding-bottom: 10px;
}
.restrictions__card {
padding: 18px;
border-radius: 20px;
}
.restriction-card__logo {
padding-bottom: 30px;
}
.restriction-card__name {
font-size: 16px;
padding-bottom: 15px;
}
.restriction-card__desc {
font-size: 13px;
}
} .news {
padding-top: 80px;
padding-bottom: 80px;
}
.news__title {
font-weight: 600;
font-size: 34px;
line-height: 110%;
letter-spacing: -0.06em;
color: #2b2a29;
}
.news__swiper {
padding-top: 40px;
padding-bottom: 40px;
}
.news__slide {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
outline: none;
}
.news__slide:focus {
outline: none;
}
.news__slide-content {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.news__slide-img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.news__card {
padding: 30px;
border-radius: 10px;
border: 1px solid #ffd91d;
}
.news-card__img {
padding-bottom: 25px;
}
.news-card__date {
font-weight: 700;
font-size: 12px;
line-height: 110%;
color: #014b70;
padding-bottom: 18px;
}
.news-card__title {
font-weight: 700;
font-size: 20px;
line-height: 110%;
letter-spacing: -0.05em;
color: #2b2a29;
padding-bottom: 18px;
}
.news-card__text {
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: #000;
padding-bottom: 25px;
}
.small-red__btn {
border: 1px solid #014b70;
border-radius: 10px;
padding: 12px 16px;
font-weight: 700;
font-size: 10px;
line-height: 100%;
text-transform: uppercase;
color: #014b70;
}
.small-red__btn:hover {
background-color: #014b70;
color: #fff;
}
.small-red__btn:hover svg path {
fill: #fff;
}
@media (max-width: 768px) {
.news {
padding-top: 60px;
padding-bottom: 60px;
}
.news__title {
font-size: 30px;
}
.news__swiper {
padding-top: 30px;
padding-bottom: 30px;
}
.news__card {
padding: 20px;
}
.news-card__img {
padding-bottom: 20px;
}
.news-card__date {
padding-bottom: 15px;
}
.news-card__title {
font-size: 18px;
padding-bottom: 15px;
}
.news-card__text {
padding-bottom: 20px;
}
}
@media (max-width: 360px) {
.news {
padding-top: 50px;
padding-bottom: 50px;
}
.news__title {
font-size: 28px;
}
.news__swiper {
padding-top: 25px;
padding-bottom: 25px;
}
.news__card {
padding: 18px;
}
.news-card__img {
padding-bottom: 18px;
}
.news-card__date {
font-size: 11px;
padding-bottom: 12px;
}
.news-card__title {
font-size: 16px;
padding-bottom: 12px;
}
.news-card__text {
font-size: 13px;
padding-bottom: 18px;
}
.small-red__btn {
padding: 10px 14px;
font-size: 9px;
}
} .all_news {
padding-top: 80px;
padding-bottom: 80px;
}
.all_news__title {
font-weight: 600;
font-size: 34px;
line-height: 110%;
letter-spacing: -0.06em;
color: #2b2a29;
padding-bottom: 34px;
}
.all_news__card {
background: #ffd91d;
padding: 30px;
border-radius: 10px;
}
.all_news-card__img {
padding-bottom: 25px;
}
.all_news-card__date {
font-weight: 700;
font-size: 12px;
line-height: 110%;
color: #014b70;
padding-bottom: 18px;
}
.all_news-card__title {
font-weight: 700;
font-size: 20px;
line-height: 110%;
letter-spacing: -0.05em;
color: #2b2a29;
padding-bottom: 18px;
}
.all_news-card__text {
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: #000;
padding-bottom: 25px;
}
.all_news-read-more {
padding-top: 34px;
}
@media (max-width: 768px) {
.all_news {
padding-top: 60px;
padding-bottom: 60px;
}
.all_news__title {
font-size: 30px;
padding-bottom: 24px;
}
.all_news__card {
padding: 20px;
}
.all_news-card__img {
padding-bottom: 20px;
}
.all_news-card__date {
padding-bottom: 15px;
}
.all_news-card__title {
font-size: 18px;
padding-bottom: 15px;
}
.all_news-card__text {
padding-bottom: 20px;
}
}
@media (max-width: 360px) {
.all_news {
padding-top: 50px;
padding-bottom: 50px;
}
.all_news__title {
font-size: 28px;
}
.all_news__card {
padding: 18px;
}
.all_news-card__img {
padding-bottom: 18px;
}
.all_news-card__date {
font-size: 11px;
padding-bottom: 12px;
}
.all_news-card__title {
font-size: 16px;
padding-bottom: 12px;
}
.all_news-card__text {
font-size: 13px;
padding-bottom: 18px;
}
.all_news-read-more {
padding-top: 24px;
}
} .contacts {
padding-top: 80px;
padding-bottom: 80px;
}
.contacts__title {
font-weight: 600;
font-size: 34px;
line-height: 110%;
letter-spacing: -0.06em;
color: #2b2a29;
padding-bottom: 30px;
}
.contacts__card {
background: #ffd91d;
border-radius: 10px;
padding: 30px;
}
.contact-card__name {
font-weight: 700;
font-size: 20px;
line-height: 110%;
letter-spacing: -0.05em;
color: #2b2a29;
padding-bottom: 30px;
}
.contact-card__link {
text-decoration: none;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #000;
}
.contact-card__link:hover {
color: #014b70;
}
.contact-card__phone {
padding-bottom: 20px;
}
.contact-card__address {
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #000;
padding-bottom: 20px;
}
.contact-card__schedule {
font-size: 16px;
line-height: 140%;
color: #000;
padding-bottom: 20px;
}
.contact-card__map-popup {
border-radius: 10px;
padding: 40px;
background: #ffd91d;
}
.contact-card__map {
width: 100%;
height: 400px;
border: 1px solid #e2e2e2;
border-radius: 10px;
}
.contact-card__map-popup .contact-card__name {
font-weight: 600;
font-size: 34px;
line-height: 110%;
letter-spacing: -0.03em;
color: #2b2a29;
padding-bottom: 40px;
}
.contact-card__map-popup .contact-card__schedule {
padding-bottom: 40px;
}
@media (max-width: 768px) {
.contacts {
padding-top: 60px;
padding-bottom: 60px;
}
.contacts__title {
font-size: 30px;
padding-bottom: 20px;
}
.contacts__card {
padding: 20px;
}
.contact-card__name {
font-size: 17px;
padding-bottom: 20px;
}
.contact-card__link,
.contact-card__address,
.contact-card__schedule {
font-size: 15px;
}
.contact-card__map-popup {
padding: 30px;
}
.contact-card__map-popup .contact-card__name {
font-size: 30px;
padding-bottom: 30px;
}
.contact-card__map-popup .contact-card__schedule {
padding-bottom: 30px;
}
}
@media (max-width: 360px) {
.contacts {
padding-top: 50px;
padding-bottom: 50px;
}
.contacts__title {
font-size: 28px;
padding-bottom: 15px;
}
.contacts__card {
padding: 18px;
}
.contact-card__name {
font-size: 16px;
padding-bottom: 18px;
}
.contact-card__link,
.contact-card__address,
.contact-card__schedule {
font-size: 14px;
}
.contact-card__phone,
.contact-card__address,
.contact-card__schedule {
padding-bottom: 15px;
}
.contact-card__map-popup {
padding: 25px;
}
.contact-card__map-popup .contact-card__name {
font-size: 28px;
padding-bottom: 25px;
}
.contact-card__map-popup .contact-card__schedule {
padding-bottom: 25px;
}
} .footer {
padding-top: 40px;
padding-bottom: 40px;
background: #ffd91d;
border-radius: 30px 30px 0 0;
}
.footer__text{
font-weight: 500;
font-size: 13px;
line-height: 120%;  
}
.footer__nav-link {
font-weight: 400;
font-size: 13px;
line-height: 100%;
color: #2b2a29;
padding-bottom: 20px;
text-decoration: none;
}
.footer__nav-link:hover {
color: #014b70;
}
@media (max-width: 768px) {
.footer {
padding-top: 30px;
padding-bottom: 30px;
border-radius: 25px 25px 0 0;
}
.footer__nav-link {
font-size: 16px;
padding-bottom: 15px;
}
}
@media (max-width: 360px) {
.footer {
padding-top: 25px;
padding-bottom: 25px;
border-radius: 20px 20px 0 0;
}
.footer__nav-link {
font-size: 13px;
padding-bottom: 12px;
}
.footer{
text-align: center;
}
} .main_org {
padding-top: 100px;
padding-bottom: 100px;
}
.main_org__card {
background: #ffd91d;
border-radius: 10px;
padding: 30px;
}
.main_org__map {
width: 100%;
height: 400px;
border: 1px solid #e2e2e2;
border-radius: 10px;
}
.main_org__title {
font-weight: 600;
font-size: 26px;
line-height: 110%;
letter-spacing: -0.04em;
color: #2b2a29;
padding-bottom: 30px;
}
.main_org__link {
text-decoration: none;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #000;
}
.main_org__link:hover {
color: #014b70;
}
.main_org__phone {
padding-bottom: 20px;
}
.main_org__address {
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #000;
padding-bottom: 20px;
}
.main_org__schedule {
font-size: 16px;
line-height: 140%;
color: #000;
padding-bottom: 20px;
}
@media (max-width: 768px) {
.main_org {
padding-top: 60px;
padding-bottom: 60px;
}
.main_org__card {
padding: 20px;
}
.main_org__title {
font-size: 22px;
padding-bottom: 20px;
}
.main_org__link,
.main_org__address,
.main_org__schedule {
font-size: 15px;
}
.main_org__phone,
.main_org__address,
.main_org__schedule {
padding-bottom: 20px;
}
}
@media (max-width: 360px) {
.main_org {
padding-top: 50px;
padding-bottom: 50px;
}
.main_org__card {
padding: 18px;
}
.main_org__title {
font-size: 20px;
padding-bottom: 18px;
}
.main_org__link,
.main_org__address,
.main_org__schedule {
font-size: 14px;
}
.main_org__phone,
.main_org__address,
.main_org__schedule {
padding-bottom: 15px;
}
} .organizations-slider {
position: relative;
}
.organizations-slider__image{
height: 500px;
width: 100%;
object-fit: cover;
border-radius: 30px;
}
.organizations-slider__controls {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
z-index: 10;
pointer-events: none;
padding: 0 20px;
}
.organizations-slider__control {
pointer-events: auto;
}
.organizations-slider__control--prev {
margin-left: 20px;
}
.organizations-slider__control--next {
margin-right: 20px;
}
.organizations-slider__button {
display: block;
transition: opacity 0.3s ease;
}
.organizations-slider__button:hover {
opacity: 0.8;
}
.organizations-slider__pagination {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
z-index: 5;
}
.swiper-pagination-bullet {
background: #014b70;
opacity: 0.3;
width: 8px;
height: 8px;
transition: opacity 0.3s ease;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #014b70;
}
@media (max-width: 768px) {
.organizations-slider__controls {
bottom: 16px;
padding: 0 16px;
}
.organizations-slider__control--prev {
margin-left: 16px;
}
.organizations-slider__control--next {
margin-right: 16px;
}
.organizations-slider__pagination {
bottom: 26px;
}
.swiper-pagination-bullet {
width: 7px;
height: 7px;
}
}
@media (max-width: 360px) {
.organizations-slider__controls {
bottom: 14px;
padding: 0 14px;
}
.organizations-slider__control--prev {
margin-left: 14px;
}
.organizations-slider__control--next {
margin-right: 14px;
}
.organizations-slider__pagination {
bottom: 24px;
}
.swiper-pagination-bullet {
width: 6px;
height: 6px;
}
} .restriction-detail {
padding-top: 100px;
padding-bottom: 100px;
}
.restriction-detail__title {
font-weight: 600;
font-size: 34px;
line-height: 110%;
letter-spacing: -0.06em;
color: #2b2a29;
}
.restriction-detail__header {
padding-bottom: 40px;
}
.restriction-detail__content {
border:  solid 1px #ffd91d;
padding: 40px;
border-radius: 10px;
}
.restriction-detail__subtitle {
font-weight: 700;
font-size: 20px;
line-height: 110%;
letter-spacing: -0.05em;
color: #2b2a29;
padding-bottom: 18px;
}
.restriction-detail__text {
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #000;
}
@media (max-width: 768px) {
.restriction-detail {
padding-top: 80px;
padding-bottom: 80px;
}
.restriction-detail__title {
font-size: 30px;
}
.restriction-detail__header {
padding-bottom: 30px;
}
.restriction-detail__content {
padding: 30px;
border-radius: 8px;
}
.restriction-detail__subtitle {
font-size: 17px;
padding-bottom: 14px;
}
.restriction-detail__text {
font-size: 14px;
line-height: 150%;
}
}
@media (max-width: 360px) {
.restriction-detail {
padding-top: 70px;
padding-bottom: 70px;
}
.restriction-detail__title {
font-size: 28px;
}
.restriction-detail__header {
padding-bottom: 25px;
}
.restriction-detail__content {
padding: 25px;
border-radius: 6px;
}
.restriction-detail__subtitle {
font-size: 16px;
padding-bottom: 12px;
}
.restriction-detail__text {
font-size: 13px;
line-height: 140%;
}
} .news-detail {
padding-top: 30px;
padding-bottom: 100px;
}
.news-detail__sidebar {
border-radius: 10px;
padding: 30px;
background: #ffd91d;
margin-bottom: 30px;
}
.news-detail__sidebar-title {
font-weight: 700;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.06em;
color: #2b2a29;
padding-bottom: 25px;
}
.news-detail__nav-link {
padding: 10px 0px;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #000;
}
.news-detail__nav-link:hover {
color: #014b70;
}
.news-detail__title {
font-weight: 600;
font-size: 34px;
line-height: 110%;
letter-spacing: -0.06em;
color: #2b2a29;
padding-bottom: 34px;
}
.news-detail__image-wrapper {
padding-bottom: 34px;
}
.news-detail__intro {
padding-bottom: 34px;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #000;
}
.news-detail__address,
.news-detail__time {
padding-bottom: 14px;
}
.news-detail__body {
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #000;
}
.news-detail__closing {
font-weight: 700;
font-size: 20px;
line-height: 110%;
letter-spacing: -0.05em;
color: #2b2a29;
padding-bottom: 34px;
}
@media (max-width: 768px) {
.news-detail {
padding-bottom: 80px;
}
.news-detail__sidebar {
padding: 20px;
border-radius: 8px;
margin-bottom: 25px;
}
.news-detail__sidebar-title {
font-size: 16px;
padding-bottom: 20px;
}
.news-detail__nav-link {
font-size: 12px;
padding: 8px 0px;
}
.news-detail__title {
font-size: 28px;
padding-bottom: 25px;
}
.news-detail__image-wrapper {
padding-bottom: 25px;
}
.news-detail__intro {
padding-bottom: 25px;
font-size: 14px;
}
.news-detail__address,
.news-detail__time {
padding-bottom: 10px;
}
.news-detail__body {
font-size: 14px;
line-height: 150%;
}
.news-detail__closing {
font-size: 17px;
padding-bottom: 25px;
}
}
@media (max-width: 444px) {
.news-detail__btn .news-detail__rib{
display: none;
}
}
@media (max-width: 360px) {
.news-detail {
padding-bottom: 70px;
}
.news-detail__sidebar {
padding: 18px;
border-radius: 6px;
margin-bottom: 20px;
}
.news-detail__sidebar-title {
font-size: 15px;
padding-bottom: 18px;
}
.news-detail__title {
font-size: 24px;
padding-bottom: 20px;
}
.news-detail__image-wrapper {
padding-bottom: 20px;
}
.news-detail__intro {
padding-bottom: 20px;
font-size: 13px;
}
.news-detail__address,
.news-detail__time {
padding-bottom: 8px;
}
.news-detail__body {
font-size: 13px;
line-height: 140%;
}
.news-detail__closing {
font-size: 16px;
padding-bottom: 20px;
}
.news-detail__btn{
padding: 10px 7px;
}
}