@font-face {
  font-family: 'Naste Book';
  src: url("./../fonts/NasteBook.otf"); }
@font-face {
  font-family: 'Naste Bold';
  src: url("./../fonts/NasteBold.otf"); }
@font-face {
  font-family: 'Naste Demibold';
  src: url("./../fonts/NasteDemibold.otf"); }
html {
	
  font-size: 1.25vw;
  
}

body {
	
  border: 0;
  margin: 0 auto;
  padding: 0;
  overflow-x: hidden;
  font-family: Naste Book;
  color: #221f1f; 
	
}

h2 {
  margin: 0; }
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.teaser__header {
  height: 42vw;
  background: url("./../img/header-bg-1.png") no-repeat;
  background-size: contain;
  position: relative;
  z-index: 13;
  padding-left: 15%;
  color: #fff;
  font-size: 2.6rem; }
.teaser__logo {
  padding-top: 23vw; }
  .teaser__logo img {
    width: 32vw;
    margin-left: -1vw; }
  .teaser__logo p {
    margin: 0 0 0.6vw 0; }
.teaser__message {
  display: flex;
  font-size: 1.4rem;
  position: relative;
  z-index: 12; }
.teaser__text {
  padding: 4vw 0 0 15%;
  width: 50%; }
  .teaser__text h2 {
    font-family: 'Naste Bold';
    font-weight: normal;
    font-size: 1.6rem; }
  .teaser__text p {
    padding-bottom: 1vw; }
.teaser__worker {
  margin-top: -12vw;
  margin-left: 3vw; }
.teaser__avatar {
  width: 20vw;
  height: 20vw;
  border-radius: 10vw; }
.teaser__name {
  font-size: 2.1rem;
  margin-left: 1.5vw;
  width: 20vw;
  font-weight: bold;
  letter-spacing: 0.1em; 
  line-height: 120%;}
.teaser__position {
  margin-left: 1.5vw;
  width: 15vw;
  margin-top: 1.7vw;
  font-size: 1.3rem; }
.teaser__button {
  border: 0;
  background: #1f82f1;
  width: 20vw;
  height: 5vw;
  border-radius: 2.5vw;
  color: #fff;
  font-size: 1.8rem;
  margin-top: 2vw; }
.product {
  display: flex;
  box-sizing: border-box;
  padding-left: 12%; }
  .product__name {
    font-size: 2.1rem;
    font-family: 'Naste Demibold';
    margin: 0;
    line-height: 110%; }
