@font-face { font-family: "Helvetica Regular"; font-display: auto; src: url("../fonts/HelveticaRegular.woff"); }

@font-face { font-family: "Helvetica Light"; font-display: auto; src: url("../fonts/HelveticaLight.woff"); }

@font-face { font-family: "Helvetica Bold"; font-display: auto; src: url("../fonts/HelveticaBold.woff"); }

@font-face { font-family: "PTS Bold"; font-display: auto; src: url("../fonts/PTSans-Bold.woff"); }

.fr { font-family: "Helvetica Regular"; }

.fl, .success__text { font-family: "Helvetica Light"; }

.fb, .topBar__info._phone, .topBar__requestCall, .dropDown__link, .card__text .accent, .card__text._sale, .spec__infoData, .spec__desc, .spec__descInfo, .sectionSale__title, .sectionSale__text, .sectionSale__infoText, .car__text .accent, .car__text .accentFree, .contact__title, .modalRequest__title, .modalRequest__button, .card__text .reds { font-family: "Helvetica Bold"; }

.fptsb, .header__title, .header__subTitle, .header__button, .title, .card__title, .button, .spec__title, .car__title, .sectionHow__name, .modalSale__top, .modalSale__text .accent { font-family: "PTS Bold"; }

html { font-size: 10px; }

@media screen and (max-width: 1400px) { html { font-size: calc(100vw/140); } }

@media screen and (max-width: 551px) { html { font-size: calc(100vw/50); } }

