@font-face {
  font-family: "TTHoves-DemiBold";
  src: url("../font/TTHoves-DemiBold.eot");
  src: url("../font/TTHoves-DemiBold.eot?#iefix") format("embedded-opentype"), url("../font/TTHoves-DemiBold.ttf") format("truetype"), url("../font/TTHoves-DemiBold.woff") format("woff"), url("../font/TTHoves-DemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "TTHoves-Medium";
  src: url("../font/TTHoves-Medium.eot");
  src: url("../font/TTHoves-Medium.eot?#iefix") format("embedded-opentype"), url("../font/TTHoves-Medium.ttf") format("truetype"), url("../font/TTHoves-Medium.woff") format("woff"), url("../font/TTHoves-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}


@font-face {
  font-family: "TTHoves-Regular";
  src: url("../font/TTHoves-Regular.eot");
  src: url("../font/TTHoves-Regular.eot?#iefix") format("embedded-opentype"), url("../font/TTHoves-Regular.ttf") format("truetype"), url("../font/TTHoves-Regular.woff") format("woff"), url("../font/TTHoves-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}



@font-face {
  font-family: "TTHoves-Light";
  src: url("../font/TTHoves-Light.eot");
  src: url("../font/TTHoves-Light.eot?#iefix") format("embedded-opentype"), url("../font/TTHoves-Light.ttf") format("truetype"), url("../font/TTHoves-Light.woff") format("woff"), url("../font/TTHoves-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-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-list {
  position: relative;
  overflow: hidden;
  display: none;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.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;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}

#gradient-canvas {
  width: 100%;
  height: 100%;
  --gradient-color-1: #247f64;
  --gradient-color-2: #ffffff;
  --gradient-color-3: #c1073e;
  --gradient-color-4: #000000;
}

#gradient-canvas-2 {
  width: 100%;
  height: 100%;
  --gradient-color-1: #9a244f;
  --gradient-color-2: #b18cfe;
  --gradient-color-3: #0061ff;
  --gradient-color-4: #00c7fc;
}

#gradient-canvas-3 {
  width: 100%;
  height: 100%;
  --gradient-color-1: #006eff;
  --gradient-color-2: #5196fe;
  --gradient-color-3: #0000ff;
  --gradient-color-4: #d1deff;
}

#gradient-canvas-4 {
  width: 100%;
  height: 100%;
  --gradient-color-1: #247f64;
  --gradient-color-2: #ffffff;
  --gradient-color-3: #c1073e;
  --gradient-color-4: #000000;
}

#gradient-canvas-5 {
  width: 100%;
  height: 100%;
  --gradient-color-1: #9a244f;
  --gradient-color-2: #b18cfe;
  --gradient-color-3: #0061ff;
  --gradient-color-4: #00c7fc;
}

#gradient-canvas-6 {
  width: 100%;
  height: 100%;
  --gradient-color-1: #006eff;
  --gradient-color-2: #5196fe;
  --gradient-color-3: #0000ff;
  --gradient-color-4: #d1deff;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 0;
  margin: 0;
}

body {
  font: 14px/1.2 "TTHoves-Regular", sans-serif;
  background: #000000;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #ACACAC;
  border-radius: 50px;
}

p {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  color: #fff;
  margin: 32px 0;
  padding: 0;
}

h1 {
  font: normal 600 40px/1.2 "TTHoves-DemiBold", sans-serif;
  color: #fff;
  margin: 16px 0;
  padding: 0;
}

h2 {
  font: normal 600 32px/1.25 "TTHoves-DemiBold", sans-serif;
  color: #fff;
  margin: 16px 0;
  padding: 0;
}

h3 {
  font: normal 600 24px/1.3 "TTHoves-DemiBold", sans-serif;
  color: #fff;
  margin: 16px 0;
  padding: 0;
}

ul {
  list-style: square;
  padding: 0 0 0 20px;
}

ul li {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  color: #fff;
  margin: 16px 0;
}

blockquote {
  padding: 0 0 0 12px;
  margin: 12px 0 24px;
  border-left: 4px solid #fff;
}

blockquote p {
  font: italic 400 24px/1.3 "TTHoves-Regular", sans-serif;
  color: #fff;
}

.main-title {
  font: normal 400 96px/1.25 "TTHoves-Regular", sans-serif;
  color: #fff;
}

.title {
  font: normal 400 56px/1.1 "TTHoves-Regular", sans-serif;
  color: #fff;
  margin: 0 0 16px;
  padding: 0;
}

.main-text {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  color: #fff;
}

.section-title {
  font: normal 600 40px/1.2 "TTHoves-DemiBold", sans-serif;
  color: #FFFFFF;
}

.section-text {
  font: normal 300 24px/1.33 "TTHoves-Light", sans-serif;
  color: #FFFFFF;
  padding: 0;
  margin: 24px 0;
}

.btn {
  font: normal 500 24px/32px "TTHoves-Medium", sans-serif;
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border: none;
  padding: 24px 36px;
  text-align: center;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn:hover {
  background: #fff;
}

.btn--big {
  padding: 28px 92px;
}

.index .project-slider {
  margin: -15px 0 0;
}

.project-slider {
  margin: 20px 0 0;
display: none;
}

.project-slider .slick-slide {
  max-width: 1000px;
  width: calc(100vw - 80px);
}

.project-slider__item {
  position: relative;
  margin: 0;
  padding: 15px 0 25px;
  width: calc(100% - 80px);
  -webkit-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

.project-slider__item::before {
  position: absolute;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA1OSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yMTYyXzcwNikiPgo8cGF0aCBkPSJNOC4yNjA4NSAzMkM1LjYxNjA4IDMyIDMuNjk5MzkgMjkuNDc5MSA0LjQwNjQ0IDI2LjkzMDZMMTEuMDY1IDIuOTMwNjRDMTEuNTQ1NSAxLjE5ODc2IDEzLjEyMjEgMCAxNC45MTk0IDBIMjIuNjgxNkMyNS4wNDY3IDAgMjYuODk1MyAyLjA0MDg5IDI2LjY2MjEgNC4zOTQ0MUwyNC4yODQxIDI4LjM5NDRDMjQuMDgxMyAzMC40NDA4IDIyLjM2IDMyIDIwLjMwMzYgMzJIOC4yNjA4NVpNMzYuMTYzMyAzMkMzMy41MTg1IDMyIDMxLjYwMTggMjkuNDc5MSAzMi4zMDg5IDI2LjkzMDZMMzguOTY3NCAyLjkzMDY0QzM5LjQ0NzkgMS4xOTg3NiA0MS4wMjQ1IDAgNDIuODIxOCAwSDUwLjU4NDFDNTIuOTQ5MSAwIDU0Ljc5NzggMi4wNDA4OSA1NC41NjQ2IDQuMzk0NDFMNTIuMTg2NSAyOC4zOTQ0QzUxLjk4MzggMzAuNDQwOCA1MC4yNjI0IDMyIDQ4LjIwNiAzMkgzNi4xNjMzWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzIxNjJfNzA2IiB4PSIwLjI1ODUxNCIgeT0iMCIgd2lkdGg9IjU4LjMyNTkiIGhlaWdodD0iNDAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzIxNjJfNzA2Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzIxNjJfNzA2IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
  top: 0;
  left: 10%;
  opacity: 0;
  -webkit-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  z-index: 1;
}

.project-slider__item::after {
  position: absolute;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA1OSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yMTYyXzcwOCkiPgo8cGF0aCBkPSJNOC40MTU5MyAzMkM2LjA1MDg5IDMyIDQuMjAyMjIgMjkuOTU5MSA0LjQzNTQyIDI3LjYwNTZMNi44MTM0NyAzLjYwNTU5QzcuMDE2MjMgMS41NTkyMiA4LjczNzU4IDAgMTAuNzk0IDBIMjIuODM2N0MyNS40ODE1IDAgMjcuMzk4MiAyLjUyMDg2IDI2LjY5MTEgNS4wNjkzNkwyMC4wMzI2IDI5LjA2OTRDMTkuNTUyMSAzMC44MDEyIDE3Ljk3NTUgMzIgMTYuMTc4MiAzMkg4LjQxNTkzWk0zNi4zMTg0IDMyQzMzLjk1MzMgMzIgMzIuMTA0NyAyOS45NTkxIDMyLjMzNzkgMjcuNjA1NkwzNC43MTU5IDMuNjA1NTlDMzQuOTE4NyAxLjU1OTIyIDM2LjY0IDAgMzguNjk2NCAwSDUwLjczOTJDNTMuMzgzOSAwIDU1LjMwMDYgMi41MjA4NiA1NC41OTM2IDUuMDY5MzZMNDcuOTM1IDI5LjA2OTRDNDcuNDU0NSAzMC44MDEyIDQ1Ljg3NzkgMzIgNDQuMDgwNiAzMkgzNi4zMTg0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzIxNjJfNzA4IiB4PSIwLjQxNTU1OCIgeT0iMCIgd2lkdGg9IjU4LjMyNTkiIGhlaWdodD0iNDAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzIxNjJfNzA4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzIxNjJfNzA4IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
  bottom: 0;
  right: 10%;
  opacity: 0;
  -webkit-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  z-index: 1;
}

.project-slider__item:hover .project-slider__item-content {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(16, 16, 21, 0.81)), to(rgba(16, 16, 21, 0.54)));
  background: -o-linear-gradient(bottom, rgba(16, 16, 21, 0.81) 0%, rgba(16, 16, 21, 0.54) 100%);
  background: linear-gradient(0deg, rgba(16, 16, 21, 0.81) 0%, rgba(16, 16, 21, 0.54) 100%);
}

