* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

body, html {
  margin: 0;
  padding: 0;
}

.headers{
height: 90px;
width: 100%;
position: fixed;
background: #fae31f;
color: #000000;
z-index: 999;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

.headers div, .content{
  width:1200px;
  margin:auto; 
  padding: 0px;
}

.knopka {
  color: #000000; 
  background: #ffff41; 
  box-shadow: 1px 1px 1px #e0be3d;
  padding: 14px; 
  border-radius: 20px;
  border: 0px;
  font-size:20px;
  font-weight:bold;
  margin: 8px 80px 8px 0px; /* Отступы вокруг элемента */  
}
.knopka:hover{
  padding: 12px; 
  margin:10px 84px 10px 0px;
  cursor: pointer
}
#komanda {
  font-size:20px;
  font-weight:bold;
}
#telephone{
  font-size:34px;
  font-weight:bold;
  padding-left: 35px;
}
.knopka3 {
  color: #000000; 
  background-color: #ffff41; 
  box-shadow: 1px 1px 1px #e0be3d;
  padding: 21px; 
  border-radius: 30px;
  border: 0px;
  font-size:30px;
  font-weight:bold;
  margin: 12px;
  float:left;
}
.knopka3:hover{
  padding: 19px; 
  margin:14px 16px 14px 10px;
  cursor: pointer
}
.footer{
  position: absolute; 
  bottom: 0px;
  left:50%;
  margin-left:-600px;
}
.knopka2 {
  color: #000000; 
  background: #fae31f;
  box-shadow: 1px 1px 1px #e0be3d;
  padding: 14px; 
  border: 0px;
  font-size:20px;
  font-weight:bold;
  margin: 8px; /* Отступы вокруг элемента */  
}
.knopka2:hover{
  padding: 12px 14px 12px 10px; 
  margin:10px ;
  cursor: pointer
}
.knopka1{
  background-color: #ffffff; 
  border-color: #ffffff; 
  border-style:none; 
  color: #000000;
}
.auto1{
  position: relative;
  right:250px; 
}
#form_tel{
  display:inline-block; 
  width:630px;  
  margin:20px;
  position: relative;
  left: 50px;
  z-index: 10;
}
.telF{
  float:left;
  left: 50px;
  position: relative;
  z-index: 5;
}
#blok1, #blok3 ,#blok2{
  padding:0px; 
}
#block1{
  position: relative; 
  height: 100vh;
}
#blok2 {
}
#blok3 {
}
#blok1 {
  position: relative;
  height: 100vh;
  min-height:700px;
  max-height:1000px;
  padding-top:35px;  
  padding-left: 80px;
}
#blok1 input{
  font-size:15px;
  background: #ffffff;
  border: 1px;
  border-style:solid;
  border-color:#000000;
  width:300px;
  height:25px;
  padding:5px;
  
}


.description {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 8vh;
  text-align: center;
  font-weight:bold;
}

.description.text {
  font-weight:normal;
}

.container {
	
	margin: 0vh 0 0 0vh;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.center {
	margin: 0 0 30px 0;
  width: 1200px;
}














#main #order-block .wrapper {
    padding: 0 90px;
    text-align: center;
}
.fs20{font-size:1.25em}
.dn{display:none}

.btn{border-radius:4px;font-family:Arial,Helvetica,sans-serif;font-size:24px;height:50px;padding:0 27px;position:relative;display:inline-block;line-height:48px;overflow:visible;cursor:pointer;text-decoration:none!important;color:#323232;border:0;outline:0;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:all 50ms;transition:all 50ms}
.btn,.btn:before{background:#fee133}
.btn:before{bottom:0;content:'';left:0;position:absolute;right:0;top:0;border-radius:4px;transition:all .5s}
.btn span{color: rgba(0,0,0,.5);position:relative;top:0;-webkit-transition:all 50ms;font-weight: bold;font-size: 14px;text-transform: uppercase;transition:all 50ms}
.btn:hover:before{background:#ffe759}


#main{
display:none;
position:fixed;
top:0;
width:100%;
height:100%;
z-index:10000;
background-color: rgba(0, 0, 0, 0.8);
margin:0;
}
#order-block{
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: white;
    z-index: 11000;
    height: 650px;
    margin-top: -395px;

    width: 900px;
    margin-left: -450px;
}
#main #order-block{background: #fff;border-top: 2px solid #eaeaea;padding:60px 0}


#main #order-block .order-col span.close-btn{background-image:url(../images/close.svg);background-repeat:no-repeat;background-position:50%;cursor:pointer;opacity:.3;height:48px;position:absolute;top:0;right:0;width:32px;z-index:4;pointer-events:auto;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;visibility:hidden}
#main #order-block .order-success{display:none;color:#666;font-size:26px;line-height:normal;padding:20px 0 40px;text-align:center}
#main #order-block .input-control{background-color:#fff;box-sizing:border-box;height:48px;position:relative;z-index:3;width:100%;margin:0;padding:0 32px 0 9px;vertical-align:top;color:#000;border:1px solid rgba(0,0,0,.25);border-radius: 5px;outline:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;line-height:48px;-webkit-transition:.1s ease-out;transition:.1s ease-out;-webkit-transition-property:border-color,border-width;transition-property:border-color,border-width}

#main #order-block .order-col{width:360px;margin: 0px auto 0px;text-align:left}

#main #order-block .order-row{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 50px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.error-field-out{display:none;color:#666;font-size:26px;line-height:normal;padding:20px 0 40px;text-align:center}