/*------------- section 0 -------------*/
.sec_top{
  position: absolute;
  /*top: 138px;*/
  width: 100%;
  height: 600px;
  background: url('/uploads/images/fon_top.jpg') no-repeat center top;
  margin-bottom: 20px;
  z-index: -2;
}

.sec_top_home{
  position: absolute;
  /*top: 164px;*/
  width: 100%;
  height: 600px;
  background: url('/uploads/images/fon_top.jpg') no-repeat center top;
  margin-bottom: 20px;
  z-index: -2;
}



section.sec_top_c{
  margin-top: 5px;
  /*position: absolute;*/
}

section.sec_top_c h1{
  color: #315564;
  display: block;
 /* width: 300px;*/
  padding-top: 100px;
  margin-left: 540px;
  line-height: 42px;
}
section.sec_top_c span{
  font-family: cambria-bold-italic;
  font-size: 27px;
  float: right;
  margin-right: 24px;
}
.reg_form{
  position: relative;
  /*width: 780px;*/
 /* height: 100px;*/
  margin: 0 auto;
  margin-top: 25px;


}
.reg_form h4{
  font-family: PFDinDisplayPro-Med;
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
  color: #315564;
  text-transform: uppercase;
}

.reg_form input{
  width: 425px;
  height: 45px;
  border: 2px solid #38b8db;
  padding: 0 15px;
  font-size: 18px;
  color: #315564;
  font-family: PFDinDisplayProBlack;
  float: left;
  border-right: 0;
}

.reg_form ::-webkit-input-placeholder {
  font-family: PFDinDisplayProBlack;
  color: #315564;
  text-transform: uppercase;
  opacity: 0.9;
  font-size: 18px;
}
.reg_form ::-moz-placeholder          {
  font-family: PFDinDisplayProBlack;
  color: #315564;
  text-transform: uppercase;
  opacity: 0.9;
  font-size: 18px;
}
/* Firefox 19+ */
.reg_form :-moz-placeholder           {
  font-family: PFDinDisplayProBlack;
  color: #315564;
  text-transform: uppercase;
  opacity: 0.9;
  font-size: 18px;
}
/* Firefox 18- */
.reg_form :-ms-input-placeholder      {
  font-family: PFDinDisplayProBlack;
  color: #315564;
  text-transform: uppercase;
  opacity: 0.9;
  font-size: 18px;
}

.reg_form_cent{
  position: relative;
  width: 485px;
  height: 78px;
  margin: 0 auto;
  margin-top: 35px;
}

.reg_form_cent input{
  width: 200px;
  height: 42px;
  
  border: 1px solid #38b8db;
  padding: 0 10px;
  font-size: 18px;
  color: #315564;
  font-family: PFDinDisplayPro-Bold;
  float: left;
  border-right: 0;
}
.reg_form_cent ::-webkit-input-placeholder {
  font-family: PFDinDisplayProBlack;
  color: #315564;
  font-size: 14px;
  text-transform: uppercase;
  opacity: 0.9;
   padding-top: 4px;
}
.reg_form_cent ::-moz-placeholder          {
  font-family: PFDinDisplayProBlack;
  color: #315564;
  font-size: 14px;
  text-transform: uppercase;
  opacity: 0.9;
 
}
/* Firefox 19+ */
.reg_form_cent :-moz-placeholder           {
  font-family: PFDinDisplayProBlack;
  color: #315564;
  font-size: 14px;
  text-transform: uppercase;
  opacity: 0.9;
 
}
/* Firefox 18- */
.reg_form_cent :-ms-input-placeholder      {
  font-family: PFDinDisplayProBlack;
  color: #315564;
  font-size: 14px;
  text-transform: uppercase;
  opacity: 0.9;
}

.reg_form_cent a.button_gr{
  display: block;
  float: left;
  height: 42px;
  line-height: 42px;
  background: #57a427;
  font-family: PFDinDisplayPro-Bold;
  font-size: 18px;
  background: #57a427;
  color: #FFF;
  text-transform: uppercase;
  padding: 0 35px;
}

a.button_gr{
  display: block;
  float: left;
  height: 44px;
  line-height: 44px;
  padding: 0 50px;
  font-family: pantonblackcaps;
  font-size: 18px;
  background: #57a427;
  color: #FFF;
}

a.button_gr:hover{
  background: #44811f;
}

@media (max-width: 991px) {
  section.sec_top_c h1 {
  	margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.sec_top_c span {
  	margin-right: 0;
  }
}

@media (max-width: 767px) {
  .reg_form input {
  	width: 100% !important;
  }
  
  .as-form-item-custom {
    width: 100% !important;
}
  
   #registration.registration {
    width: 100% !important;
}
  
  .registration-input {
  	width: 100% !important;
  }
}

@media (max-width: 355px) {
  section.sec_top_c span {
  	font-size: 1rem;
  }
}

/*------------- end section 0 -------------*/