.project-slider__item:hover .project-slider__item-content::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9IiNDNEM0QzQiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyNjJfMTEyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNzkyOSAxMi43OTI5QzEyLjQwMjQgMTMuMTgzNCAxMi40MDI0IDEzLjgxNjYgMTIuNzkyOSAxNC4yMDcxTDE4LjQ0OTkgMTkuODY0MUwxMi43OTMxIDI1LjUyMDlDMTIuNDAyNiAyNS45MTE1IDEyLjQwMjYgMjYuNTQ0NiAxMi43OTMxIDI2LjkzNTJDMTMuMTgzNiAyNy4zMjU3IDEzLjgxNjggMjcuMzI1NyAxNC4yMDczIDI2LjkzNTJMMTkuODY0MSAyMS4yNzgzTDI1LjUyMDggMjYuOTM1QzI1LjkxMTQgMjcuMzI1NiAyNi41NDQ1IDI3LjMyNTYgMjYuOTM1MSAyNi45MzVDMjcuMzI1NiAyNi41NDQ1IDI3LjMyNTYgMjUuOTExMyAyNi45MzUxIDI1LjUyMDhMMjEuMjc4MyAxOS44NjQxTDI2LjkzNTIgMTQuMjA3MkMyNy4zMjU4IDEzLjgxNjcgMjcuMzI1OCAxMy4xODM1IDI2LjkzNTIgMTIuNzkzQzI2LjU0NDcgMTIuNDAyNSAyNS45MTE1IDEyLjQwMjUgMjUuNTIxIDEyLjc5M0wxOS44NjQxIDE4LjQ0OTlMMTQuMjA3MSAxMi43OTI5QzEzLjgxNjYgMTIuNDAyNCAxMy4xODM0IDEyLjQwMjQgMTIuNzkyOSAxMi43OTI5WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjYyXzExMiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyIDEyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  left: calc(50% - 20px);
}

.project-slider__item:hover .project-slider__item-title,
.project-slider__item:hover .project-slider__item-text,
.project-slider__item:hover::before,
.project-slider__item:hover::after {
  opacity: 1;
}

.project-slider__item:hover .project-slider__item-img img {
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.project-slider__item-content {
  position: relative;
  padding: 50px 0;
  border-radius: 40px;
  width: 100%;
  margin: 0;
}

.project-slider__item-content::before {
  display: none;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTUwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMTUwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9IiNDNEM0QzQiLz4KPHBhdGggZD0iTTIzLjIxNCAyNS4zNjJDMjIuMDUgMjYuNTc0IDIwLjYyMiAyNy4xOCAxOC45MyAyNy4xOEMxNy4yMzggMjcuMTggMTUuODEgMjYuNTc0IDE0LjY0NiAyNS4zNjJDMTMuNDgyIDI0LjE1IDEyLjkgMjIuNTk2IDEyLjkgMjAuN0MxMi45IDE4LjgwNCAxMy40ODIgMTcuMjUgMTQuNjQ2IDE2LjAzOEMxNS44MSAxNC44MjYgMTcuMjM4IDE0LjIyIDE4LjkzIDE0LjIyQzIwLjYyMiAxNC4yMiAyMi4wNSAxNC44MjYgMjMuMjE0IDE2LjAzOEMyNC4zNzggMTcuMjUgMjQuOTYgMTguODA0IDI0Ljk2IDIwLjdDMjQuOTYgMjIuNTk2IDI0LjM3OCAyNC4xNSAyMy4yMTQgMjUuMzYyWk0xNS42NzIgMjQuNDA4QzE2LjU2IDI1LjM1NiAxNy42NDYgMjUuODMgMTguOTMgMjUuODNDMjAuMjE0IDI1LjgzIDIxLjMgMjUuMzU2IDIyLjE4OCAyNC40MDhDMjMuMDc2IDIzLjQ0OCAyMy41MiAyMi4yMTIgMjMuNTIgMjAuN0MyMy41MiAxOS4xODggMjMuMDc2IDE3Ljk1OCAyMi4xODggMTcuMDFDMjEuMyAxNi4wNSAyMC4yMTQgMTUuNTcgMTguOTMgMTUuNTdDMTcuNjQ2IDE1LjU3IDE2LjU2IDE2LjA1IDE1LjY3MiAxNy4wMUMxNC43ODQgMTcuOTU4IDE0LjM0IDE5LjE4OCAxNC4zNCAyMC43QzE0LjM0IDIyLjIxMiAxNC43ODQgMjMuNDQ4IDE1LjY3MiAyNC40MDhaTTMzLjI0IDI3VjE0LjRINDMuMTRWMjdINDEuN1YxNS43NUgzNC42OFYyN0gzMy4yNFpNNDYuOTE5MyAyN1YxNC40SDUyLjQwOTNDNTMuNDA1MyAxNC40IDU0LjI1MTMgMTQuNzcyIDU0Ljk0NzMgMTUuNTE2QzU1LjY1NTMgMTYuMjQ4IDU2LjAwOTMgMTcuMTY2IDU2LjAwOTMgMTguMjdDNTYuMDA5MyAxOS4zNzQgNTUuNjU1MyAyMC4yOTggNTQuOTQ3MyAyMS4wNDJDNTQuMjUxMyAyMS43NzQgNTMuNDA1MyAyMi4xNCA1Mi40MDkzIDIyLjE0SDQ4LjM1OTNWMjdINDYuOTE5M1pNNDguMzU5MyAyMC43OUg1Mi40MDkzQzUzLjAwOTMgMjAuNzkgNTMuNTE5MyAyMC41NTYgNTMuOTM5MyAyMC4wODhDNTQuMzU5MyAxOS42MiA1NC41NjkzIDE5LjAxNCA1NC41NjkzIDE4LjI3QzU0LjU2OTMgMTcuNTI2IDU0LjM1OTMgMTYuOTIgNTMuOTM5MyAxNi40NTJDNTMuNTE5MyAxNS45ODQgNTMuMDA5MyAxNS43NSA1Mi40MDkzIDE1Ljc1SDQ4LjM1OTNWMjAuNzlaTTY5LjAxOTEgMjUuMzYyQzY3Ljg1NTEgMjYuNTc0IDY2LjQyNzEgMjcuMTggNjQuNzM1MSAyNy4xOEM2My4wNDMxIDI3LjE4IDYxLjYxNTEgMjYuNTc0IDYwLjQ1MTEgMjUuMzYyQzU5LjI4NzEgMjQuMTUgNTguNzA1MSAyMi41OTYgNTguNzA1MSAyMC43QzU4LjcwNTEgMTguODA0IDU5LjI4NzEgMTcuMjUgNjAuNDUxMSAxNi4wMzhDNjEuNjE1MSAxNC44MjYgNjMuMDQzMSAxNC4yMiA2NC43MzUxIDE0LjIyQzY2LjQyNzEgMTQuMjIgNjcuODU1MSAxNC44MjYgNjkuMDE5MSAxNi4wMzhDNzAuMTgzMSAxNy4yNSA3MC43NjUxIDE4LjgwNCA3MC43NjUxIDIwLjdDNzAuNzY1MSAyMi41OTYgNzAuMTgzMSAyNC4xNSA2OS4wMTkxIDI1LjM2MlpNNjEuNDc3MSAyNC40MDhDNjIuMzY1MSAyNS4zNTYgNjMuNDUxMSAyNS44MyA2NC43MzUxIDI1LjgzQzY2LjAxOTEgMjUuODMgNjcuMTA1MSAyNS4zNTYgNjcuOTkzMSAyNC40MDhDNjguODgxMSAyMy40NDggNjkuMzI1MSAyMi4yMTIgNjkuMzI1MSAyMC43QzY5LjMyNTEgMTkuMTg4IDY4Ljg4MTEgMTcuOTU4IDY3Ljk5MzEgMTcuMDFDNjcuMTA1MSAxNi4wNSA2Ni4wMTkxIDE1LjU3IDY0LjczNTEgMTUuNTdDNjMuNDUxMSAxNS41NyA2Mi4zNjUxIDE2LjA1IDYxLjQ3NzEgMTcuMDFDNjAuNTg5MSAxNy45NTggNjAuMTQ1MSAxOS4xODggNjAuMTQ1MSAyMC43QzYwLjE0NTEgMjIuMjEyIDYwLjU4OTEgMjMuNDQ4IDYxLjQ3NzEgMjQuNDA4Wk03My45OTY2IDI3VjE0LjRIODIuMDk2NlYxNS43NUg3NS40MzY2VjE5Ljk4SDgxLjczNjZWMjEuMzNINzUuNDM2NlYyNS42NUg4Mi4wOTY2VjI3SDczLjk5NjZaTTg1LjQyNTkgMjdWMTQuNEg4Ni44NjU5VjIwLjM0TDkyLjE3NTkgMTQuNEg5My45NzU5TDg4LjM5NTkgMjAuNjFMOTQuMzM1OSAyN0g5Mi41MzU5TDg2Ljg2NTkgMjAuODhWMjdIODUuNDI1OVpNOTkuODI5NSAyN1YxNS43NUg5NS42ODk1VjE0LjRIMTA1LjQwOVYxNS43NUgxMDEuMjY5VjI3SDk5LjgyOTVaTTEwOC4xOTcgMjdWMTQuNEgxMTYuMjk3VjE1Ljc1SDEwOS42MzdWMTkuOThIMTE1LjkzN1YyMS4zM0gxMDkuNjM3VjI1LjY1SDExNi4yOTdWMjdIMTA4LjE5N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMjcuNzA3IDE0LjM0MTNDMTI3LjMxNyAxMy45NTA3IDEyNy4zMTcgMTMuMzE3NiAxMjcuNzA3IDEyLjkyN1YxMi45MjdDMTI4LjA5OCAxMi41MzY1IDEyOC43MzEgMTIuNTM2NSAxMjkuMTIxIDEyLjkyN0wxMzUuNDgzIDE5LjI4ODVDMTM1Ljg3MyAxOS42NzkgMTM1Ljg3MyAyMC4zMTIyIDEzNS40ODMgMjAuNzAyN1YyMC43MDI3QzEzNS4wOTIgMjEuMDkzMiAxMzQuNDU5IDIxLjA5MzIgMTM0LjA2OSAyMC43MDI3TDEyNy43MDcgMTQuMzQxM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMzUuNDg3IDIwLjcwMzRDMTM1Ljg3OCAyMC4zMTI5IDEzNS44NzggMTkuNjc5OCAxMzUuNDg3IDE5LjI4OTJWMTkuMjg5MkMxMzUuMDk3IDE4Ljg5ODcgMTM0LjQ2NCAxOC44OTg3IDEzNC4wNzMgMTkuMjg5MkwxMjcuNzA3IDI1LjY1NUMxMjcuMzE3IDI2LjA0NTYgMTI3LjMxNyAyNi42Nzg3IDEyNy43MDcgMjcuMDY5M1YyNy4wNjkzQzEyOC4wOTggMjcuNDU5OCAxMjguNzMxIDI3LjQ1OTggMTI5LjEyMSAyNy4wNjkzTDEzNS40ODcgMjAuNzAzNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  position: absolute;
  top: 16px;
  left: calc(50% - 75px);
}

.project-slider__item-title {
  font: normal 500 32px/1.25 "TTHoves-Medium", sans-serif;
  text-align: center;
  color: #fff;
  margin: 0 auto 24px;
  padding: 0;
  opacity: 0;
  -webkit-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  max-width: 80%;
}

.project-slider__item-text {
  font: normal 300 24px/1.33 "TTHoves-Light", sans-serif;
  text-align: center;
  color: #fff;
  opacity: 0;
  -webkit-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  max-width: 80%;
  margin: 0 auto;
}

.project-slider__item-img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: 40px;
}