.product__type{
	opacity: 0.3;
	font-size: 1.3rem;
	font-family: 'Naste Demibold';
}
.product__repair .product__type{
	margin-top: 3vw;
}
.product__info .product__type{
	margin-top: 0.5vw;
}
.product__repair .product__image-2 {display: none}
.product__repair{ margin-top: -3vw;}
  .product__info {
    position: relative; }
  .product__title {
    position: relative;
    font-size: 1rem;
    margin-top: 4.4vw; }
    .product__title::before {
      position: absolute;
      top: -4vw;
      content: "";
      width: 3.2vw;
      height: 3.4vw; }
  .product__money {
    position: relative;
    font-size: 1rem;
    margin-top: 6vw; }
    .product__money::before {
      position: absolute;
      top: -4vw;
      content: "";
      width: 2.2vw;
      height: 3.4vw; }
  .product__image-2 {
    position: absolute; }
  .product__value {
    font-size: 1.6rem; }
  .product button {
    width: 11.7vw;
    height: 2.8vw;
    border-radius: 1.4vw;
    border: 0;
    font-size: 1.2rem;
    font-family: inherit;
    margin-right: 1vw;
    margin-top: 2vw;
    cursor: pointer; }
  .product:nth-child(odd) {
    color: #fff; }
    .product:nth-child(odd) button a{
      color: #1f82f2; text-decoration: none }
    .product:nth-child(odd) .product__info {
      width: 55%; }
    .product:nth-child(odd) .product__tkp {
      background: #fff; }
    .product:nth-child(odd) .product__reports {
      background: #fff; }
    .product:nth-child(odd) .product__title::before {
      background: url("./../img/white-time.png") no-repeat;
      background-size: contain; }
    .product:nth-child(odd) .product__money::before {
      background: url("./../img/white-rub.png") no-repeat;
      background-size: contain; }
  .product:nth-child(even) .product__name{
    margin-left: 11vw; }
  .product:nth-child(even) .product__type{color: #000; margin-left: 11vw;}
  .product:nth-child(even) .product__repair .product__type, .product:nth-child(even) .product__repair .product__name {margin-left: 0; }
.product:nth-child(even) .product__name{ color: #2e2e2e}
  .product:nth-child(even) .product__repair {
    color: #1f82f2; }
  .product:nth-child(even) button a {
    color: #fff; text-decoration: none}
  .product:nth-child(even) .product__tkp {
    background: #1f82f1; }
  .product:nth-child(even) .product__reports {
    background: #79b4f7; }
  .product:nth-child(even) .product__title::before {
    background: url("./../img/blue-time.png") no-repeat;
    background-size: contain; }
  .product:nth-child(even) .product__money::before {
    background: url("./../img/blue-rub.png") no-repeat;
    background-size: contain; }
  .product:nth-child(even) .product__repair {
    padding-top: 6.2vw; 
min-width: 26vw;}
  .product:nth-child(even) .product__info {
    padding-left: 5vw; }
  .product:nth-child(even) .product__image {
    margin-left: 8vw; }
  .product:nth-child(1) {
    height: 74vw;
    background: url("./../img/product-bg-1.svg") no-repeat;
    background-size: cover;
    margin-top: -22vw;
    padding-top: 33vw; }
    .product:nth-child(1) .product__image {
      width: 25vw;     
	  margin-top: 1vw;}
    .product:nth-child(1) .product__image-2 {
      width: 42vw;
      bottom: -0.5vw;
      left: -1vw; }
  .product:nth-child(2) {
    height: 50vw; }
    .product:nth-child(2) .product__image {
      width: 25vw;
      margin-top: 1.2vw; }
    .product:nth-child(2) .product__image-2 {
      width: 48vw;
    bottom: 7vw;
    left: 3vw; }
  .product:nth-child(3) {
    background: url("./../img/product-bg-3.svg") no-repeat;
    background-size: cover;
    height: 71vw;
    margin-top: -21vw;
    padding-top: 21vw; }
    .product:nth-child(3) .product__image {
      width: 40vw;
      margin-top: 1vw;
      margin-left: -1.8vw; }
    .product:nth-child(3) .product__image-2 {
      width: 45vw;
    bottom: 0vw;
    right: 3vw; }
    .product:nth-child(3) .product__repair {
      margin-top: 0; }
  .product:nth-child(4) {
    height: 40vw; }
    .product:nth-child(4) .product__image {
      width: 38vw;
      margin-top: 1vw; }
    .product:nth-child(4) .product__image-2 {
          width: 38vw;
          bottom: 0vw;
          left: 12vw; }
.services{
	
	background: url("./../img/services-bg.svg") top left no-repeat;
	background-size: 30%;
	margin: 5vw 0;
	padding: 5vw 0 5vw 12%;

}
.services h2{
	font-size: 3rem;
    color: #1f82f2;
    font-family: 'Naste Bold';
	line-height: 110%;
   }
.services__table{
	display: flex; 
	margin-top: 2vw;
	font-size: 1.8rem;
	color: #2e2e2e;
   }
.services__name{
	border-right: solid 5px #1f82f2; 
	font-family: 'Naste Demibold';
	padding-right: 3vw;
	
}
.services__price{
	padding-left: 3vw;
	
}
.services__price li{text-align: center}
.services__table ul li{padding: 1vw 0;}
.about {
  font-size: 1.2rem;
  background: url("./../img/about-bg.svg") no-repeat;
  background-size: 60%;
  background-position: -3.1vw 0;
  padding-bottom: 12vw; }
  .about__main {
    display: flex; }
  .about__text {
    width: 50%;
    padding: 13vw 5% 0 15%;
    box-sizing: border-box; }
    .about__text h2 {
      font-size: 3.3rem;
      color: #1f82f2;
      font-family: 'Naste Bold';
      margin-bottom: 1.8vw; }
    .about__text a {
      text-transform: uppercase;
      color: #1f82f2;
	text-decoration: none;
}
    .about__text p {
      line-height: 200%; }
  .about__image {
    width: 50%;
    height: 57vw;
    background: url("./../img/video.png") no-repeat;
    background-size: contain;
    margin-top: -6.2vw; }
.about__image a{width:100%; height: 100%; display: block}
  .about__rounds {
    display: flex;
    justify-content: center;
    margin-top: -9vw; }
    .about__rounds div {
      width: 25vw;
      height: 20vw;
      background-size: contain; }
  .about__r1 {
    background: url("./../img/about-round-1.png") center no-repeat; }
  .about__r2 {
    background: url("./../img/about-round-2.png") center no-repeat; }
  .about__r3 {
    background: url("./../img/about-round-3.png") center no-repeat; }

.contacts h2 {
  font-size: 3.5rem;
  color: #1f82f2;
  font-family: 'Naste Bold';
  margin: 1.8vw 0;
  padding-left: 15%; }
.contacts__worker {
  text-align: center;
  width: 40%;
  box-sizing: border-box;
  padding-left: 10%;
  padding-top: 1vw; }
.contacts__avatar {
  width: 15vw;
  height: 15vw;
  border-radius: 10vw; }
.contacts__name {
  font-size: 1.5rem;
  margin-left: 1.5vw;
  margin-bottom: 0.6vw;
  font-weight: bold;
  letter-spacing: 0.06em; }
.contacts__position {
  margin-left: 1.5vw;
  font-size: 1.3rem; }
.contacts__button {
  border: 0;
  background: #1f82f1;
  width: 20vw;
  height: 5vw;
  border-radius: 2.5vw;
  color: #fff;
  font-size: 1.8rem;
  margin-top: 2vw; }
.contacts__button a{text-decoration: none; color: #fff;}
.contacts__content {
  display: flex; }
.contacts__list {
  list-style: none;
  font-size: 1.5rem; }
  .contacts__list li {
    margin-bottom: 1vw; }
  .contacts__list li:nth-child(3),
  .contacts__list li:nth-child(4) {
    margin-bottom: 1.5vw; }
  .contacts__list li:nth-child(1) span,
  .contacts__list li:nth-child(2) span,
  .contacts__list li:nth-child(3) span {
    text-align: left;
    padding-left: 10vw; }
 .contacts__list li:nth-child(1) a, 
 .contacts__list li:nth-child(2) a{
	color: #393939;
	text-decoration: none;
}
.contacts__list li:nth-child(3) a{
	color: #000000;
	text-decoration: none;
	
}
  .contacts__list li:nth-child(4) a {
    color: #1f82f2;
    text-decoration: none;
    font-family: "Naste Bold"; }
  .contacts__list span {
    width: 12.5vw;
    font-family: 'Naste Demibold';
    color: #1f82f2;
    margin-right: 2.5vw;
    text-align: right;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top; }
  .contacts__list span.contacts__address {
    font-family: "Naste Book";
    text-align: left;
    width: 25vw; }
.contacts__bottom {
  position: relative;
  margin-top: 5vw;
  overflow: hidden;
  height: 35vw; }
.contacts__image {
  width: 40%;
  z-index: 15;
  position: absolute;
  left: 0;
  bottom: 0; }
.contacts__map {
  width: 73%;
  margin-left: -5%;
  position: absolute;
  right: 0;
  bottom: 0; }

@media (max-width: 980px) {
  html {
	  
    font-size: 18px; }

  .teaser__header {
    background-size: 120%;
    background-position: top center;
    padding-left: 8.5%;
    height: 51vw;
    font-size: 1.6rem; }
  .teaser__logo p {
    margin-top: 8vw; }
  .teaser__message {
    flex-direction: row-reverse;
    justify-content: space-between;
    font-size: 1.1rem; }
  .teaser__worker {
    margin-top: 5vw;
    margin-left: 8.5vw; }
  .teaser__name {
    font-size: 1.6rem;
	width: 100%;
    margin-left: 0; }
  .teaser__position {
    margin-left: 0;
	width: 100%;
    font-size: inherit; }
  .teaser__text {
    width: 50%;
    box-sizing: border-box;
    padding: 0 8.5vw 0 0; }

  .product {
    padding-left: 8.5%;
    position: relative; }
    .product__info {
      position: static; }
	.product__info .product__type{
	margin-top: 5vw;
}
	.services{padding: 0 5vw 0 8.5%;}
	.services__table{font-size: 1.4rem;}
    .product__repair {
      padding-left: 0;
      margin-top: 9vw; }
    .product__name {
      margin-left: 0;
      font-size: 2rem; }
    .product__image {
      position: absolute; }
    .product__value {
      font-size: 2rem; }
    .product button {
      width: 28vw;
      height: 6.8vw;
      border-radius: 3.4vw;
      margin-top: 7vw; }
    .product:nth-child(odd) {
      flex-direction: column; }
	.product:nth-child(even) .product__type {
    
		margin-left: 0;}
    .product:nth-child(even) {
      flex-direction: column-reverse; }
      .product:nth-child(even) .product__name {
        margin-left: 0; 
		max-width: 37vw;
	}
      .product:nth-child(even) .product__repair {
        padding-top: 0; }
      .product:nth-child(even) .product__info {
        padding-left: 0; }
    .product__title::before {
      width: 7.1vw;
      height: 7.6vw;
      top: -8vw; }
    .product__money {
      margin-top: 12vw; }
    .product__money::before {
      width: 6vw;
      height: 7vw;
      top: -8vw; }
    .product:nth-child(1) {
      background-size: 215%;
      background-position: top center;
      height: 160vw;
      margin-top: -55vw;
      padding-top: 68vw; }
      .product:nth-child(1) .product__image {
        width: 44vw;
        right: 1vw;
        top: 78vw; }
      .product:nth-child(1) .product__image-2 {
        width: 53vw;
        bottom: 13vw;
		left: auto;
        right: 2vw; }
    .product:nth-child(2) {
      height: auto; }
      .product:nth-child(2) .product__image {
        width: 50vw;
        right: 8.5vw; }
      .product:nth-child(2) .product__image-2 {
        width: 60vw;
        bottom: 8vw;
        right: 8.5vw;
        left: auto; }
    .product:nth-child(3) {
      background-size: 215%;
      background-position: top center;
      height: 160vw;
      padding-top: 45vw; }
      .product:nth-child(3) .product__image {
        width: 55vw;
        right: 5vw;
        top: 57vw; }
      .product:nth-child(3) .product__image-2 {
        width: 52vw;
    bottom: 32vw;
    right: 3vw; }
      .product:nth-child(3) .product__repair {
        margin-top: 8vw; }
    .product:nth-child(4) {
      height: auto; }
      .product:nth-child(4) .product__image {
            width: 55vw;
            margin-top: 5vw;
            right: 5vw; 
	}
      .product:nth-child(4) .product__image-2 {
      width: 55vw;
    bottom: 10vw;
    right: 5vw;
    left: auto;}
      .product:nth-child(4) .product__repair {
        margin-top: 8vw; }

  .about {
    margin-top: 10vw;
    background-size: 99%;
    font-size: 1.1rem; }
    .about__main {
      flex-direction: column; }
    .about__text {
      width: 90%;
      padding: 13vw 5% 0 8.5%; }
      .about__text h2 {
        font-size: 3.1rem; }
    .about__image {
      width: 100%;
      background-position: right;
      height: 85vw;
      margin-top: 5vw; }
    .about__rounds {
      margin-top: -90vw; }
      .about__rounds div {
        width: 30vw;
        height: 27vw; }

  .contacts {
    margin-top: 60vw; }
    .contacts h2 {
      font-size: 2.6rem;
      padding-left: 8.5vw; }
    .contacts__worker {
      width: 100%;
      padding-left: 0; }
    .contacts__avatar {
      width: 33vw;
      height: 33vw; }
    .contacts__name {
      font-size: 1.8rem; }
    .contacts__position {
      font-size: 1.4rem; }
    .contacts__button {
      width: 42vw;
      height: 10vw;
      border-radius: 5vw;
      font-size: 2rem;
      margin-top: 3vw; }
    .contacts__content {
      flex-direction: column; }
    .contacts__list {
      padding: 0 8.5%;
      margin-top: 10vw; }
      .contacts__list span {
        text-align: left;
        width: 7vw; }
      .contacts__list li:nth-child(1) span,
      .contacts__list li:nth-child(2) span,
      .contacts__list li:nth-child(3) span {
        text-align: left;
        padding-left: 0; }
      .contacts__list li:nth-child(5) {
        margin-top: 5vw; }
      .contacts__list li:nth-child(5) span {
        width: auto; }
    .contacts__image {
      width: 55vw;
      bottom: 30vw; }
    .contacts__map {
      width: 100%; }
    .contacts__bottom {
      height: 65vw; } }
@media (max-width: 768px) {
  .teaser__avatar {
    width: 35vw;
    height: 35vw;
    position: absolute;
    top: 10px;
    left: 7vw; }
  .teaser__name {
    font-size: 1.2rem;
    margin-top: 2vw;
    width: 25%;
    margin-left: 45%; }
  .teaser__position {
    font-size: 1rem;
    margin-top: 10px;
    width: 20%;
    margin-left: 45%; }
  .teaser__header {
    background-size: 130%;
    height: 55vw;
    font-size: 1.2rem; }
	.teaser__header img{
		width:190px; 
		margin-left: 0}
  .teaser__message {
    flex-direction: column-reverse; }
  .teaser__text {
    width: 100%;
    padding: 0 7% 0 7%;
    margin-top: 14vw; }

  .product {
    padding-left: 7%; }
    .product__name {
      font-size: 1.6rem; }
    .product__info {
      width: 100% !important; }
	.product__type{
		font-size: 1.1rem;}
	
    .product__image {
      position: static;
      width: 70% !important;
		margin-top: 10px!important;
      margin-left: 10px !important; }
	.product__info .product__image-2 {display: none}
	.product__repair .product__image-2 {display: block}
	.product__image-2 {
      position: static;
      width: 90% !important;
	  margin-top: 10px!important;
      margin-left: 0px !important; }
    .product__repair {
      margin-top: 0 !important; }
    .product__title {
      font-size: 0.8rem; }
    .product__money {
      font-size: 0.8rem; }
    .product__value {
      font-size: 1.6rem; }
    .product button {
      width: 120px;
      height: 36px;
      border-radius: 18px; }
    .product:nth-child(1) {
     background-size: 430%;
    margin-top: -110vw;
    padding-top: 140vw;
    height: 315vw; }
      .product:nth-child(1) .product__image-2 {
        width: 43vw;
        bottom: 90vw;
        right: 4vw; }
    .product:nth-child(2) .product__image-2 {
      width: 35vw;
      bottom: 31vw;
      right: 8.5vw;
      left: auto; }
    .product:nth-child(3) {
         background-size: 340%;
    height: 250vw;
    padding-top: 68vw;
    margin-top: -60vw;}
      .product:nth-child(3) .product__image-2 {
        width: 30vw;
        bottom: 75vw;
        right: 16vw;
        left: auto; }
    .product:nth-child(4) .product__image-2 {
      width: 43vw;
      bottom: 29vw;
      right: 12vw;
      left: auto; }
	.services h2{font-size: 2.2rem}
	.services__table{ font-size: 1rem}
	.product:nth-child(even) .product__name {max-width: none}
  .about {
    height: 210vw; }
    .about__rounds {
      display: block;
      position: relative;
      margin-top: -170vw; }
      .about__rounds div {
        position: absolute;
        width: 37vw;
        height: 37vw; }
    .about__image {
      margin-top: 70vw;
      height: 100vw; }
    .about__r1 {
      right: 10vw;
      top: 0; }
    .about__r2 {
      left: 10vw;
      top: 10vw; }
    .about__r3 {
      right: 25vw;
      top: 40vw; }
    .about__text {
      font-size: 0.8rem; }

  .contacts {
    margin-top: 0; }
    .contacts__image {
      width: 70vw; }
    .contacts__bottom {
      height: 85vw; }
    .contacts__list {
      font-size: 1rem; }
    .contacts__button {
      font-size: 1.5rem; } }
@media (max-width: 525px) {
  .contacts__button {
    font-size: 1.2rem; }
   .product:nth-child(1) {
     background-size: 480%;
    margin-top: -110vw;
    padding-top: 146vw;
    height: 355vw;
} 
  .product:nth-child(1) .product__image-2 {
    bottom: 2vw; width: 90%; }
  .product:nth-child(2) .product__image-2 {
    bottom: 42vw; }
  .product:nth-child(4) .product__image-2 {
    bottom: 39vw; } 

 .product:nth-child(3) {
     background-size: 388%;
    height: 275vw;
    padding-top: 76vw;
    margin-top: -60vw;}
	.about{height: 246vw; padding-bottom: 0}
	.services{margin: 10vw 0; background-size:50%;}
	.services h2 {
    font-size: 1.8rem;
	}
@media (max-width: 400px) {
	.about {
		height: 260vw;}
  .product:nth-child(2) .product__image-2 {
    bottom: 52vw; }
  .product:nth-child(4) .product__image-2 {
    bottom: 49vw; } }