* { padding: 0; margin: 0; list-style-type: none; text-decoration: none; outline: none; line-height: normal; border: none; background: none; border-radius: 0; box-shadow: none; letter-spacing: unset; font-weight: 400; font-family: "Helvetica Regular"; color: inherit; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

.body__mobileMenu { width: 100%; height: 100%; position: fixed; left: 0; z-index: 9; top: -100%; transition: 0.2s ease; }

.body__mobileMenu._active { top: 0; }

.body__topBar { width: 100%; position: fixed; top: 0; left: 0; z-index: 8; }

.body__modalRequest { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; display: none; }

.body__modalRequest._active { display: block; }

.body__modalSale { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; display: none; }

.body__modalSale._active { display: block; }

.reds{color: red;}

@media screen and (max-width: 551px) { .body__modalSale._active { display: none; } }

.body__success { position: fixed; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 11; visibility: hidden; opacity: 0; transition: 0.3s; }

.body__success._active { visibility: visible; opacity: 1; }

.section, .topBar, .header, .sectionCement, .sectionSale, .sectionPrice, .sectionSertificate, .sectionHow, .footer { width: 100%; display: flex; justify-content: center; }

.wrapper, .header__wrapper, .sectionCement__wrapper, .sectionSale__wrapper, .sectionPrice__wrapper, .sectionSertificate__wrapper, .sectionHow__wrapper, .footer__wrapper { width: 125rem; }

@media screen and (max-width: 551px) { .wrapper, .header__wrapper, .sectionCement__wrapper, .sectionSale__wrapper, .sectionPrice__wrapper, .sectionSertificate__wrapper, .sectionHow__wrapper, .footer__wrapper { width: 90vw; } }

.topBar { background: #fff; box-shadow: 0px 0.6rem 0.7rem rgba(0, 0, 0, 0.15); padding: 1rem 2.5rem; }

@media screen and (max-width: 551px) { .topBar { padding: 1rem 2.5rem; } }

.topBar__wrapper { width: 185rem; display: flex; align-items: center; justify-content: space-between; }

.topBar__logo { width: 35rem; }

@media screen and (max-width: 551px) { .topBar__logo { display: none; } }

.topBar__smallLogo { display: none; width: 4.5rem; }

@media screen and (max-width: 551px) { .topBar__smallLogo { display: block; } }

@media screen and (max-width: 551px) { .topBar__navigation { display: none; } }

.topBar__contacts { display: flex; flex-direction: column; align-items: center; }

.topBar__info { font-size: 2rem; color: #666666; margin-bottom: 0.1rem; white-space: nowrap; }

.topBar__info._phone { color: #FAB633; }

.topBar__requestCall { color: #FAB633; font-size: 1.8rem; cursor: pointer; white-space: nowrap; }

.topBar__menuBtn { width: 4rem; display: none; }

@media screen and (max-width: 551px) { .topBar__menuBtn { display: block; } }

.navigation { width: 100%; display: flex; justify-content: space-between; }

@media screen and (max-width: 551px) { .navigation { flex-direction: column; align-items: center; } }

.navigation__items { margin: 0 4rem; position: relative; }

@media screen and (max-width: 1500px) { .navigation__items { margin: 0 2rem; } }

@media screen and (max-width: 551px) { .navigation__items { margin: 2rem 0; display: flex; flex-direction: column; align-items: center; } }

.navigation__items:hover .navigation__dropDown { visibility: visible; opacity: 1; }

@media screen and (max-width: 551px) { .navigation__items:hover .navigation__dropDown { display: flex; } }

.navigation__link { font-size: 2rem; color: #333333; text-transform: uppercase; transition: 0.2s; display: flex; align-items: center; }

.navigation__link:hover { color: #FAB633; }

@media screen and (max-width: 551px) { .navigation__link { font-size: 2.4rem; } }

.navigation__icon { width: 2rem; margin-right: 0.5rem; }

.navigation__dropDown { width: 40rem; position: absolute; top: 3.5rem; left: 0; visibility: hidden; opacity: 0; transition: 0.2s ease; }

@media screen and (max-width: 551px) { .navigation__dropDown { position: relative; display: none; top: 1rem; } }

.navigation__dropDown._active { display: block; visibility: visible; opacity: 1; }

.dropDown { width: 100%; display: flex; flex-direction: column; align-items: flex-start; background: #fff; padding: 4rem 2rem; box-shadow: 0px 0.6rem 0.7rem rgba(0, 0, 0, 0.15); }

.dropDown__items { display: flex; align-items: center; }

.dropDown__items:not(:last-child) { margin-bottom: 2rem; }

.dropDown__items::before { content: ''; width: 1.3rem; height: 1.3rem; background: #FAB633; margin-right: 1.6rem; }

.dropDown__link { font-size: 1.8rem; text-transform: uppercase; transition: .2s; }

.dropDown__link:hover { color: #FAB633; }

.header { height: auto; padding-bottom: 24px; min-height: 50rem; background: url("../img/headerBg.png") no-repeat center; background-size: cover; position: relative; }

.header::before { content: ''; width: 100%; height: 100%; background: rgba(3, 3, 3, 0.7); position: absolute; left: 0; top: 0; }

.header__wrapper { display: flex; flex-direction: column; align-items: center; position: relative; padding-top: 8rem; justify-content: center; }

.header__text { font-size: 3.6rem; padding-top: 24px; color: #FAB633; margin-bottom: 2rem; text-align: center; text-transform: uppercase; }

@media screen and (max-width: 551px) { .header__text { font-size: 3rem; } }

.header__title { font-size: 6.4rem; color: #fff; line-height: 1.1; margin-bottom: 1rem; text-align: center; text-transform: uppercase; letter-spacing: .7rem; }

@media screen and (max-width: 551px) { .header__title { font-size: 3.6rem; } }

.header__subTitle { font-size: 4.8rem; color: #fff; line-height: 1.1; text-align: center; text-transform: uppercase; 
	letter-spacing: .7rem; margin-bottom: 4rem; }

@media screen and (max-width: 551px) { .header__subTitle { font-size: 2.6rem; } }

.header__button { font-size: 3.6rem; color: #333333; background: #FAB633; text-transform: uppercase; display: flex; align-items: center; justify-content: center; padding: 2.7rem 12rem; box-shadow: 0px 0.9rem 0.8rem rgba(0, 0, 0, 0.25); transition: .2s ease; cursor: pointer; white-space: nowrap; }

.header__button:hover { background: #df9100; }

@media screen and (max-width: 551px) { .header__button { font-size: 3rem; padding: 2.7rem 5rem; bottom: 12rem; } }

.title { font-size: 3.6rem; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; line-height: 1.4; }

.title::after { content: ''; width: 29rem; height: 0.2rem; background: #FAB633; margin-top: 1rem; }

.sectionCement { padding: 9rem 0; }

.sectionCement__wrapper { display: flex; flex-direction: column; align-items: center; }

.sectionCement__title { margin-bottom: 3rem; }

.sectionCement__card { width: 100%; }

.sectionCement__card:not(:last-child) { margin-bottom: 6rem; }

.card { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; background: #fff; box-shadow: 0px 0.2rem 0.8rem rgba(190, 189, 189, 0.5); padding: 2rem 3rem; }

@media screen and (max-width: 551px) { .card { flex-direction: column; align-items: center; } }

.card__photo { width: 36rem; margin-right: 2rem; }

@media screen and (max-width: 551px) { .card__photo { width: 22rem; margin-right: 0; margin-bottom: 2rem; } }

.card__desc { width: 77rem; display: flex; flex-direction: column; align-items: flex-start; }

@media screen and (max-width: 551px) { .card__desc { width: 100%; } }

.card__title { font-size: 3.8rem; margin-bottom: 3rem; text-transform: uppercase; }

@media screen and (max-width: 551px) { .card__title { font-size: 2.2rem; } }

.card__list { width: 100%; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 2rem; }

.card__line { width: 100%; display: flex; align-items: center; justify-content: space-between; }

.card__line:not(:last-child) { margin-bottom: 2rem; }

.card__text { font-size: 2rem; color: #333333; line-height: 1.4; margin-right: 1rem; }

.card__text .accent { font-size: inherit; color: #FAB633; }
.card__text .reds{font-size: inherit; color: red!important;}

.card__text._sale { font-size: 2.8rem; }

@media screen and (max-width: 551px) { .card__text._sale { font-size: 1.8rem; } }

@media screen and (max-width: 551px) { .card__text { font-size: 1.8rem; } }

.card__spec { width: 100%; }

.button { font-size: 2.4rem; background: #FAB633; padding: 1.5rem 8rem; box-shadow: 0px 0.2rem 0.4rem rgba(0, 0, 0, 0.25); text-transform: uppercase; display: flex; align-items: center; justify-content: center; transition: .2s ease; cursor: pointer; white-space: nowrap; }

.button:hover { background: #df9100; }

@media screen and (max-width: 551px) { .button { font-size: 1.6rem; padding: 1rem 2rem; } }

.spec { width: 100%; display: flex; flex-direction: column; align-items: flex-start; }

.spec__title { font-size: 2.8rem; color: #333333; }

@media screen and (max-width: 551px) { .spec__title { font-size: 2.2rem; } }

.spec__list { width: 100%; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 2rem; }

.spec__line { width: 100%; justify-content: space-between; padding: 1.5rem; background: #fff; display: flex; align-items: center; justify-content: space-between; }

.spec__line:nth-child(odd) { background: rgba(196, 196, 196, 0.15); }

.spec__infoName { font-size: 1.8rem; color: #666666; }

@media screen and (max-width: 551px) { .spec__infoName { font-size: 1.4rem; } }

.spec__infoData { width: 20rem; color: #666666; font-size: 2.4rem; border-left: 0.1rem solid #FAB633; display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 551px) { .spec__infoData { width: 12rem; font-size: 1.6rem; } }

.spec__desc { font-size: 2.6rem; color: #666666; margin-bottom: 1rem; }

@media screen and (max-width: 551px) { .spec__desc { font-size: 2rem; } }

.spec__descInfo { font-size: 1.8rem; color: #666666; }

.sectionSale { background: url("../img/saleBG.png") no-repeat center; background-size: cover; position: relative; overflow: hidden; }

.sectionSale::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(51, 51, 51, 0.8); z-index: 0; }

.sectionSale::after { content: ''; width: 85%; height: 6.3rem; background: #FAB633; position: absolute; left: 0; top: 1.8rem; }

.sectionSale__truck { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 80rem; -o-object-fit: contain; object-fit: contain; z-index: 1; margin-left: 77rem; }

@media screen and (max-width: 551px) { .sectionSale__truck { display: none; } }

.sectionSale__wrapper { display: flex; flex-direction: column; align-items: center; padding: 3rem 0; position: relative; z-index: 2; }

.sectionSale__title { font-size: 3.2rem; margin-bottom: 6rem; color: #333333; text-transform: uppercase; margin-left: -18rem; }

@media screen and (max-width: 551px) { .sectionSale__title { margin-left: 0; } }

.sectionSale__line { width: 100%; display: flex; align-items: flex-start; }

.sectionSale__list { width: 100%; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 6rem; }

.sectionSale__text { width: 100%; font-size: 2.4rem; color: #fff; line-height: 1.4; }

.sectionSale__text:not(:last-child) { margin-bottom: 2rem; }

.sectionSale__text .accent { font-family: inherit; font-size: inherit; color: #FAB633; }

.sectionSale__infoText { width: 100%; font-size: 1.8rem; margin-bottom: 1rem; color: #fff; }

.sectionPrice__wrapper { display: flex; flex-direction: column; align-items: center; padding: 9rem 0; }

@media screen and (max-width: 551px) { .sectionPrice__wrapper { padding: 3rem 0; } }

.sectionPrice__title { margin-bottom: 3rem; text-align: center; }

.sectionPrice__text { font-size: 2rem; text-align: center; line-height: 1.4; margin-bottom: 3rem; color: #000000; }

.sectionPrice__list { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }

.sectionPrice__items { width: 37rem; }

.sectionPrice__items:not(:last-child) { margin-bottom: 3rem; }

@media screen and (max-width: 551px) { .sectionPrice__items { width: 100%; } }

.car { width: 100%; display: flex; flex-direction: column; align-items: center; }

.car__photo { width: 100%; -o-object-fit: contain; object-fit: contain; margin-bottom: 2rem; }

.car__title { font-size: 2.4rem; color: #333333; text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 1.3rem; }

.car__title::after { content: ''; width: 11rem; height: 0.2rem; background: #FAB633; margin-top: 1.3rem; }

.car__text { font-size: 2.4rem; }

.car__text:not(:last-child) { margin-bottom: 1rem; }

.car__text .accent { font-size: inherit; }

.car__text .accentFree { font-size: 2.6rem; text-transform: uppercase; color: #FAB633; }

.sectionSertificate { padding: 3rem 0; }

.sectionSertificate__wrapper { display: flex; flex-direction: column; align-items: center; }

.sectionSertificate__title { margin-bottom: 6rem; }

.sectionSertificate__list { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }

@media screen and (max-width: 551px) { .sectionSertificate__list { align-items: center; justify-content: center; } }

.sectionSertificate__items { width: 27rem; -webkit-filter: drop-shadow(0rem 0.3rem 0.4rem rgba(196, 196, 196, 0.25)); filter: drop-shadow(0rem 0.3rem 0.4rem rgba(196, 196, 196, 0.25)); }

@media screen and (max-width: 551px) { .sectionSertificate__items { width: 80%; }
  .sectionSertificate__items:not(:last-child) { margin-bottom: 3rem; } }

.sectionHow { padding: 6rem 0; }

.sectionHow__wrapper { display: flex; flex-direction: column; align-items: center; }

.sectionHow__title { margin-bottom: 6rem; }

.sectionHow__list { width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }

@media screen and (max-width: 551px) { .sectionHow__list { justify-content: space-around; } }

.sectionHow__items { width: 25rem; display: flex; flex-direction: column; align-items: center; }

@media screen and (max-width: 551px) { .sectionHow__items { width: 35%; margin-bottom: 3rem; } }

.sectionHow__icon { width: 100%; height: 14rem; -o-object-fit: contain; object-fit: contain; margin-bottom: 1rem; }

.sectionHow__icon._shiping { height: 18rem; }

.sectionHow__name { font-size: 2.4rem; margin-top: auto; }

@media screen and (max-width: 551px) { .sectionHow__name { text-align: center; } }

.sectionMap { width: 100%; height: 58rem; position: relative; }

@media screen and (max-width: 551px) { .sectionMap { display: flex; flex-direction: column; height: auto; align-items: center; height: auto; } }

.sectionMap__map { width: 100%; height: 100%; }

@media screen and (max-width: 551px) { .sectionMap__map { display: none; height: 50rem; } }

.sectionMap__map._mobile { display: none; }

@media screen and (max-width: 551px) { .sectionMap__map._mobile { display: block; } }

.sectionMap__contact { width: 47rem; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -40rem; top: 7.6rem; }

@media screen and (max-width: 551px) { .sectionMap__contact { position: relative; order: -1; margin-left: 0; top: auto; left: auto; -webkit-transform: translate(0); transform: translate(0); margin-bottom: 2rem; } }

.contact { width: 100%; display: flex; flex-direction: column; align-items: center; padding: 7rem 4rem; background: #FAB633; }

.contact__title { font-size: 2.4rem; margin-bottom: 5rem; color: #333333; text-transform: uppercase; }

.contact__line { width: 100%; display: flex; align-items: center; justify-content: flex-start; }

.contact__line:not(:last-child) { margin-bottom: 3rem; }

.contact__icon { width: 2rem; margin-right: 2rem; }

.contact__text { font-size: 2.4rem; color: #333333; }

.footer { background: #333333; padding: 2rem 0; }

.footer__wrapper { display: flex; align-items: center; justify-content: space-between; }

.footer__logo { width: 40rem; }

@media screen and (max-width: 551px) { .footer__logo { width: 30rem; } }

.footer__text { font-size: 1.8rem; color: #fff; text-align: right; line-height: 1.4; }

.mobileMenu { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; align-items: flex-start; justify-content: flex-start; }

.mobileMenu__wrapper { width: 100%; min-height: 70vh; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; padding: 10rem 0; }

.mobileMenu__closeBtn { width: 3rem; position: absolute; top: 3rem; right: 3rem; }

.modalRequest { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.modalRequest::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.modalRequest__wrapper { width: 50rem; background: #fff; border-radius: .5rem; box-shadow: 0rem 0.1rem 1rem -0.5rem rgba(0, 0, 0, 0.25); position: relative; padding: 6rem 6rem; display: flex; flex-direction: column; align-items: center; }

@media screen and (max-width: 551px) { .modalRequest__wrapper { width: 90vw; padding: 6rem 2rem; } }

.modalRequest__title { font-size: 3rem; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; margin-bottom: 2rem; }

.modalRequest__title::after { content: ''; width: 20rem; height: 0.2rem; background: #FAB633; margin-top: 1rem; }

.modalRequest__subTitle { font-size: 2rem; color: #666666; text-align: center; margin-bottom: 6rem; }

.modalRequest__input { width: 100%; margin-bottom: 3rem; }

.modalRequest__button { width: 100%; display: flex; align-items: center; justify-content: center; background: #FAB633; font-size: 2.6rem; text-transform: uppercase; padding: 2rem 3rem; box-shadow: 0rem 0.75rem 0.5rem rgba(0, 0, 0, 0.3); cursor: pointer; }

.modalRequest__closeBtn { width: 2rem; position: absolute; top: 1.5rem; right: 1.5rem; cursor: pointer; }

.input { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; }

.input__icon { width: 3rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 1rem; }

.input__input { width: 100%; padding: 1rem 2rem 1rem 6rem; border-bottom: 0.1rem solid #bebebe; font-size: 2rem; }

.input__input._warning { border-bottom: .1rem solid red; }

.input__input._alt { border: .1rem solid transparent; box-shadow: 0rem 0.2rem 2rem rgba(0, 0, 0, 0.3); padding: 1rem 3rem 1rem 3rem; }

.input__input._alt._warning { border: .1rem solid red; }

.success { background: #fff; display: flex; flex-direction: column; align-items: center; border-radius: .5rem; padding: 3rem 5rem; box-shadow: 0rem 1rem 3rem -1.5rem rgba(0, 0, 0, 0.5); }

.success__icon { width: 6rem; height: 6rem; -o-object-fit: contain; object-fit: contain; margin-bottom: 1rem; }

.success__text { font-size: 2.4rem; text-align: center; }

.modalSale { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.modalSale::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

.modalSale__wrapper { width: 110rem; display: flex; flex-direction: column; align-items: stretch; position: relative; }

.modalSale__top { font-size: 3.6rem; width: 100%; padding: 1rem 2rem; display: flex; align-items: center; justify-content: center; color: #333333; background: #FAB633; }

.modalSale__bottom { width: 100%; padding: 3rem 2rem; display: flex; align-items: center; justify-content: space-between; background: #f0f1f3; }

.modalSale__img { width: 55rem; margin-left: -12.4rem; margin-right: 2rem; }

.modalSale__form { display: flex; flex-direction: column; align-items: flex-start; }

.modalSale__text { font-size: 2.4rem; color: #333333; line-height: 1.4; margin-bottom: 3rem; }

.modalSale__text .accent { font-size: inherit; color: inherit; }

.modalSale__input { width: 90%; margin-bottom: 3rem; }

.modalSale__line { width: 90%; display: flex; align-items: center; justify-content: space-between; }

.modalSale__button { margin-right: 1rem; }

.modalSale__cancel { font-size: 1.8rem; text-decoration: underline; color: #333333; cursor: pointer; }