.project-slider__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 40px;
  -webkit-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

.project-slider__slide {
  background: rgba(50, 50, 69, 0.3);
  mix-blend-mode: normal;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.project-slider__slide-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.project-slider__slide-video {
  width: 33%;
}

.project-slider__slide-video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 40px 0 0 40px;
}

.project-slider__slide-content {
  width: 67%;
  padding: 40px 30px;
}

.project-slider__slide-title {
  font: normal 400 32px/1.25 "TTHoves-Medium", sans-serif;
  color: #fff;
  margin: 0 0 16px;
}

.project-slider__slide-list {
  padding: 0 0 0 20px;
  margin: 0;
  list-style: disc;
}

.project-slider__slide-list li {
  font: normal 300 18px/1.3 "TTHoves-Light", sans-serif;
  color: #ACACAC;
  padding: 0 0 5px;
  margin: 0;
}

.project-slider__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 40px 0 0 40px;
}

.project-slider .slick-next {
  position: absolute;
  top: calc(50% - 24px);
  right: calc((100% - 1040px) / 2);
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: none;
  outline: none;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  cursor: pointer;
}

.project-slider .slick-next::after {
  position: absolute;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjA1MjI1IDEuNTcxNzlDMy4xMzcyNSAwLjY5MzQ5OCAxLjY5MjI3IDAuNjkzNDk4IDAuNzc3MjYyIDEuNTcxNzlDLTAuMTkyMjk5IDIuNTAyNDUgLTAuMTkyMzAxIDQuMDUzMDMgMC43NzcyNjIgNC45ODM2OUwxMC4xNzA1IDE0TDAuNzc3MjY0IDIzLjAxNjNDLTAuMTkyMjk5IDIzLjk0NyAtMC4xOTIzMDEgMjUuNDk3NiAwLjc3NzI2MiAyNi40MjgyQzEuNjkyMjcgMjcuMzA2NSAzLjEzNzI1IDI3LjMwNjUgNC4wNTIyNiAyNi40MjgyTDE0Ljc0NTIgMTYuMTY0M0MxNS45NzUzIDE0Ljk4MzYgMTUuOTc1MyAxMy4wMTY0IDE0Ljc0NTIgMTEuODM1N0w0LjA1MjI1IDEuNTcxNzlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  top: 10px;
  right: 13px;
}

.project-slider .slick-prev {
  position: absolute;
  top: calc(50% - 24px);
  left: calc((100% - 1040px) / 2);
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: none;
  outline: none;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  cursor: pointer;
}

.project-slider .slick-prev::after {
  position: absolute;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45NDc3IDEuNTcxNzlDMTIuODYyOCAwLjY5MzQ5OCAxNC4zMDc3IDAuNjkzNDk4IDE1LjIyMjcgMS41NzE3OUMxNi4xOTIzIDIuNTAyNDUgMTYuMTkyMyA0LjA1MzAzIDE1LjIyMjcgNC45ODM2OUw1LjgyOTUyIDE0TDE1LjIyMjcgMjMuMDE2M0MxNi4xOTIzIDIzLjk0NyAxNi4xOTIzIDI1LjQ5NzYgMTUuMjIyNyAyNi40MjgyQzE0LjMwNzcgMjcuMzA2NSAxMi44NjI4IDI3LjMwNjUgMTEuOTQ3NyAyNi40MjgyTDEuMjU0NzcgMTYuMTY0M0MwLjAyNDcxMDcgMTQuOTgzNiAwLjAyNDcxMyAxMy4wMTY0IDEuMjU0NzcgMTEuODM1N0wxMS45NDc3IDEuNTcxNzlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  top: 10px;
  left: 13px;
}

.project-slider__slide-flex iframe {
  width: 33%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  border: 0;
}

.contacts__modal {
  display: none;
}

.contacts__form-wrapper {
  background: #000;
  mix-blend-mode: normal;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 40px;
  max-width: 600px;
  width: 100%;
  padding: 40px;
}

.contacts__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #000000;
}

.contacts__form-link {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMVYxN002IDE3TDExIDEyTTYgMTdMMSAxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat center left;
  color: #fff;
  padding: 0 0 0 24px;
  text-decoration: none;
  margin: 0 0 16px;
}

.contacts__form-title {
  font: normal 600 40px/1.2 "TTHoves-DemiBold", sans-serif;
  color: #fff;
  margin: 0 0 24px;
}

.contacts__input-box {
  width: 100%;
  margin: 0 0 16px;
}

.contacts__input {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-radius: 16px;
  background: #000;
  color: #ffffff80;
  padding: 12px 20px;
}

.contacts__textarea {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-radius: 16px;
  background: #000;
  color: #ffffff80;
  padding: 12px 20px;
}

.contacts__text {
  font: normal 400 16px/1.5 "TTHoves-Regular", sans-serif;
  color: #ffffff80;
  padding: 0;
  margin: 16px 0 0;
}

.contacts__text a {
  color: #ffffff80;
}

.contacts__btn {
  margin: 8px 0 0;
  padding: 12px;
  width: 100%;
}

.fancybox__slide {
  padding: 0;
}

.fancybox__content > .carousel__button.is-close {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI3LjkzOTQiIGhlaWdodD0iNS45ODciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3NDE0IDAuNzA2OCAtMC43MDc0MTQgMC43MDY4IDQuMjM1MzIgMC4wMjA4NDM1KSIgZmlsbD0id2hpdGUiLz4KPHJlY3Qgd2lkdGg9IjI3LjkzOTQiIGhlaWdodD0iNS45ODciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3NDE0IC0wLjcwNjggMC43MDc0MTQgMC43MDY4IDAgMTkuNzQ3NSkiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center/contain;
  width: 24px;
  height: 24px;
  top: 55px;
  right: 40px;
  border: none;
}

