@font-face {
  font-family: MetaC;
  src: url(../font/MetaMediumC.otf);
  font-weight: 500;
}

@font-face {
  font-family: MetaC;
  src: url(../font/MetaNormalC.otf);
  font-weight: normal;
}

body {
  margin:0;
  font-family: MetaC;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.35;

}

.line	{
	height: 1px ;
  background-color: #add9b3;
}

header {
  background-color: #ffffff;
  height: 440px;

}


.logo {
	width: 100px;
}
.logo img {
  width: 180px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.adres-header-1{
  margin-top: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #00000;
}

.tel {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin-top: 27px;
  margin-bottom: 1px;
}

.tittle-1 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.17;
  color: #000066;
  margin-top: 61px;
}
.tittle-2 {
  font-size: 17px;
  font-weight: normal;
  line-height: normal;
  color: #000066;
  margin-top: 15px;
}

.button {
  width: 190px;
  height: 45px;
  border-radius: 3px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
  background-color: #cc0033;
	color: #fff;
  margin-top:43px;
  margin: 0, auto;
  font-size: 15px;
  text-align: center;
}
.button:hover {
   border-radius: 3px;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.5);
  background-color: #ff8709;
}

.text-button {
   font-size: 17px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding: 12px 0px 0px 0px;


}
a {
  text-decoration:none;
}
.generator {
	width: 100%;
  transform: scale(-1, 1);

}
.uslugi {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: normal;
  text-align: center;
  color: #00000;
  text-align:left;
  margin-top: 60px;
}
.uslugi-1 {
  font-size: 17px;
  font-weight: normal;
  color: #00000;
  margin-top: 11px;
}
.gallery {
  margin-top: 20px;
}
.gallery img {
  margin-left: 15px;
  padding-left: 15px;
}

.brand {
  margin-top: 54px;
}
.block-brand {

}
.bosh {
  
}
.delco {
  padding-left: 45px;
}
.valeo {
  padding-left: 30px
}
.magneti{
  padding-left: 30px
}
.mit {
  
}
.pres{
  padding-left: 15px
}
.block  {
  width: 545px;
  height: 272px;
  
  margin-top: 30px;
  border-radius: 6px;
  background-color: #EDEAE5;
}
.block:hover {
   border-radius: 6px;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #f3f5f4;
}

