.page-contacto{
  padding: 40px 40px 30px 70px;
  position: relative;
}
.page-contacto .contacto-hoja{
  position: absolute;
  top: 55%;
  left: -11%;
}
.page-contacto .contacto-elements{
  position: absolute;
  top: -25px;
  left: -110px;
}
.page-contacto .panel-left .alerta{
  background: #F0F0F0;
  border-radius: 20px;
  padding: 15px 15px;
}
.page-contacto .panel-right{
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 60px;
}
.page-contacto .panel-right .close-box{
  position: absolute;
  top: 50px;
  right: 30px;
  text-align: right;
}
.page-contacto .panel-right .close-box > button{
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none !important;
}
.page-contacto .panel-right .formulario{
  margin-top: 65px;
  margin-bottom: 85px;
}
.page-contacto .panel-right .btn{
  font-family: 'GandhiSans-Bold';
  font-size: 14px;
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 44px;
  padding: 3px 15px;
  width: 140px;
}
.page-contacto .panel-right .btn.active{
  color: #5A883A;
  background: #F8C84F;
  border: 1px solid #F8C84F;
}
.page-contacto .panel-right .btn.active{
}
.contacto-frutiva .panel-right .form-group{
  margin-bottom: 1.7rem;
}
.page-contacto .panel-right .form-group .form-control{
  font-family: 'GandhiSans-Regular';
  font-size: 16px;
  color: #ffffff;
  padding: 7px 30px;
  border-radius: 70px;
  background: transparent;
  border: 1px solid #ffffff;
  box-shadow: none !important;
  outline: 0 !important;
}
.page-contacto .panel-right .form-group .form-control.text{
  border-radius: 23px !important;
  resize: none;
}
.page-contacto .panel-right .form-group .form-control::placeholder {
  color: #ffffff !important;
}

.page-contacto .panel-left .redes-sociales{
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-contacto .panel-left .redes-sociales > li{
  display: inline-block;
  margin: 0 10px;
  position: relative;
}
.page-contacto .panel-left .redes-sociales > li::after{
  content: "";
  position: absolute;
  background: #5A883A;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  top: 40%;
  right: 110%;
}
