a, a:hover, a:visited, a[href^=tel] {
  text-decoration: none;
}
.header, .lang__item {
  -webkit-transition: .4s;
  -o-transition: .4s;
}
.dots, :active, :focus, a:active, a:focus {
  outline: 0;
}
.avantaje, .body, .footer, .hero, .projects {
  overflow: hidden;
}
.footer__term, .o-bloc__phone {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
.footer__phone, .footer__term, .form__footer p:last-of-type, .pretitle__text {
  white-space: nowrap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Black Italic'), local('SFProDisplay-BlackItalic'), url('../assets/fonts/SFProDisplay-BlackItalic.woff2') format('woff2'), url('../assets/fonts/SFProDisplay-BlackItalic.woff') format('woff'), url('../assets/fonts/SFProDisplay-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'), url('../assets/fonts/SFProDisplay-Bold.woff2') format('woff2'), url('../assets/fonts/SFProDisplay-Bold.woff') format('woff'), url('../assets/fonts/SFProDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Heavy Italic'), local('SFProDisplay-HeavyItalic'), url('../assets/fonts/SFProDisplay-HeavyItalic.woff2') format('woff2'), url('../assets/fonts/SFProDisplay-HeavyItalic.woff') format('woff'), url('../assets/fonts/SFProDisplay-HeavyItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'), url('../assets/fonts/SFProDisplay-Medium.woff2') format('woff2'), url('../assets/fonts/SFProDisplay-Medium.woff') format('woff'), url('../assets/fonts/SFProDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Ultralight Italic'), local('SFProDisplay-UltralightItalic'), url('../assets/fonts/SFProDisplay-UltralightItalic.woff2') format('woff2'), url('../assets/fonts/SFProDisplay-UltralightItalic.woff') format('woff'), url('../assets/fonts/SFProDisplay-UltralightItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Thin Italic'), local('SFProDisplay-ThinItalic'), url('../assets/fonts/SFProDisplay-ThinItalic.woff2') format('woff2'), url('../assets/fonts/SFProDisplay-ThinItalic.woff') format('woff'), url('../assets/fonts/SFProDisplay-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Light Italic'), local('SFProDisplay-LightItalic'), url('../assets/fonts/SFProDisplay-LightItalic.woff2') format('woff2'), url('../assets/fonts/SFProDisplay-LightItalic.woff') format('woff'), url('../assets/fonts/SFProDisplay-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'), url('../assets/fonts/SFProDisplay-Regular.woff2') format('woff2'), url('../assets/fonts/SFProDisplay-Regular.woff') format('woff'), url('../assets/fonts/SFProDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Semibold Italic'), local('SFProDisplay-SemiboldItalic'), url('../assets/fonts/SFProDisplay-SemiboldItalic.woff2') format('woff2'), url('../assets/fonts/SFProDisplay-SemiboldItalic.woff') format('woff'), url('../assets/fonts/SFProDisplay-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
}
*, :after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
aside, footer, header, nav {
  display: block;
}
body, html {
  height: 100%;
  width: 100%;
  line-height: 1.2;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%}
button, input, textarea {
  font-family: inherit;
}
input::-ms-clear {
  display: none;
}
button {
  cursor: pointer;
  border: none;
  background-color: transparent;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
img {
  vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a[href^=tel] {
  color: inherit;
}
.hero {
  width: 100%;
  padding: 30px;
  background-image: url('../IMG/background.webp');
}
.circle {
  position: absolute;
  width: 681px;
  height: 681px;
  left: -213px;
  top: -455px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(655px);
  filter: blur(655px);
  background: -webkit-radial-gradient(#fff700, transparent);
  background: -moz-radial-gradient(#fff70022, transparent);
}
.header {
  width: 100%;
  padding-right: 50px;
  padding-top: 60px;
  opacity: 1;
  transition: .4s;
}
.header--active {
  opacity: 0;
}
.header__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__actions, .header__lang {
  display: -webkit-box;
  display: -ms-flexbox;
}
.header__actions {
  display: flex;
  gap: 100px;
}
.header__lang {
  display: flex;
  gap: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.menu__button, .o-bloc {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
.lang__item {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #666;
  transition: .4s;
}
.nav__item, .o-bloc__phone {
  font-style: normal;
  line-height: 112%}
.lang__item:hover {
  color: #fff;
}
.menu__button {
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.menu__line {
  height: 2px;
  width: 25px;
  background-color: #faf9f5;
}
.lung {
  width: 50px;
}
.overlay {
  display: none;
}
.overlay__active {
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(3, 3, 3, .7);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 1;
  top: 0;
  left: 0;
  -webkit-animation: 1s blur__anim;
  animation: 1s blur__anim;
  padding: 30px;
}
@-webkit-keyframes blur__anim {
  0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}@keyframes blur__anim {
  0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}.o-bloc {
  width: 47%;
  background: #fff;
  padding: 30px;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.o-bloc__header, .o-header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
}
.o-bloc__header {
  display: flex;
  background: #000;
  height: 85px;
  padding: 30px 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.o-header__actions {
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.o-bloc__nav, .o-menu__button {
  display: -webkit-box;
  display: -ms-flexbox;
}
.o-menu__button {
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.o-menu__line {
  height: 2px;
  width: 30px;
  background-color: #fff;
  display: block;
  position: absolute;
}
.h-deatails__row, .hero__image {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
.line--left {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.line--right {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.o-bloc__nav {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  padding-left: 40px;
}
.nav__item {
  font-weight: 500;
  font-size: 60px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #b7b7b7;
}
.nav__item:hover {
  cursor: pointer;
  color: #000;
}
.o-bloc__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.footer__social, .hero__social, .o-bloc__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.h-deatails__row, .hero__row {
  display: -webkit-box;
  display: -ms-flexbox;
}
.o-bloc__phone {
  font-weight: 400;
  font-size: 16px;
  color: #171615;
}
.hero__phone, .footer__phone {
  color: #fff !important;
}
.hero__title, .hero__title2 {
  font-weight: 500;
  color: #faf9f5;
  line-height: 112%;
  font-style: normal;
  position: relative;
}
.hero__row {
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
}
.hero__details {
  width: 50%;
  padding-left: 100px;
  position: relative;
}
.h-deatails__row {
  width: 100%;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hero__contacts, .hero__image {
  display: -webkit-box;
  display: -ms-flexbox;
}
.hero__title {
  font-size: 110px;
}
.hero__title2 {
  font-size: 90px;
}
.hero__title::after {
  content: '';
  width: 120px;
  border-bottom: 3px solid #fff;
  position: absolute;
  top: 70px;
  left: 420px;
}
.hero__contacts {
  padding-right: 50px;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.social__link {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 112%;
  color: #666;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.hero__phone, .slider__dots p {
  font-weight: 400;
  font-size: 16px;
  line-height: 112%;
  color: #faf9f5;
}
.hero__phone {
  font-style: normal;
}
.pretitle__text, .title {
  font-style: normal;
  font-weight: 500;
}
.hero__image {
  width: 50%;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.a-header, .slider__dots {
  display: -webkit-box;
  display: -ms-flexbox;
}
.slider__img {
  width: 100%;
  height: auto;
}
.slider__dots {
  padding-top: 25px;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.slider__dots p {
  font-style: normal;
}
.dots {
  -webkit-appearance: none;
  width: 200px;
  height: 3px;
  background: #666;
}
.dots::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25%;
  height: 2px;
  background: #fff;
  cursor: pointer;
}
.dots::-moz-range-thumb {
  width: 25%;
  height: 2px;
  background: #fff;
  cursor: pointer;
}
@media screen and (max-width:1785px) {
  .br1 {
  display: none;
}
}@media screen and (max-width:1480px) {
  .hero__title {
  font-size: 80px;
}
.hero__title2 {
  font-size: 60px;
}
.hero__title::after {
  width: 100px;
  top: 50px;
  left: 315px;
}
.hero__details {
  padding-left: 50px;
}
.header {
  padding-top: 30px;
}
}@media screen and (max-height:768px) {
  .nav__item {
  font-size: 30px;
}
.o-bloc__nav {
  padding-bottom: 40px;
}
}@media screen and (max-width:1024px) {
  .circle {
  display: none;
}
}.projects::after, .projects::before {
  width: 400px;
  height: 400px;
  position: absolute;
  -webkit-filter: blur(300px);
  content: '';
  border-radius: 50%;
  background: -webkit-radial-gradient(#fff700, transparent);
  background: -moz-radial-gradient(#fff70022, transparent);
}
.avantaje {
  background-color: #faf9f5;
}
.avantaje__header {
  padding: 150px 100px;
}
.a-header {
  display: flex;
  gap: 35px;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.a-header__cards, .pretitle {
  display: -webkit-box;
  display: -ms-flexbox;
}
.company__row, .pretitle {
  -webkit-box-align: center;
}
.pretitle {
  display: flex;
  gap: 20px;
  -ms-flex-align: center;
  align-items: center;
}
.pretitle__text {
  font-size: 24px;
  line-height: 29px;
  color: #010101;
}
.a-card__index, .title {
  color: #171615;
}
.pretitle__decoration {
  height: 2px;
  width: 180px;
  background-color: #f09a34;
}
.blog, .company, .contact {
  background-color: #faf9f5;
}
.title {
  font-size: 88px;
  line-height: 106%;
  font-variant: all-small-caps;
}
.a-card__index, .a-card__title {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 106%;
  font-variant: all-small-caps;
}
.a-header__cards {
  padding-left: 35px;
  display: flex;
  gap: 100px;
}
.a-card {
  padding: 50px 30px;
  -webkit-box-shadow: 0 31px 69px rgba(38, 38, 38, .05), 0 0 0 rgba(38, 38, 38, .05);
  box-shadow: 0 31px 69px rgba(38, 38, 38, .05), 0 0 0 rgba(38, 38, 38, .05);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 275px;
  flex: 1 1 275px;
}
.a-card__icon {
  padding-top: 70px;
}
.a-card__title {
  color: #f09a34;
  padding-top: 25px;
}
.a-card__text, .company__description p {
  line-height: 140%;
  color: #666;
  font-style: normal;
  font-weight: 400;
}
.a-card__text {
  font-size: 18px;
  padding-top: 20px;
}
.litera-mare {
  font-size: 120px;
}
.avantaje__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-top: 10px;
}
.avantaje__row-1 {
  width: 70%}
.avantaje__row-2 {
  width: 30%}
.a-slider {
  display: none!important;
}
.company {
  padding: 60px 30px 60px 100px;
  width: 100%}
.company__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 36px;
}
.company__text {
  width: 55%
}
.company__description p {
  font-size: 21px;
  padding-top: 50px;
  max-width: 830px;
}
.company__img {
  width: 45%}
.company__img img, .projects {
  width: 100%}
.company__img-2 {
  display: none;
}
.projects__item, .projects__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
}
.projects {
  padding: 90px 75px 30px;
  background-image: url('../IMG/background.webp');
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.project-title {
  font-size: 70px;
}
.projects::before {
  top: -5%;
  left: -5%;
  filter: blur(300px);
}
.projects::after {
  bottom: -5%;
  right: -5%;
  filter: blur(300px);
}
.projects__nahui {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.project__pretitle {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.project-decoration {
  width: 150px;
}
.projects__wrapper {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  z-index: 2;
  position: relative;
}
.projects__item {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.projects__video {
  display: none;
}
.blog__row, .projects__item1 {
  display: -webkit-box;
  display: -ms-flexbox;
}
.projects__item1 {
  width: calc(100% /3);
  display: flex;
  padding: 25px;
}
.projects__item2 {
  width: calc(100% * (2 / 3));
  padding: 25px;
}
.projects__item1 img, .projects__item2 img, .projects__slide, .projects__slide img {
  width: 100%}
.projects__slider {
  width: 100%;
  display: none!important;
}
.double-slide {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  gap: 25px;
  width: 100%}
.contact__map, .double-slide img {
  width: 50%}
.blog, .blog__img img, .contact {
  width: 100%}
.blog {
  padding: 150px 100px 0;
  position: relative;
}
.blog__row {
  padding-top: 109px;
  display: flex;
  gap: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contact, .contact__row {
  display: -webkit-box;
  display: -ms-flexbox;
}
.blog__article {
  width: calc((100% - 100px) / 3);
  flex-grow: 1;
  min-width: 200px;
}
.blog__img {
  position: relative;
}
.blog__date {
  position: absolute;
  top: 0;
  left: 10px;
}
.blog__date p:first-of-type {
  font-style: normal;
  font-weight: 400;
  font-size: 70px;
  line-height: 100%;
  color: #fff;
}
.article__title p, .blog__date p:last-of-type, .blog__description p {
  line-height: 140%;
  font-style: normal;
}
.blog__date p:last-of-type {
  font-weight: 400;
  font-size: 30px;
  color: #fff;
}
.article__title p {
  font-weight: 400;
  font-size: 24px;
  color: #000;
  padding-top: 20px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.blog__description p {
  font-weight: 300;
  font-size: 16px;
  color: #000;
  padding-top: 5px;
}
@media screen and (max-width:1200px) {
  .a-header__cards, .hero__row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.company__img-2 img, .hero__details, .hero__image, .o-bloc, .projects__item1 {
  width: 100%}
.hero__title, .hero__title2 {
  padding: 50px 0;
}
.hero__title::after {
  top: 100px;
}
.avantaje__row, .br-hide, .hero__contacts, .projects-hide {
  display: none;
}
.header__actions, .o-header__actions {
  gap: 50px;
}
.a-card {
  padding: 35px 20px;
  width: 275px;
}
.a-card__text, .blog__description p {
  font-size: 14px;
}
.a-slider {
  display: block!important;
}
.company__description p {
  max-width: 100%}
.projects {
  padding: 45px;
}
.project__pretitle {
  gap: 10px;
}
.project-pretitle {
  font-size: 18px;
}
.project-decoration {
  width: 100px;
}
.project-title {
  font-size: 60px !important;
}
/* .projects__slider {
  width: 100%;
  display: block!important;
} */
.projects__video {
  display: block;
  width: 100%;
  /* height: 250px; */
}
.projects::after, .projects::before {
  width: 300px;
  height: 300px;
}
.article__title p {
  font-size: 20px;
}
.blog {
  padding: 70px 70px 0;
}
.blog__row {
  padding-top: 70px;
}
}@media screen and (max-width:992px) {
  .company__img {
  display: none;
}
.company__img-2 {
  display: block;
}
.company__text {
  width: 100%}
.blog-title {
  font-size: 65px;
}
.blog {
  padding: 70px 50px 0;
}
}.contact {
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 700px;
}
.contact__row {
  position: absolute;
  display: flex;
  width: 90%;
  top: 50px;
  z-index: 10;
}
.form, .form__field {
  display: -webkit-box;
  display: -ms-flexbox;
}
.form {
  width: 50%;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 90px 30px 50px;
  background-color: #fff;
}
.form__title p {
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  color: #171615;
  padding-bottom: 5px;
}
.form__description p {
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  color: #171615;
  padding-bottom: 110px;
}
.divider p, .form__field input, .form__footer p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.form__field {
  width: 70%;
  border-bottom: .8px solid #b7b7b7;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
}
.divider, .form__footer p {
  display: -webkit-box;
  display: -ms-flexbox;
}
.form__field input {
  width: 100%;
  height: 60px;
  line-height: 20px;
  letter-spacing: .05em;
  color: #b7b7b7;
}
.form__button {
  width: 90%;
  height: 90px;
  background: #ffd64f;
  -webkit-box-shadow: 0 4px 0 #ffd853;
  box-shadow: 0 4px 0 #ffd853;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  text-transform: uppercase;
  color: #634813;
  margin-top: 70px;
}
.divider p {
  line-height: 19px;
  color: silver;
}
.divider {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding-top: 25px;
}
.line {
  width: 100%;
  height: 1px;
  background-color: silver;
}
.form__footer {
  padding-top: 15px;
}
.form__footer p {
  line-height: 20px;
  display: flex;
  color: #b7b7b7;
}
.contact__map img {
  width: 100%;
  height: 100%}
.footer__details, .footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  gap: 40px;
}
.footer__copyright, .footer__phone, .footer__social a, .footer__term {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 112%;
  color: #fff;
}
.footer {
  width: 100%;
  padding: 250px 100px 80px;
  background-image: url('../IMG/background.webp');
  background-position-y: bottom;
  background-repeat: no-repeat;
  position: relative;
}
.footer::after {
  content: '';
  width: 800px;
  height: 800px;
  border-radius: 50%;
  position: absolute;
  bottom: -780px;
  left: calc(50% - 400px);
  background: -webkit-radial-gradient(#fff700, transparent);
  -webkit-filter: blur(300px);
  filter: blur(300px);
  background: -moz-radial-gradient(#fff70022, transparent);
}
.footer__row {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.footer__details {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer__contacts, .footer__terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media screen and (max-width:1480px) {
  .a-header__cards {
  padding-left: 0;
  gap: 30px;
}
.header__actions {
  gap: 20px;
}
.a-header {
  padding: 100px 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-litera-mare, .title {
  font-size: 80px;
}
.project-title {
  font-size: 60px;
}
.litera-mare {
  font-size: 100px;
}
.blog__date p:last-of-type, .pretitle__text {
  font-size: 20px;
}
.blog__date p:first-of-type, .company__title {
  font-size: 50px;
}
.company__description p {
  font-size: 18px;
}
.company {
  padding: 60px;
}
.footer__row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
}@media screen and (max-width:769px) {
  .h-details {
  padding: 0;
}
.header {
  padding-right: 0;
}
.nav__item {
  font-size: 48px;
}
.o-bloc__header {
  padding: 40px 20px;
}
.a-header, .company {
  padding: 50px 30px;
}
.header__actions {
  gap: 30px;
}
.litera-mare {
  font-size: 80px;
}
.title {
  font-size: 60px;
}
.company__description p {
  font-size: 15px;
}
.pretitle__text {
  font-size: 21px;
}
.company__img-2 {
  padding: 30px 0;
}
.blog {
  padding: 50px 30px 0;
}
.blog__row {
  padding-top: 50px;
}
.contact__map {
  display: none;
}
.contact {
  padding-top: 650px;
}
.contact__form {
  width: 100%;
  padding: 50px 30px;
}
.form__title p {
  font-size: 30px;
}
.form__description p {
  font-size: 18px;
  padding-bottom: 70px;
}
.form__button {
  font-size: 18px;
  width: 90%;
  height: 80px;
}
.footer {
  padding: 150px 50px 80px;
}
.footer__copyright, .footer__phone, .footer__social a, .footer__term {
  font-size: 14px;
}
}@media screen and (max-width:480px) {
  .o-bloc {
  padding: 20px 10px;
}
.hero__title {
  font-size: 60px;
}
.hero__title2 {
  font-size: 50px;
}
.lang__item {
  font-size: 12px;
}
.nav__item, .nav__item--ru {
  font-size: 20px;
}
.o-bloc__header {
  padding: 40px 15px;
}
.logo, .o-logo {
  width: 100px;
}
.menu__line {
  width: 20px;
}
.header__lang, .o-header__actions {
  gap: 15px;
}
.lung {
  width: 40px;
}
.hero__title::after {
  top: 85px;
  left: 225px;
  width: 80px;
}
.o-bloc__nav {
  padding-left: 15px;
  gap: 30px;
  padding-bottom: 100px;
}
.o-bloc__footer, .o-bloc__social {
  flex-direction: column;
}
.hero, .overlay__active {
  padding: 15px;
}
.nav--ru {
  gap: 45px;
}
.company {
  padding: 50px 15px;
}
.company__description p {
  padding-top: 15px;
  font-size: 13px;
}
.title {
  font-size: 40px;
}
.pretitle__text {
  font-size: 17px;
}
.a-header {
  padding: 30px 15px;
}
.projects__nahui {
  padding: 0 0 20px;
}
.projects {
  padding: 50px 15px;
}
.contact__form {
  padding: 40px 20px;
}
.form__title p {
  font-size: 18px;
}
.form__description p {
  font-size: 14px;
  padding-bottom: 50px;
}
.form__button {
  font-size: 16px;
  height: 60px;
}
.footer__copyright, .footer__phone, .footer__social a, .footer__term {
  font-size: 10px;
}
}.project-pretitle, .project-title {
  color: #fff;
}
.social__link:hover {
  color: #373737;
}
/* .project-title {
  font-size:  88px;
  line-height:  106%;
  font-variant:  all-small-caps;
} */

/*--------------------------  BLOG  --------------------------*/
.blog__header {
  width: 100%;
  height: 100px;
}
.b-header__row {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 100px;
}
.b-header__actions {
  display: flex;
  align-items: center;
  gap: 100px;
}
.b-lang {
  display: flex;
  gap: 25px;
}
.b-lang__item {
  color: #171615;
  font-size: 15px;
  line-height: 17.25px;
}
.b-menu__line {
  background-color: #171615;
}
.actions--active {
  display: none;
}
.b-hero {
  width: 100%;
  max-height: 100%;
  background-image: url("/static/IMG/image36.webp");
  background-position: center;
  background-size: cover;
  min-height: 400px;
}
.article {
  width: 100%;
  padding: 100px 360px 35px;
  border-bottom: 0.5px solid #dfdcd9;
  display: flex;
  flex-direction: column;
  gap: 50px;
  background-color: #FAF9F5;
}
.article__date {
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
  color: #666666;
}

.article__title2 {
  font-size: 86px;
  font-weight: 400;
  line-height: 91px;
}
.article__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 100px;
}
.article__content p, .article__content ul, .article__content li {
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  color: #666666;
}

.article__content ul {
  padding-left: 30px;
}

@media screen and (max-width: 480px) {
  .article__content ul {
    padding-left: 15px;
  }
}

.article__more {
  font-size: 46px;
  font-weight: 400;
  line-height: 49px;
  color: #171615;
}
.blog2 {
  padding: 0 100px;
  position: relative;
  background-color: #FAF9F5;;
}
@media screen and (max-width: 1480px) {
  .article {
    padding: 100px 180px 35px;
  }
}
@media screen and (max-width: 1200px) {
  .b-header__row {
    padding: 0 50px;
  }
  .b-header__actions {
    gap: 50px;
  }
  .article {
    padding: 80px 100px 35px;
    gap: 30px;
  }
  .article__title2 {
    font-size: 60px;
  }
  .article__content p, .article__content ul, .article__content li {
    font-size: 18px;
  }
  .article__date {
    font-size: 14px;
  }
  .article__more {
    font-size: 35px;
  }
  .article__content {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 992px) {
  .b-hero {
    min-height: 350px;
  }
}
@media screen and (max-width: 769px) {
  .b-lang__item {
    font-size: 12px;
  }
  .b-hero {
    min-height: 250px;
  }
  .article {
    padding: 40px 50px 25px;
    gap: 20px;
  }
  .article__title2 {
    font-size: 40px;
    line-height: 50px;
  }
  .article__content p, .article__content ul, .article__content li {
    font-size: 15px;
  }
  .article__date {
    font-size: 12px;
  }
  .article__more {
    font-size: 25px;
    line-height: 30px;
  }

  .article__content {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 490px) {
  .blog__header {
    height: 75px;
  }
  .b-header__row {
    padding: 0 15px;
  }
  .article__title2 {
    font-size: 30px;
    line-height: 35px;
  }
  .article__content p, .article__content ul, .article__content li {
    font-size: 14px;
    line-height: 25px;
  }
  /* .article {
    gap: 10px;
  } */
  .b-hero {
    min-height: 200px;
  }
  .b-header__row {
    padding: 0 15px;
  }
  .b-header__actions {
    gap: 20px;
  }
  .b-lang {
    gap: 15px;
  }
  .b-lang__item {
    font-size: 12px;
  }
  .blog__date p:first-of-type {
    font-size: 35px;
  }
}

.footer__phone {
  color: #fff
}


 /* =================DRY WOOD SECTION=======================*/

.wood-container {
	max-width: 1690px;
	margin: 0 auto;
	padding: 0 20px;
}

.dry-wood-banner{
	margin-top: clamp(0.938rem, 0.625rem + 1.56vw, 2.5rem);
	margin-bottom: clamp(1.875rem, 1.25rem + 3.13vw, 5rem);
}
.dry-wood-banner__images{
	width: 100%;
}
.dry-wood-banner__images img {
	width: 100%;
	height: 664px;
	object-fit: cover;
}

.dry-wood-banner__wrapper{
	display: flex;
}
.dry-wood-content{
	/*position: relative;*/
  display: flex;
  align-items: center;
  width: 100%;
  background-image: url("../IMG/banner-2.jpg");
  padding: 5%;
}

.dry-wood-content__title{
	font-family: 'Montserrat', serif;
  font-style: normal;
  font-weight: 700;
  font-size: clamp(1.125rem, 0.675rem + 2.25vw, 3.375rem);
	color: #fff;
	margin-bottom: 1.25rem;
}
.dry-wood-content__text{
	font-family: 'Montserrat', serif;
  font-style: normal;
  font-weight: 300;
  font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
  color: #fff;
	max-width: 500px;
	line-height: 170%;
}
.our-works{
	margin-top: clamp(1.875rem, 1.25rem + 3.13vw, 5rem);
	margin-bottom: clamp(1.875rem, 1.25rem + 3.13vw, 5rem);
	background-color: #F6F6F6;
	padding-top: clamp(1.875rem, 1.25rem + 3.13vw, 5rem);
	padding-bottom: clamp(1.875rem, 1.25rem + 3.13vw, 5rem);
}
.our-works-desc{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: clamp(1.875rem, 1.25rem + 3.13vw, 5rem);
}
.our-works-desc__title{
	font-family: 'Montserrat', Courier, monospace;
	font-size: clamp(1.313rem, 0.9rem + 2.06vw, 3.375rem);
	font-weight: 600;
	text-transform: capitalize;
	color: #242527;
}
.our-works-desc__text{
	font-family: 'Montserrat', Courier, monospace;
	font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
	font-weight: 300;
	max-width: 745px;
	color: #666;
	align-items: center;
	line-height: 200%;
}
.our-works-items{
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax(520px, 1fr) );
	gap: 20px;
}
.our-works-item{

}
.our-works-item__image{
	max-width: 100%;
	height: 433px;
	margin-bottom: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);
}
.our-works-item__image img {
	width: 100%;
	height: 100%;
}
.our-works-item__title{
	font-family: 'Montserrat', Courier, monospace;
	font-size: clamp(1.313rem, 1.15rem + 0.81vw, 2.125rem);
	font-weight: 600;
	text-transform: capitalize;
	color: #242527;
	margin-bottom: clamp(1.25rem, 0.938rem + 1.56vw, 2.813rem);
}
.our-works-item__text{
	font-family: 'Montserrat', Courier, monospace;
	font-size: clamp(1rem, 0.938rem + 0.31vw, 1.313rem);
	font-weight: 300;
	color: #666;
	line-height: 200%;
}
 .dry-wood-video__wrapper{
	margin-top: 2.8125rem;
	margin-bottom: 5rem;
	max-width: 1720px;
	height: 768px;
 }
 .dry-wood-video__wrapper iframe{
	width: 100%;
	height: 100%;
 }
.dry-wood-benefits{
	margin-bottom: 5rem;
}
 .dry-wood-benefits__items{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
 }
 .dry-wood-benefits__item{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
 }
 .dry-wood-benefits__item:not(:last-child){
	margin-bottom: 2.1875rem;
 }
 .dry-wood-benefits__img{
	margin-bottom: 1.375rem;
 }

 .dry-wood-benefits__img img {
	width: 42px;
	height: 42px;
 }
 .dry-wood-benefits__title{
	font-family: 'Montserrat', Courier, monospace;
	font-size: clamp(1.313rem, 1.244rem + 0.34vw, 1.5rem);
	font-weight: 600;
	text-transform: capitalize;
	color: #242527;
	margin-bottom: 1.0625rem;
 }

 .dry-wood-benefits__text{
	font-family: 'Montserrat', Courier, monospace;
	font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	font-weight: 300;
	color: #666;
	max-width: 380px;
	text-align: center;
 }
 @media (max-width: 1142.98px) {
	.our-works-desc__title{
    margin-bottom: 1.5625rem;
  }
}
 @media (max-width: 1024.98px) {
	.dry-wood-banner__images{
		display: none;
	}
	.dry-wood-content__images img{
		height: 380px;
	}
	.dry-wood-video__wrapper {
		height: 100%;
	}
	.dry-wood-video__wrapper iframe {
		height: 23.75rem;
	}
}
@media (max-width: 520.98px) {
	.our-works-items{
		display: grid;
		grid-template-columns: repeat( auto-fill, minmax(300px, 1fr) );
		gap: 20px;
	}
}

 /* =================DRY WOOD SECTION END=======================*/