.fancybox__content > .carousel__button.is-close svg {
  display: none;
}

.swiper-pagination-bullet-active {
  background: #fff;
}

.fancybox__backdrop {
  background: transparent;
}

body.is-using-mouse *:not(.fancybox__container, .fancybox__container *) {
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.video__container {
  position: relative;
  width: 33%;
  border-radius: 40px 0 0 40px;
}

.video__play-btn {
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.video__play-btn::after {
  position: absolute;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjUgMTMuNDAxOUMyNy41IDE0LjU1NjYgMjcuNSAxNy40NDM0IDI1LjUgMTguNTk4MUw0LjUgMzAuNzIyNEMyLjUgMzEuODc3MSAtMS41MDUxNWUtMDYgMzAuNDMzOCAtMS40MDQyZS0wNiAyOC4xMjQ0TC0zLjQ0MjU1ZS0wNyAzLjg3NTY0Qy0yLjQzMzA4ZS0wNyAxLjU2NjI0IDIuNSAwLjEyMjg2NSA0LjUgMS4yNzc1N0wyNS41IDEzLjQwMTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  top: 24px;
  left: 28px;
}

.blog-top {
  position: relative;
  margin: -92px 0 0;
  padding: 172px 0 48px;
}

.blog-top > picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.blog-top > picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-top > picture::after {
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.2) 100%);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-top h1 {
  max-width: 690px;
  z-index: 2;
}

.blog-top .main-text {
  max-width: 690px;
  z-index: 2;
}

.blog-top .btn {
  margin: 32px 0 0;
  z-index: 2;
}

.blog-grid {
  padding: 80px 0;
}

.blog-grid .container {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: 32px;
}

.blog-grid__sidebar {
  position: sticky;
  top: 0;
}

.blog-grid__sidebar p {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  color: #fff;
  margin: 16px 0;
  padding: 0;
}

.blog-article {
  position: relative;
  margin: 0 0 80px;
}

.blog-article > picture {
  width: 100%;
}

.blog-article > picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 32px;
}

.blog-article__title {
  font: normal 600 40px/1.2 "TTHoves-DemiBold", sans-serif;
  color: #fff;
  padding: 0;
  margin: 16px 0 32px;
}

.blog-article__tags {
  position: absolute;
  top: 16px;
  left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
}

.blog-article__tags span {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-radius: 16px;
  color: #fff;
}

.blog-btn {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  display: block;
  background: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-radius: 16px;
  padding: 16px 20px;
  width: 100%;
  text-align: center;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog-btn:hover {
  background: #fff;
  color: #000;
}

.blog-btn--left span {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4xNjY0OSAwLjkyNDUyOEM2LjY4NTU5IDAuNDEyMDI1IDcuNTIwMjQgMC40MTIwMjQgOC4wMzkzMyAwLjkyNDUyN0M4LjU2NzkgMS40NDYzOCA4LjU2NzkgMi4yOTk2MSA4LjAzOTMzIDIuODIxNDZMMi43OTQxOCA4TDguMDM5MzMgMTMuMTc4NUM4LjU2NzkgMTMuNzAwNCA4LjU2NzkgMTQuNTUzNiA4LjAzOTMzIDE1LjA3NTVDNy41MjAyNCAxNS41ODggNi42ODU1OSAxNS41ODggNi4xNjY0OSAxNS4wNzU1TDEuMTYyMyAxMC4xMzQ4Qy0wLjAyNzQxIDguOTYwMjQgLTAuMDI3NDExIDcuMDM5NzYgMS4xNjIzIDUuODY1MTdMNi4xNjY0OSAwLjkyNDUyOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat left center/10px 16px;
  padding-left: 25px;
}

.blog-btn--left:hover span {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4xNjY0OSAwLjkyNDUyOEM2LjY4NTU5IDAuNDEyMDI1IDcuNTIwMjQgMC40MTIwMjQgOC4wMzkzMyAwLjkyNDUyN1YwLjkyNDUyN0M4LjU2NzkgMS40NDYzOCA4LjU2NzkgMi4yOTk2MSA4LjAzOTMzIDIuODIxNDZMMi43OTQxOCA4TDguMDM5MzMgMTMuMTc4NUM4LjU2NzkgMTMuNzAwNCA4LjU2NzkgMTQuNTUzNiA4LjAzOTMzIDE1LjA3NTVWMTUuMDc1NUM3LjUyMDI0IDE1LjU4OCA2LjY4NTU5IDE1LjU4OCA2LjE2NjQ5IDE1LjA3NTVMMS4xNjIzIDEwLjEzNDhDLTAuMDI3NDEgOC45NjAyNCAtMC4wMjc0MTEgNy4wMzk3NiAxLjE2MjMgNS44NjUxN0w2LjE2NjQ5IDAuOTI0NTI4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) no-repeat left center/10px 16px;
}

.blog-btn--right span {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi44MzM1MSAwLjkyNDUyOEMyLjMxNDQxIDAuNDEyMDI1IDEuNDc5NzYgMC40MTIwMjQgMC45NjA2NjcgMC45MjQ1MjdWMC45MjQ1MjdDMC40MzIxMDMgMS40NDYzOCAwLjQzMjEwNCAyLjI5OTYxIDAuOTYwNjY4IDIuODIxNDZMNi4yMDU4MiA4TDAuOTYwNjY4IDEzLjE3ODVDMC40MzIxMDMgMTMuNzAwNCAwLjQzMjEwMyAxNC41NTM2IDAuOTYwNjY3IDE1LjA3NTVWMTUuMDc1NUMxLjQ3OTc2IDE1LjU4OCAyLjMxNDQxIDE1LjU4OCAyLjgzMzUxIDE1LjA3NTVMNy44Mzc3IDEwLjEzNDhDOS4wMjc0MSA4Ljk2MDI0IDkuMDI3NDEgNy4wMzk3NiA3LjgzNzcgNS44NjUxN0wyLjgzMzUxIDAuOTI0NTI4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat right center/10px 16px;
  padding-right: 25px;
}

.blog-btn--right:hover span {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi44MzM1MSAwLjkyNDUyOEMyLjMxNDQxIDAuNDEyMDI1IDEuNDc5NzYgMC40MTIwMjQgMC45NjA2NjcgMC45MjQ1MjdWMC45MjQ1MjdDMC40MzIxMDMgMS40NDYzOCAwLjQzMjEwNCAyLjI5OTYxIDAuOTYwNjY4IDIuODIxNDZMNi4yMDU4MiA4TDAuOTYwNjY4IDEzLjE3ODVDMC40MzIxMDMgMTMuNzAwNCAwLjQzMjEwMyAxNC41NTM2IDAuOTYwNjY3IDE1LjA3NTVWMTUuMDc1NUMxLjQ3OTc2IDE1LjU4OCAyLjMxNDQxIDE1LjU4OCAyLjgzMzUxIDE1LjA3NTVMNy44Mzc3IDEwLjEzNDhDOS4wMjc0MSA4Ljk2MDI0IDkuMDI3NDEgNy4wMzk3NiA3LjgzNzcgNS44NjUxN0wyLjgzMzUxIDAuOTI0NTI4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) no-repeat right center/10px 16px;
}

.blog-btn__container {
  margin: 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.blog__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog__links--top {
  display: none;
}

.blog__links li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 11px 0;
}

.checkbox {
  cursor: pointer;
}

