*{
   padding: 0;
   margin: 0;
 }

 @font-face{
   font-family: Roboto;
   src: url("../fonts/Roboto.ttf");
 }

 @font-face{
   font-family: Roboto;
   src: url("../fonts/Robotobold.ttf");
   font-weight: bold;
 }

 body{
   font-family: Roboto, sans-serif; 
 }

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

.price{
      max-width: 680px;
    height: 420px;
  overflow: hidden;
  color: rgb(51, 153, 122);
  background-color: rgb(228, 217, 217);
  margin: 0 auto;
 }
 
 .price .container{
   position: relative;
   padding-bottom: 121px;
 }
 
 .price .sub-title{
   margin-bottom: 20px;
 }

 .cub-title{
  margin:15px 15px;
}
 
 .price-text{
   font-size: 16px;
   line-height: 130%;
   color: #5d5d5f;
   margin-bottom: 60px;
   margin:15px 15px;
 }
 
 .price-form{
   max-width: 344px;
   margin: 0 auto;
 }
 
 .price-input{
   padding: 22px 18px;
   width: 344px;
   height: 65px;
   background: #ffffff;
   border: 1px solid #5d5d5f;
   box-sizing: border-box;
   font-size: 16px;
   color: #000000;
   outline: none;
   margin-bottom: 15px;
   border-radius: 20px;
 }
 
 .price-input::placeholder{
   color: #5d5d5f;
 }
 
 .price .button{
   width: 100%;
 }
 
 .price-image{
   position: absolute;
   bottom: 0;
   left: 401px;
 }

 label {
  width: 90px;
  display: inline-block;
  vertical-align: top;
  margin: 6px;
  /*font-variant: small-caps;*/
  /*font-weight: bold;*/
  padding: 0px 5px;
}

em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

 .button{
   padding: 20px;
   width: 334px;
   height: 64px;
   background: #030305;
   border: 0;
   box-sizing: border-box;
   text-align: center;
   font-weight: bold;
   font-size: 16px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #ffffff;
   transition: background-color .5s;
 }
 
 .button:hover{
   cursor: pointer;
   background: #575757;
 }