.remont-tittle {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #00000;
  padding:18px 28px 0px 28px;
  
}
.remont-content {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.53;
  letter-spacing: normal;
  color: #00000;
  padding-left: 28px;
  margin-top: 10px;
}
.krugi {
  margin-top: 30px;
  margin-right: 30px;
}
.cyfra {
  width: 205px;
  height: 205px;
  font-size: 47px;
  padding-top: 65px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #6c7a7f;
  background-image: url(../img/group.png);
}
.cyfra-content {
  width:300px;
  height: 52px;
   font-size: 23px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: ;
  color: #56656a;
}
.unlim {
  width: 205px;
  height: 205px;
  font-size: 67px;
  padding-top: 58px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #6c7a7f;
  background-image: url(../img/group.png);
}
.contact  {
  margin-top: 69px;
  height: 375px;
  background-color: #EDEAE5;
}
.info-work-1 {
  font-family: Roboto;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #225358;
  padding-top: 46px;
}
.info-work-2 {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #225358;
  padding-top: 41px;
}
.info-work-3 {
  padding-top: 12px;
}
.info-work-4 {
  font-family: Roboto;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #225358;
  padding-top: 12px;
}
.otzyvi{
margin-top: 20px;
}
.block-otzyv{
  width: 330px;
  height: 325px;
  border-radius: 3px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.block-otzyv:hover{
  border-radius: 3px;
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}

.img-otzyv {
  padding:29px 98px 16px 113px;
}
.content-1-otzyv {
   font-size: 23px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #56656a;
}
.content-2-otzyv {
   font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a90e2;
  margin-top: 7px;
}


.content-3-otzyv {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #56656a;
  margin: 15px 26px 15px 27px;
}

.footer {
  height: 186px;
  background-color: #edeae5;
  margin-top: 60px;
}
.logo-footer {
   font-size: 26px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #aaa;
  padding-top: 36px;

}

.comentary {
margin-top: 25px;
}

.content-footer {
  font-family: Roboto;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
  padding-top: 38px;
}
.social {
  margin-top: 10px;
  
}
.vk {
  margin-left: 5px;

}
.bg-prod {
  margin-top: 36px;
  margin-bottom: 15px;
  font-family: Roboto;
  font-size: 23px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}

a {
  text-decoration: none;
  color:#000;
}
.developer {
    font-family: Roboto;
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  
}
.wrapper{
margin: 0 auto; 
overflow: hidden;
width: 1100px;
margin-top: 50px;
}
.min {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.min li {
padding: 0;
margin: 0;
float: left;
clear: both;
}
.min li a {
display: block;
padding: 0 20px 21px 0;
}
.min li a img {
display: block;
}
.images {
width: 900px;
height: 500px;
overflow: hidden;
}
/*адаптация под телефоны*/
@media (min-width:0px) and (max-width: 767px) {
  body {
    margin:0;
  }
  .logo {
    width: 100%;
    padding-top: 19px;
  font-size: 26px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000nm;
  margin:0px;
  text-align: center;
  
  }
  .tel {
    width: 100%;
    height: 64px;
    font-size: 26px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000nm;
  margin:0px;
  text-align: center;
  
  
  }
  .line {
   width: 100%;
  height: 1px;
  background-color: #add9b3
  }
  
  .tittle-1 {
    font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #000066;
  margin-top: 23px;
  }
  .tittle-2 {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #000066;
  margin-top: 14px;
  }
  .button {
    margin-top: 20px; 
    margin: 0 auto ;
    margin-bottom: 100px;
  }
  .text-button {
    font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  }
  .generator
  {
   display: none;
  }
  #nashiraboty
  {
    display: none;
  }
  .uslugi {
    font-size: 35px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 50px;

  }
  .nashi-us {
    margin-top: 150px;
  }
  .uslugi-1 {
    font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  
  }
  section .brand {
    display: block;
  }

  .remont{
    margin-top: 0px;
  }
  .block {
  width: 100%;
  height: 301px;
  border-radius: 6px;
  background-color: #f3f5f4;
  }
  .remont-title {
    font-size: 23px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #606060;

  }
  .remont-content {
    font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.53;
  letter-spacing: normal;
  color: #56656a;
  }
  section .contact {
    margin-top: 0;  
  }
  .mapa {
    width:100%;
  }
  .info-work-1 {
    font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #225358
  
  padding: 55px 17px 0px 16px;;
  }
  .info-work-2 {
    font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #225358;
  padding-top: 43px;
  }
  .info-work-4{
     font-family: Roboto;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #225358;
  padding-top: 20px;
  padding-bottom: 20px;
  }
  .contact {
    width: 100%;
  height: 100%;
  background-color: #c3d8d8;

  }

  .contact iframe {
    width: 300px;
    height: 200px;
    padding-top: 20px;
  }
  .comentary {
  margin-top: 20px;
  }
  
  .footer{
    width: 100%;
    height: 300px;
  background-color: #edeae5;
  padding-bottom: 20px;
  margin-top: 100px;
  }
  .logo-footer{
  font-size: 26px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
  padding: 
  }
  .content-footer{
  font-family: Roboto;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
  padding-top: 5px;
  }
}

/*адаптация под средние девайсы планшеты*/
@media (min-width:768px) and (max-width: 991px) {

body { margin:0;

}
header {
  height: 350px;
}

.tittle-1 {
  margin-top: 10px;
}
.img-tittle {
  display: none;
}
.block   {
  width: 100%;
  height: 310px;
}
.contact  {
  margin-top: 10px;
  text-align: center;
}
.block-otzyv {
  width: 100%;
  text-align: center;
  height: 370px;
}

.img-otzyv {
  padding: 0px;
  padding-top: 10px
}

.footer {
  width:100%;
  height: 270px;
  margin-top: 20px;
}

}

/*адаптация под большие девайсы ноуты старые моники*/
@media (min-width:992px) and (max-width: 1199px) {

.generator {
  width: 480px;
  margin-top: 62px;
}
.adres-header-1 {
  font-size: 14px;
}
.adres-header-2 {
  font-size: 14px;
}

.tel {
  font-size:15px;
}

.bosh {
  
}
.delco {
  display: block;
  padding:auto ;
}
.valeo {
  padding-left: 10px
}
.magneti{
  padding-left: 10px
}
.mit {
  
}
.pres{
  padding-left: 0px
}
.block  {
  width: 100%;
}
.cyfra-content {

}

.block-otzyv {
  width: 100%;
  height: 335px;
}
.img-otzyv {
  padding-left: 93px;
}
.footer {
  height: 240px;
}





}