.checkbox__label {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  color: #fff;
  padding: 12px 20px;
  margin: 0;
  background: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-radius: 16px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.checkbox__label:hover {
  background: #fff;
  color: #000;
}

.checkbox__input {
  display: none;
}

.checkbox__input:checked ~ .checkbox__label {
  position: relative;
  background: #fff;
  color: #000;
  padding-left: 45px;
}

.checkbox__input:checked ~ .checkbox__label::before {
  position: absolute;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk2MDYzMiAwLjkyNDQxNkMxLjQ3OTczIDAuNDExOTEzIDIuMzE0MzggMC40MTE5MTQgMi44MzM0NyAwLjkyNDQxNkw3LjgzNzY3IDUuODY1MDZDNy44OTQ0OCA1LjkyMTE1IDcuOTQ4NTggNS45Nzg5NCA3Ljk5OTk2IDYuMDM4MjdDOC4wNTEzNSA1Ljk3ODk0IDguMTA1NDUgNS45MjExNSA4LjE2MjI2IDUuODY1MDZMMTMuMTY2NSAwLjkyNDQxNkMxMy42ODU2IDAuNDExOTE0IDE0LjUyMDIgMC40MTE5MTMgMTUuMDM5MyAwLjkyNDQxNkMxNS41Njc5IDEuNDQ2MjcgMTUuNTY3OSAyLjI5OTUgMTUuMDM5MyAyLjgyMTM1TDkuNzk0MTQgNy45OTk4OUwxNS4wMzkzIDEzLjE3ODRDMTUuNTY3OSAxMy43MDAzIDE1LjU2NzkgMTQuNTUzNSAxNS4wMzkzIDE1LjA3NTRDMTQuNTIwMiAxNS41ODc5IDEzLjY4NTYgMTUuNTg3OSAxMy4xNjY1IDE1LjA3NTRMOC4xNjIyNiAxMC4xMzQ3QzguMTA1NDUgMTAuMDc4NiA4LjA1MTM1IDEwLjAyMDggNy45OTk5NyA5Ljk2MTUxQzcuOTQ4NTggMTAuMDIwOCA3Ljg5NDQ4IDEwLjA3ODYgNy44Mzc2NyAxMC4xMzQ3TDIuODMzNDcgMTUuMDc1NEMyLjMxNDM4IDE1LjU4NzkgMS40Nzk3MyAxNS41ODc5IDAuOTYwNjMyIDE1LjA3NTRDMC40MzIwNjggMTQuNTUzNSAwLjQzMjA2OCAxMy43MDAzIDAuOTYwNjMyIDEzLjE3ODRMNi4yMDU3OSA3Ljk5OTg5TDAuOTYwNjMzIDIuODIxMzVDMC40MzIwNjkgMi4yOTk1IDAuNDMyMDY4IDEuNDQ2MjcgMC45NjA2MzIgMC45MjQ0MTZaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
  left: 20px;
}

.subscribe__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.subscribe__form .btn {
  margin: 8px 0 0;
  padding: 16px 20px;
}

.subscribe__form p {
  font: normal 400 16px/1.5 "TTHoves-Regular", sans-serif;
  color: #ffffff80;
  padding: 0;
  margin: 0;
}

.subscribe__form a {
  color: #ffffff80;
}

.content {
  max-width: 1080px;
  margin: 48px auto 0;
  position: relative;
  overflow: hidden;
  padding-bottom: 40px;
}

.content__bg {
  position: absolute;
  bottom: -450px;
  left: -100px;
  z-index: -1;
}

.content__bg img {
  width: 100%;
}

.feature {
  --x-px: calc(var(--x) * 1px);
  --y-px: calc(var(--y) * 1px);
  overflow: hidden;
}

.feature:before,
.feature:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  inset: 0px;
  border-radius: inherit;
  background: -o-radial-gradient(var(--x-px) var(--y-px), 800px circle, rgba(189, 205, 217, 0.3), transparent 40%);
  background: radial-gradient(800px circle at var(--x-px) var(--y-px), rgba(189, 205, 217, 0.3), transparent 40%);
}

.feature:before {
  z-index: 1;
}

.feature:after {
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.feature:hover:before,
.feature:hover:after {
  display: block;
}

.feature:hover:after {
  opacity: 1;
}

.content-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(6, auto);
  gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.content-list__item {
  margin: 0;
  border-radius: 40px;
}

.content-list__item--tech {
  grid-column: 1/3;
}

.content-list__item--tech .content-list__item-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-list__item--tech picture {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.content-list__item--tech .content-list__item-text {
  max-width: 380px;
}

.content-list__item--blog {
  grid-row: 2/4;
}

.content-list__item--calc {
  grid-row: 4/6;
}

.content-list__item--studio {
  grid-row: 3/5;
}

.content-list__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  padding: 0 40px 40px;
  background: rgba(50, 50, 69, 0.3);
  mix-blend-mode: normal;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 3;
}

.content-list__item-content--tech {
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  padding: 90px 40px;
}

.content-list__item-content--scheme {
  padding: 40px;
}

.content-list__item-content--studio {
  padding: 40px;
}

.content-list__item-content--rent {
  padding: 30px 40px 40px;
}

.content-list__item-content--calc {
  padding: 40px;
}

.content-list__item-content--blog {
  padding-top: 25px;
}

.content-list__item-content--blog a {
  text-decoration: none;
}

.content-list__item-content--blog picture {
  display: none;
}

.content-list__item-title {
  font: normal 500 32px/1.25 "TTHoves-Medium", sans-serif;
  margin-bottom: 8px;
}

.content-list__item-text {
  font: normal 300 18px/1.33 "TTHoves-Light", sans-serif;
  color: #ACACAC;
  margin: 0;
  padding: 0;
}

.content-list picture {
  -ms-flex-item-align: center;
  align-self: center;
  margin: auto 0;
}

.content-list picture img {
  max-width: 100%;
  height: auto;
  z-index: 3;
}

.content-list__img--blog {
  display: none;
}

.content-list__item-news {
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: 20px;
}

.content-list__item-news time {
  font: normal small-caps 400 12px/2 "TTHoves-Regular", sans-serif;
  position: relative;
  display: inline-block;
  background: #FFFFFF;
  border-radius: 1000px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
  padding: 0 10px 0 5px;
  vertical-align: bottom;
}

.content-list__item-news time::before {
  content: url("../img/icon_blog_date.svg");
  margin-right: 2px;
}

.content-list__item-news p {
  font: normal 300 18px/1.33 "TTHoves-Light", sans-serif;
  color: #fff;
  margin: 0;
}

.slider .container {
  max-width: 1080px;
}

.footer-main .container {
  max-width: 1080px;
  padding-left: 40px;
  padding-right: 40px;
}

.footer-main nav {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 90px;
  -moz-column-gap: 90px;
  column-gap: 90px;
}

.footer-main .copyright__achievements {
  display: none;
}

.footer-main .footer__nav {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

nav {
  margin: 100px auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.footer__nav {
  list-style: none;
  color: #fff;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  padding: 0;
}

.footer__nav .footer__nav-item {
  margin: 0;
}

.footer__nav .footer__nav-item a {
  font: normal 500 18px/1.33 "TTHoves-Medium", sans-serif;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.footer__nav .footer__nav-item a:hover {
  color: #fff;
  -webkit-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px;
  text-align: center;
}

.link__footer a {
  font: normal 400 18px/24px "TTHoves-Regular", sans-serif;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}

.footer p {
  font: normal 300 18px/24px "TTHoves-Light", sans-serif;
  color: #ACACAC;
  margin: 0;
  padding: 0;
}

.footer .copyright__achievements {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41IiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjYyM18xMzgpIj4KPHBhdGggZD0iTTQuNDA2MyA3Ljk1OTQ0QzYuMjcxNjkgNy43NTU4MSA3Ljc1MjgzIDYuMjc0MTcgNy45NTYzOSA0LjQwNzc4QzguMTU5OTUgNi4yNzQxOCA5LjY0MTA4IDcuNzU1ODEgMTEuNTA2NSA3Ljk1OTQ0QzkuNjQxMDggOC4xNjMwNiA4LjE1OTk1IDkuNjQ0NyA3Ljk1NjM5IDExLjUxMDdDNy43NTI4MyA5LjY0NDcgNi4yNzE2OSA4LjE2MzA2IDQuNDA2MyA3Ljk1OTQ0Wk0xMS45Njg3IDMuMjY1MTVDMTEuOTU5MyAzLjMxNTQgMTEuODg1OCAzLjMxNTQgMTEuODc2MSAzLjI2NTE1QzExLjUyNDUgMS40MDYyNiA5Ljg5MjI1IDAgNy45MzIwMiAwVjMuMzg5MjhDNy42MzI4NyAxLjQ4NDY0IDUuOTk2OTEgMC4wMjUxMjUyIDQuMDE0NTYgMC4wMDE1MDAwMVYwSDMuOTY1ODJIMEMwIDEuOTk4MDIgMS40NTgyNyAzLjY1NDc4IDMuMzY4MjcgMy45NjQxNkMzLjQwMzEzIDMuOTY5NzggMy40MDMxMyA0LjAxNDQxIDMuMzY4MjcgNC4wMTk2NkMxLjQ1ODI3IDQuMzI5NDEgMCA1Ljk4NTggMCA3Ljk4NDE5SDMuMzg3MzlDMS40ODQxNCA4LjI4MjY5IDAuMDI0NzQxOSA5LjkxOTU4IDAuMDAxMTI0NjMgMTEuOTAyMkgwVjE1LjkxODlDMi4wMDc4NCAxNS45MTg5IDMuNjcxNTQgMTQuNDQzNiAzLjk2NzcgMTIuNTE3MkMzLjk3MTgyIDEyLjQ4NzYgNC4wMDg1NiAxMi40ODc2IDQuMDEzMDYgMTIuNTE3MkM0LjMwODg0IDE0LjQ0MzYgNS45NzIxNiAxNS45MTg5IDcuOTgwNzUgMTUuOTE4OVYxMi41M0M4LjI3OTUzIDE0LjQzNDIgOS45MTU4NyAxNS44OTM0IDExLjg5NzggMTUuOTE3N1YxNS45MTg5SDE1LjkxMjhDMTUuOTEyOCAxMy45MDE0IDE0LjQyNiAxMi4yMzE4IDEyLjQ4ODYgMTEuOTQ2MUMxMi40NjMyIDExLjk0MjcgMTIuNDYzMiAxMS45MTEyIDEyLjQ4ODYgMTEuOTA3NUMxNC40MjYgMTEuNjIxNyAxNS45MTI4IDkuOTUyMiAxNS45MTI4IDcuOTM0NjlIMTIuNTI0NkMxNC40MjkgNy42MzYxOCAxNS44ODc3IDUuOTk5MyAxNS45MTEzIDQuMDE2MjhIMTUuOTEyOFYwQzEzLjk1MjIgMCAxMi4zMjAzIDEuNDA2MjYgMTEuOTY4NyAzLjI2NTE1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNjIzXzEzOCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat center left;
  padding: 0 0 0 22px;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

.burger__menu {
  display: none;
}

.bg {
  position: absolute;
  left: 20%;
  top: -150px;
  z-index: -1;
}

.bg .mob {
  display: none;
}

.bg img {
  width: 100%;
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 40px;
}

.header__menu {
  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;
  padding: 0;
  list-style: none;
  width: 100%;
  margin-left: 92px;
}

.header__menu__mob {
  display: none;
}

.header__menu-item {
  margin: 0;
}

.header__menu-item a {
  font: normal 400 24px/32px "TTHoves-Regular", sans-serif;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  -webkit-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.header__menu-item a:hover {
  color: #fff;
  -webkit-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.header__menu-item--active a {
  color: #fff;
  pointer-events: none;
}

.burger__menu-button .burger__menu-lines {
  position: relative;
  width: 28px;
  height: 6px;
  background: #ffffff;
  display: block;
  z-index: 30;
}

.burger__menu-button .burger__menu-lines::after {
  content: "";
  width: 28px;
  height: 6px;
  background: #ffffff;
  top: -12px;
  position: absolute;
}

.burger__menu-active .burger__menu-lines::after {
  top: 0;
  -webkit-transform: rotate(85deg);
  -ms-transform: rotate(85deg);
  transform: rotate(85deg);
}

.burger__menu-active .burger__menu-lines {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.burger__menu-nav {
  font: normal 600 32px/40px "TTHoves-DemiBold", sans-serif;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(41px);
  backdrop-filter: blur(41px);
  padding-top: 120px;
  padding-left: 60px;
  position: fixed;
  color: #ffffff;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-align: center;
  width: 100vh;
  text-align: center;
  color: #ffffff;
}

.burger__menu-nav > li {
  margin-top: 10px;
}

.burger__menu-nav > li > a::after {
  content: "";
  width: 26px;
  height: 6px;
  background: #fff;
  position: absolute;
  top: 16px;
  left: -50px;
}

.header__logo {
  z-index: 10000000;
}

.header__logo-burger-open {
  display: block;
}

.header__logo-burger-close {
  display: none;
}

.header__menu__mob {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(41px);
  backdrop-filter: blur(41px);
  padding-top: 160px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none;
  overflow-y: scroll;
}

.header__menu__mob li {
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  margin: 0;
}

.header__menu__mob a {
  font: normal 600 44px/80px "TTHoves-DemiBold", sans-serif;
  text-align: center;
  text-decoration: none;
  opacity: 0.5;
  color: #fff;
}

.header__menu__mob a:hover,
.header__menu__mob a:focus {
  opacity: 1;
}

.header__menu__mob .header__menu__mob-item.active {
  position: relative;
}

.header__menu__mob .header__menu__mob-item.active:before {
  background: #fff;
  content: "";
  height: 6px;
  width: 28px;
  position: absolute;
  right: 40px;
  top: calc(50% - 3px);
}

.header__menu__mob .header__menu__mob-item.active a {
  opacity: 1;
}

body.opened-menu {
  overflow: hidden;
}

body.opened-menu .header__logo-burger-open {
  display: none;
}

body.opened-menu .header__logo-burger-close {
  display: block;
}

body.opened-menu .header__menu__mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.post-grid {
  padding: 80px 0;
}

.post-grid .container {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: 32px;
}

.post-grid__sidebar {
  position: sticky;
  top: 0;
}

.post-grid__sidebar p {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  color: #fff;
  margin: 16px 0;
  padding: 0;
}

.post-grid img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.img__container {
  position: relative;
}

.img__container img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 32px;
}

.img__tags {
  position: absolute;
  bottom: 16px;
  left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.img__tags span {
  font: normal 400 24px/1.3 "TTHoves-Regular", sans-serif;
  color: #fff;
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-radius: 16px;
}

.scheme-promo {
  position: relative;
  margin: -92px 0 0;
  padding: 172px 0 80px;
}

.scheme-promo .main-title {
  margin: 0 0 16px;
}

.scheme-promo .main-text {
  max-width: 780px;
}

.scheme-promo__btn {
  margin: 40px 0 0;
}

.scheme-promo #gradient-canvas-3 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.header {
  z-index: 3;
}

.slider__title {
  font: normal 400 144px/120px "TTHoves-Regular", sans-serif;
  color: #fff;
  margin: -92px 0 64px -8px;
  padding: 204px 0 0;
}

.slider__intro {
  font: normal 300 24px/32px "TTHoves-Light", sans-serif;
  color: #fff;
  max-width: 780px;
}

.slider__brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 96px;
  padding: 0;
}

.slider__brands::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(black));
  background: -o-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, black 100%);
  background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, black 100%);
}

.slider__brands-item {
  text-decoration: none;
  list-style: none;
}

.studio-show {
  margin: 0 0 40px;
}

.studio-show__video {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 40px;
  margin: 25px 0 0;
}

.tech-promo {
  position: relative;
  margin: -92px 0 0;
  padding: 172px 0 80px;
}

.tech-promo .main-title {
  margin: 0 0 16px;
}

.tech-promo .main-text {
  max-width: 680px;
}

.tech-promo__btn {
  margin: 40px 0 0;
}

.tech-promo #gradient-canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.tech-promo #gradient-canvas-2 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.tech-promo #gradient-canvas-3 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.tech-tasks {
  padding: 80px 0 30px;
}

.tech-tasks .container {
  display: grid;
  grid-template-columns: 1.8fr 1.1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 32px;
}

.tech-tasks .section-title {
  margin-top: 0;
}

.tech-tasks__list {
  font: 400 24px/1.3 "TTHoves-Regular", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
}

.tech-tasks__item {
  margin: 0;
  padding: 12px 20px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-radius: 16px;
}

.tech-projects {
  padding: 30px 0 40px;
  display:none;
}

.tech-numbers {
  padding: 40px 0;
  color: #fff;
}

.tech-numbers__list {
  display: grid;
  grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
  -webkit-column-gap: 7%;
  -moz-column-gap: 7%;
  column-gap: 7%;
  row-gap: 40px;
  padding: 0;
  margin: 40px 0 0;
}

.tech-numbers__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 8px;
}

.tech-numbers__item:nth-child(1) {
  grid-column: 1/3;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tech-numbers__item:nth-child(2) {
  grid-column: 3/5;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 350px;
}

.tech-numbers__item:nth-child(4) {
  grid-column: 2/4;
  margin: 0 auto;
}

.tech-numbers__item dt {
  font: normal 300 24px/1.45 "TTHoves-Light", sans-serif;
}

.tech-numbers__item dd {
  font: normal 600 120px/1 "TTHoves-DemiBold", sans-serif;
}

.tech-team {
  padding: 40px 0 80px;
}

.tech-team__list {
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
  row-gap: 40px;
  color: #fff;
}

.tech-team__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

.tech-team__item picture {
  width: 120px;
  height: 120px;
  border-radius: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}

.tech-team__item-img {
  width: 120px;
  height: 120px;
  border-radius: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}

.tech-team__item-title {
  font: normal 600 28px/1.2 "TTHoves-DemiBold", sans-serif;
  padding: 0;
  margin: 0 0 4px;
}

.tech-team__item-position {
  font: normal 300 18px/1.1 "TTHoves-Light", sans-serif;
  margin: 0;
  padding: 0;
}

.tech-estimate {
  position: relative;
  padding: 80px 0;
}

.tech-estimate #gradient-canvas-4 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.tech-estimate #gradient-canvas-5 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.tech-estimate #gradient-canvas-6 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.tech-estimate .container {
  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;
}

.tech-estimate .main-text {
  max-width: 544px;
}

@supports (-webkit-appearance:none) {
  .contacts__form-link {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMVYxN002IDE3TDExIDEyTTYgMTdMMSAxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  }

  .fancybox__content > .carousel__button.is-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI3LjkzOTQiIGhlaWdodD0iNS45ODciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3NDE0IDAuNzA2OCAtMC43MDc0MTQgMC43MDY4IDQuMjM1MzIgMC4wMjA4NDM1KSIgZmlsbD0id2hpdGUiLz4KPHJlY3Qgd2lkdGg9IjI3LjkzOTQiIGhlaWdodD0iNS45ODciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3NDE0IC0wLjcwNjggMC43MDc0MTQgMC43MDY4IDAgMTkuNzQ3NSkiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  }

  .blog-btn--left span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4xNjY0OSAwLjkyNDUyOEM2LjY4NTU5IDAuNDEyMDI1IDcuNTIwMjQgMC40MTIwMjQgOC4wMzkzMyAwLjkyNDUyN0M4LjU2NzkgMS40NDYzOCA4LjU2NzkgMi4yOTk2MSA4LjAzOTMzIDIuODIxNDZMMi43OTQxOCA4TDguMDM5MzMgMTMuMTc4NUM4LjU2NzkgMTMuNzAwNCA4LjU2NzkgMTQuNTUzNiA4LjAzOTMzIDE1LjA3NTVDNy41MjAyNCAxNS41ODggNi42ODU1OSAxNS41ODggNi4xNjY0OSAxNS4wNzU1TDEuMTYyMyAxMC4xMzQ4Qy0wLjAyNzQxIDguOTYwMjQgLTAuMDI3NDExIDcuMDM5NzYgMS4xNjIzIDUuODY1MTdMNi4xNjY0OSAwLjkyNDUyOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  }

  .blog-btn--left:hover span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4xNjY0OSAwLjkyNDUyOEM2LjY4NTU5IDAuNDEyMDI1IDcuNTIwMjQgMC40MTIwMjQgOC4wMzkzMyAwLjkyNDUyN1YwLjkyNDUyN0M4LjU2NzkgMS40NDYzOCA4LjU2NzkgMi4yOTk2MSA4LjAzOTMzIDIuODIxNDZMMi43OTQxOCA4TDguMDM5MzMgMTMuMTc4NUM4LjU2NzkgMTMuNzAwNCA4LjU2NzkgMTQuNTUzNiA4LjAzOTMzIDE1LjA3NTVWMTUuMDc1NUM3LjUyMDI0IDE1LjU4OCA2LjY4NTU5IDE1LjU4OCA2LjE2NjQ5IDE1LjA3NTVMMS4xNjIzIDEwLjEzNDhDLTAuMDI3NDEgOC45NjAyNCAtMC4wMjc0MTEgNy4wMzk3NiAxLjE2MjMgNS44NjUxN0w2LjE2NjQ5IDAuOTI0NTI4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
  }

  .blog-btn--right span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi44MzM1MSAwLjkyNDUyOEMyLjMxNDQxIDAuNDEyMDI1IDEuNDc5NzYgMC40MTIwMjQgMC45NjA2NjcgMC45MjQ1MjdWMC45MjQ1MjdDMC40MzIxMDMgMS40NDYzOCAwLjQzMjEwNCAyLjI5OTYxIDAuOTYwNjY4IDIuODIxNDZMNi4yMDU4MiA4TDAuOTYwNjY4IDEzLjE3ODVDMC40MzIxMDMgMTMuNzAwNCAwLjQzMjEwMyAxNC41NTM2IDAuOTYwNjY3IDE1LjA3NTVWMTUuMDc1NUMxLjQ3OTc2IDE1LjU4OCAyLjMxNDQxIDE1LjU4OCAyLjgzMzUxIDE1LjA3NTVMNy44Mzc3IDEwLjEzNDhDOS4wMjc0MSA4Ljk2MDI0IDkuMDI3NDEgNy4wMzk3NiA3LjgzNzcgNS44NjUxN0wyLjgzMzUxIDAuOTI0NTI4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  }

  .blog-btn--right:hover span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi44MzM1MSAwLjkyNDUyOEMyLjMxNDQxIDAuNDEyMDI1IDEuNDc5NzYgMC40MTIwMjQgMC45NjA2NjcgMC45MjQ1MjdWMC45MjQ1MjdDMC40MzIxMDMgMS40NDYzOCAwLjQzMjEwNCAyLjI5OTYxIDAuOTYwNjY4IDIuODIxNDZMNi4yMDU4MiA4TDAuOTYwNjY4IDEzLjE3ODVDMC40MzIxMDMgMTMuNzAwNCAwLjQzMjEwMyAxNC41NTM2IDAuOTYwNjY3IDE1LjA3NTVWMTUuMDc1NUMxLjQ3OTc2IDE1LjU4OCAyLjMxNDQxIDE1LjU4OCAyLjgzMzUxIDE1LjA3NTVMNy44Mzc3IDEwLjEzNDhDOS4wMjc0MSA4Ljk2MDI0IDkuMDI3NDEgNy4wMzk3NiA3LjgzNzcgNS44NjUxN0wyLjgzMzUxIDAuOTI0NTI4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
  }

  .footer .copyright__achievements {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41IiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjYyM18xMzgpIj4KPHBhdGggZD0iTTQuNDA2MyA3Ljk1OTQ0QzYuMjcxNjkgNy43NTU4MSA3Ljc1MjgzIDYuMjc0MTcgNy45NTYzOSA0LjQwNzc4QzguMTU5OTUgNi4yNzQxOCA5LjY0MTA4IDcuNzU1ODEgMTEuNTA2NSA3Ljk1OTQ0QzkuNjQxMDggOC4xNjMwNiA4LjE1OTk1IDkuNjQ0NyA3Ljk1NjM5IDExLjUxMDdDNy43NTI4MyA5LjY0NDcgNi4yNzE2OSA4LjE2MzA2IDQuNDA2MyA3Ljk1OTQ0Wk0xMS45Njg3IDMuMjY1MTVDMTEuOTU5MyAzLjMxNTQgMTEuODg1OCAzLjMxNTQgMTEuODc2MSAzLjI2NTE1QzExLjUyNDUgMS40MDYyNiA5Ljg5MjI1IDAgNy45MzIwMiAwVjMuMzg5MjhDNy42MzI4NyAxLjQ4NDY0IDUuOTk2OTEgMC4wMjUxMjUyIDQuMDE0NTYgMC4wMDE1MDAwMVYwSDMuOTY1ODJIMEMwIDEuOTk4MDIgMS40NTgyNyAzLjY1NDc4IDMuMzY4MjcgMy45NjQxNkMzLjQwMzEzIDMuOTY5NzggMy40MDMxMyA0LjAxNDQxIDMuMzY4MjcgNC4wMTk2NkMxLjQ1ODI3IDQuMzI5NDEgMCA1Ljk4NTggMCA3Ljk4NDE5SDMuMzg3MzlDMS40ODQxNCA4LjI4MjY5IDAuMDI0NzQxOSA5LjkxOTU4IDAuMDAxMTI0NjMgMTEuOTAyMkgwVjE1LjkxODlDMi4wMDc4NCAxNS45MTg5IDMuNjcxNTQgMTQuNDQzNiAzLjk2NzcgMTIuNTE3MkMzLjk3MTgyIDEyLjQ4NzYgNC4wMDg1NiAxMi40ODc2IDQuMDEzMDYgMTIuNTE3MkM0LjMwODg0IDE0LjQ0MzYgNS45NzIxNiAxNS45MTg5IDcuOTgwNzUgMTUuOTE4OVYxMi41M0M4LjI3OTUzIDE0LjQzNDIgOS45MTU4NyAxNS44OTM0IDExLjg5NzggMTUuOTE3N1YxNS45MTg5SDE1LjkxMjhDMTUuOTEyOCAxMy45MDE0IDE0LjQyNiAxMi4yMzE4IDEyLjQ4ODYgMTEuOTQ2MUMxMi40NjMyIDExLjk0MjcgMTIuNDYzMiAxMS45MTEyIDEyLjQ4ODYgMTEuOTA3NUMxNC40MjYgMTEuNjIxNyAxNS45MTI4IDkuOTUyMiAxNS45MTI4IDcuOTM0NjlIMTIuNTI0NkMxNC40MjkgNy42MzYxOCAxNS44ODc3IDUuOTk5MyAxNS45MTEzIDQuMDE2MjhIMTUuOTEyOFYwQzEzLjk1MjIgMCAxMi4zMjAzIDEuNDA2MjYgMTEuOTY4NyAzLjI2NTE1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNjIzXzEzOCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  }
}

@media (min-width: 668px) {
  .header__logo-burger {
    display: none;
  }

  .header__menu__mob {
    display: none;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 1100px) {
  .tech-numbers__item dt {
    font-size: 20px;
  }

  .tech-numbers__item dd {
    font-size: 100px;
  }

  .tech-team__list {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .tech-estimate .btn--big {
    padding: 24px 45px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 1060px) {
  .project-slider .slick-next {
    right: 20px;
  }

  .project-slider .slick-prev {
    left: 20px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 1050px) {
  .tech-team__list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 1024px) {
  .bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }

  .header__menu {
    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;
    padding: 0;
    list-style: none;
    margin-left: 60px;
  }

  .burger__menu {
    display: none;
  }

  .slider__title {
    font-size: 80px;
    line-height: 72px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 1000px) {
  .project-slider__item-content {
    padding: 30px 0;
  }

  .tech-tasks__list {
    font-size: 20px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 992px) {
  .main-title {
    font-size: 80px;
  }

  .blog-grid {
    padding: 40px 0 0;
  }

  .blog-grid .container {
    grid-template-columns: minmax(0, 1fr);
    gap: 70px;
  }

  .blog__links--top {display: block;}
  .blog__links--top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 0 10px;
    margin: 0 0 30px;
    overflow-x: scroll;
  }

  .blog__links--right {
    display: none;
  }

  .subscribe__form {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .subscribe__form .btn {
    display: inline-block;
  }

  .subscribe__form .contacts__input {
    display: inline-block;
    max-width: 400px;
  }

  .footer-main .copyright__achievements {
    display: block;
  }

  .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .link__footer a {
    display: block;
    margin: 10px 0;
  }

  .post-grid {
    padding: 40px 0 0;
  }

  .post-grid .container {
    grid-template-columns: minmax(0, 1fr);
    gap: 70px;
  }

  .studio-show {
    margin: 40px 0;
  }

  .tech-team__item-title {
    font-size: 24px;
  }

  .tech-team__item-position {
    font-size: 16px;
  }

  .tech-estimate .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 40px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 950px) {
  .tech-numbers__list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
  }

  .tech-numbers__item:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    grid-column: 1/2;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .tech-numbers__item:nth-child(4) {
    grid-column: 1/2;
    margin: 0;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 850px) {
  .section-title {
    font-size: 35px;
  }

  .section-text {
    font-size: 20px;
  }

  .project-slider__item-text {
    font-size: 20px;
    max-width: 90%;
  }

  .tech-tasks .container {
    grid-template-columns: repeat(2, 1fr);
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 768px) {
  p {
    font-size: 16px;
    margin: 16px 0;
  }

  h1 {
    font-size: 24px;
    margin: 8px 0;
  }

  h2 {
    font-size: 18px;
    margin: 8px 0;
  }

  h3 {
    font-size: 16px;
  }

  ul li {
    font-size: 16px;
  }

  blockquote p {
    font-size: 16px;
  }

  .title {
    font-size: 44px;
    line-height: 1;
  }

  .main-text {
    font-size: 16px;
  }

  .btn {
    font-size: 16px;
    padding: 16px 40px;
  }

  .project-slider__item-content::before {
    display: block;
  }

  .project-slider__item-content {
    padding: 60px 0 30px;
  }

  .project-slider__item-text {
    font-size: 18px;
  }

  .project-slider__slide-video {
    width: 100%;
  }

  .project-slider__slide-video img {
    border-radius: 40px;
    aspect-ratio: 1/1;
  }

  .project-slider__slide-content {
    display: none;
  }

  .project-slider__video {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 40px;
    aspect-ratio: 1/1;
  }

  .project-slider__slide-flex iframe {
    width: 100%;
    border-radius: 40px;
    aspect-ratio: 1/1;
  }

  .contacts__input {
    font-size: 16px;
  }

  .contacts__textarea {
    font-size: 16px;
  }

  .video__container {
    width: 100%;
    height: 100%;
    border-radius: 40px;
  }

  .blog-grid__sidebar p {
    font-size: 16px;
  }

  .blog-article__title {
    font-size: 24px;
  }

  .blog-article__tags span {
    padding: 8px 12px;
    font-size: 16px;
  }

  .blog-btn {
    padding: 8px 20px;
    font-size: 16px;
  }

  .blog__links li {
    padding: 7px 0;
  }

  .checkbox__label {
    font-size: 16px;
    padding: 8px 12px;
  }

  .checkbox__input:checked ~ .checkbox__label {
    padding-left: 35px;
  }

  .checkbox__input:checked ~ .checkbox__label::before {
    top: 9px;
    left: 12px;
  }

  .content__bg {
    position: absolute;
    bottom: 0px;
    left: -160px;
    z-index: -1;
    overflow-x: hidden;
  }

  nav {
    max-width: 700px;
    margin: 50px auto;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer__logo {
    margin-top: 52px;
  }

  .footer__nav {
    text-align: center;
  }

  .header__menu {
    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;
    padding: 0;
    list-style: none;
    margin-left: 32px;
  }

  .img__tags span {
    font-size: 16px;
    padding: 8px 12px;
  }

  .scheme-promo {
    padding: 132px 0 40px;
  }

  .slider__title {
    margin: -92px 0 32px 0px;
  }

  .slider__intro {
    margin-left: 0px;
  }

  .tech-promo {
    padding: 132px 0 40px;
  }

  .tech-tasks {
    padding: 40px 0 15px;
  }

  .tech-tasks .container {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .tech-tasks__list {
    font-size: 24px;
  }

  .tech-projects {
    padding: 15px 0 20px;
  }

  .tech-numbers {
    padding: 20px 0;
  }

  .tech-team {
    padding: 20px 0 40px;
  }

  .tech-team__list {
    row-gap: 20px;
  }

  .tech-team__item:last-child {
    grid-column: 1/3;
  }

  .tech-team__item picture {
    width: 80px;
    height: 80px;
  }

  .tech-team__item-img {
    width: 80px;
    height: 80px;
  }

  .tech-team__item-title {
    font-size: 20px;
  }

  .tech-estimate {
    padding: 40px 0;
  }

@supports (-webkit-appearance:none) {

}
}

@media screen and (max-width: 768px) {
  .content-list__item-content--tech {
    padding: 40px;
  }

  .content-list__item-content.content-list__item-content--tech picture {
    margin-bottom: 0;
  }

  .content-list__item-content picture {
    margin-bottom: 30px;
  }

@supports (-webkit-appearance:none) {

}
}

@media screen and (max-width: 720px) {
  .content-list {
    grid-template-columns: 1fr;
  }

  .content-list__item--tech {
    grid-column: 1/2;
  }

  .content-list__item--tech .content-list__item-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .content-list__item--tech .content-list__item-text {
    max-width: 100%;
  }

  .content-list__item--blog {
    grid-row: 2/3;
  }

  .content-list__item--calc {
    grid-row: 5/6;
  }

  .content-list__item--studio {
    grid-row: 4/5;
  }

  .content-list__item--rent {
    grid-row: 6/7;
  }

  .content-list__item-content.content-list__item-content--tech picture {
    margin-bottom: 40px;
  }

  .content-list__item-news {
    margin-left: 0;
    margin-right: 0;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 668px) {
  .header__nav .header__logo {
    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;
    width: 100%;
  }

  .header__menu {
    display: none;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 600px) {
  .tech-numbers__item dd {
    font-size: 80px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 577px) {
  .header__menu__mob li {
    padding-left: 0;
  }

  .header__menu__mob .header__menu__mob-item.active:before {
    right: 20px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 576px) {
  .main-title {
    font-size: 44px;
  }

  .section-title {
    font-size: 24px;
  }

  .section-text {
    font-size: 16px;
  }

  .project-slider .slick-slide {
    width: calc(100vw - 40px);
  }

  .project-slider .slick-next {
    right: 0;
  }

  .project-slider .slick-prev {
    left: 0;
  }

  .contacts__form-wrapper {
    padding: 20px;
  }

  .fancybox__content > .carousel__button.is-close {
    top: 40px;
    right: 20px;
  }

  .blog-grid .container {
    gap: 32px;
  }

  .blog-btn__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .container {
    padding: 0 20px;
  }

  .post-grid .container {
    gap: 32px;
  }

  .studio-show {
    margin: 30px 0;
  }

  .studio-show__video {
    border-radius: 20px;
  }

  .tech-tasks__list {
    font-size: 16px;
  }

  .tech-team__list {
    grid-template-columns: 1fr;
  }

  .tech-team__item:last-child {
    grid-column: 1/2;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 550px) {
  .bg .desc {
    display: none;
  }

  .bg .mob {
    display: block;
  }

@supports (-webkit-appearance:none) {

}
}

@media screen and (max-width: 500px) {
  .content-list {
    gap: 20px;
  }

  .content-list__item-content {
    padding: 20px 24px;
  }

  .content-list__item-content--blog picture {
    display: block;
  }

  .content-list__item-content picture {
    margin-bottom: 15px;
  }

  .content-list__img--blog {
    display: block;
  }

  .content-list__item-news {
    display: none;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 500px) {
  .tech-numbers__item dt {
    font-size: 16px;
  }

  .tech-numbers__item dd {
    font-size: 60px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 430px) {
  .content {
    margin: 25px auto;
  }

  .content__bg {
    width: 600px;
    left: -90px;
  }

  .footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .copyright {
    text-align: center;
  }

  .burger__menu {
    display: block;
  }

  .header__menu__mob a {
    font-size: 32px;
    line-height: 60px;
  }

  .slider__title {
    font-size: 56px;
    margin-top: 64px;
    line-height: 51px;
    padding: 0;
  }

  .slider__intro {
    font-weight: 300;
  }

  .slider__brands {
    margin-top: 50px;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 400px) {
  .project-slider__item-text {
    font-size: 16px;
  }

  .scheme-promo__btn {
    padding: 14px 30px;
    font-size: 20px;
  }

  .tech-promo__btn {
    padding: 14px 30px;
    font-size: 20px;
  }

  .tech-numbers__item dd {
    font-size: 40px;
  }

  .tech-estimate .btn--big {
    padding: 14px 30px;
    font-size: 20px;
  }

@supports (-webkit-appearance:none) {

}
}

@media screen and (max-width: 400px) {
  .content-list__item-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.33;
  }

  .content-list__item-text {
    font-size: 14px;
    line-height: 1.43;
  }

@supports (-webkit-appearance:none) {

}
}

@media (max-width: 375px) {
  .slider__title {
    font-size: 44px;
    line-height: 44px;
    margin: 40px 0 24px 0px;
  }

@supports (-webkit-appearance:none) {

}
}