@font-face {

    font-family: 'Lemon';

    src: url('../font/dk_lemon_yellow_sun-webfont.woff2') format('woff2'),

         url('../font/dk_lemon_yellow_sun-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



body{

  margin: 0;

  padding: 0;

}

.ocultar_mobile{
  display: none;
}

.container {

  display: grid;

  padding-left: 20px;

  padding-right: 20px;

  text-align: center;

  justify-content: center;

}



.grid-columns-3{

  grid-template-columns: repeat(1, 1fr);

  display: grid;

}



.grid-columns-1{

  grid-template-columns: repeat(1, 1fr);

  display: grid;

}



* {

  box-sizing: border-box;

}



nav{

  min-height: 80px;

  background: #b5c729;

  position: fixed;

  left: 0;

  width: 100%;

  top: 0;

  z-index: 1;

}



nav .toggle_button{

  float: right;

  padding: 22px 20px;

  outline: none;

  border: none;

  background: transparent;

}



button{

  cursor: pointer;

}



nav ul li:hover + nav ul li a {

  color: #2f2f2f;

}



.toggle_button img{

  width: 35px;

}



nav a.logo img{

  width: 92px;

  height: 63px;

  margin: 7px 10px;

}



nav ul{

  margin: 0;

  padding: 0;

  float: right;

}



.swal2-title {

  color: #f64c77;

  font-family: Nunito

}



.swal2-styled:focus{

  box-shadow: unset;

}



.disabled{

  cursor: not-allowed;

  background-color: gray !important;

}



.swal2-content {

  font-family: Nunito

}



.swal2-styled.swal2-confirm {

    border-radius: 50px !important;

    background: #f64c77 !important;

    width: 145px;

    height: 50px;

    font-size: 20px !important;

    font-weight: 900;

    font-family: Nunito;

}



.swal2-styled:focus {

  box-shadow: unset;

}



.active_menu{

  color: #c8f42b;

}



nav ul li{

  list-style: none;

  display: inline-block;

  padding: 32px 25px;

  font-family: Nunito;

  font-size: 18px;

  font-weight: 900;

  font-style: normal;

  font-stretch: normal;

  line-height: 1;

  letter-spacing: 1px;

  text-align: center;

  color: #2f2f2f;

  text-transform: uppercase;

}



.font-lemon{

  font-family: Lemon;

}



.section-1 {

  background-color: #f64c77;

  padding: 120px 0px 40px 0px;

}



.section-2 {

  background-color: #f4eedf;

  padding-bottom: 60px;

}



.section-3 {

  background-color: #062b3d;

  padding-bottom: 50px;

}



.section-4 {

  background-color: #d8ab25;

  padding-bottom: 30px;

}



.section-5 {

  background: #f4eedf;

  padding-bottom: 50px;

}



.section-6 {

  background: #062b3d;

  padding-bottom: 20px;

}



.section-7 {

  background: #f64c77;

}



.section-1, .section-2, .section-3, .section-4, .section-5, .section-6, .section-7 {

  position: relative;

}



.section-1 h1{

  font-size: 40px;

  color: white;

  font-weight: 500;

}

.section-1 img{

  max-width: 280px;

  height: 198px;

  margin-bottom: 40px;

}



.section-2 h2, .section-4 h2{

  font-size: 35px;

  font-family: 'Nunito', sans-serif;

  font-weight: 900;

  line-height: 1.14;

  text-align: center;

  margin-top: 60px;

  text-transform: uppercase;

  margin-bottom: 0px;

  font-style: normal;

  font-stretch: normal;

  color: #062b3d;

}



.section-3 h2, .section-5 h2{

  font-family: Nunito;

  font-size: 28px;

  font-weight: 600;

  text-transform: uppercase;

  margin-top: 70px;

  line-height: normal;

}



.section-3 h2{

  color: #4bdabe;

  margin-bottom: 50px;

}



.section-3 .container .grid-columns-3 img{

  width: 200px;

  height: 175px;

}



.section-5 h2{

  color: #062b3d;

  margin-bottom: 20px;

}



.section-3 h2 q{

  background-image: linear-gradient(transparent calc(70% - 4px),rgba(18,76,127, 1) calc(30% + 4px));

}



.section-5 h2 q{

  background-image: linear-gradient(transparent calc(70% - 4px),rgba(75,218,190, 1) calc(30% + 4px));

}



.section-5 h3 q{

  background-image: linear-gradient(transparent calc(70% - 4px),rgba(216,171,37, 1) calc(30% + 4px));

}



.subs_button_div{

  text-align: center;

  margin-top: 30px;

}



.custom_error{

  font-size: 13px !important;

  color: #f99b26 !important;

  display: block;

}



.error{

  font-size: 13px !important;

  color: #f99b26 !important;

  float: left;

}



.input_wrap #aceptacion_politicas-error{

  float: unset;

  display: block

}



q:before, q:after{ content: "";}



.section-3 h2::after{

    content: '';

    position:absolute;

    border-bottom: red dashed 1px;

}



.section-3 h3{

  color: #4bdabe;

}



.section-3 p{

  color: white;

}



.section-4 h3{

  color: #062b3d;

}



.section-4 h3, .section-3 h3{

  font-family: Lemon;

  font-size: 32px;

  letter-spacing: 1.45px;

  text-align: center;

  margin-bottom: 0px;

}



.section-4 h2{

  margin-bottom: 50px;

  color: #062b3d;

}



footer #mail{

  color: #f5dd29;

  text-decoration: underline;

  font-family: Nunito;

  font-size: 18px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: #f5dd29;

}



footer .icons{

  margin-top: 30px;

}



footer .icons img{

  width: 22px;

  height: 18px;

}



.input_error{

  border: 2px solid #f99b26 !important;

  color: #f99b26 !important;

}



.error::-webkit-input-placeholder {

    color: #b2cde0

}



.section-3 p, .section-4 p{

  font-family: Nunito;

  font-size: 18px;

  font-weight: 300;

  margin-bottom: 50px;

  text-align: center;

  padding: 0 20px;

}



.section-2 p{

  font-family: Nunito;

  font-size: 18px;

  font-weight: 300;

  text-align: center;

  color: #2f2f2f;

  margin-bottom: 35px;

}



.section-2 img{

  width: 275px;

  height: 253px;

  margin-bottom: 40px;

}



.section-5 img{

  width: 263px;

  height: 266px;

  margin-top: 70px;

}



.section-5 p{

  margin-bottom: 10px;

  font-size: 18px;

  display: inline-block;

  font-family: Nunito;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  text-align: center;

  color: #2f2f2f;

  margin-top: 5px;

}



.section-5 h3{

  font-family: Lemon;

  font-size: 40px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: 1.13;

  letter-spacing: normal;

  text-align: center;

  color: #a1173a;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.section-6 p{

  font-family: Nunito;

  font-size: 18px;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  text-align: center;

  color: #ffffff;

  margin-top: 70px;

  margin-bottom: 25px;

  display: inline-block;

}



.section-6 label{

  color: white;

  font-family: Nunito;

  font-size: 18px;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

}



.section-6 .custom-width{

  max-width: 810px;

}



.section-6 h4{

  font-family: Nunito;

  font-size: 16px;

  font-weight: 900;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: #ffffff;

  text-align: left;

  margin-bottom: 5px;

  margin-top: 45px;

}



.section-6 p.responsables-text{

  font-family: Nunito;

  font-size: 16px;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: #ffffff;

  text-align: left;

  margin-top: 15px;

}



.section-6 p.responsables-text strong{

  font-weight: 900;

}



.section-6 a{

  color: #f64c77;

}



.section-6 a:hover, .section-6 a:active, .section-6 a:focus{

  color: #2c98ea;

}



.section-6 input[type="text"]:focus{

    background: #124c7f;

}

.section-6 input[type="checkbox"]{

  width: 22px;

  height: 22px;

  vertical-align: middle;

  margin-right: 10px;

}



.section-6 input[type="text"]{

  display: block;

  width: 100%;

  padding: 10px 15px;

  border: 2px solid #f64c77;

  background: #062b3d;

  color: white;

  font-size: 16px;

}



.section-6 input[type="text"]::placeholder{

  font-family: Nunito;

  font-size: 16px;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.73px;

  color: #ffffff;

}



.section-7 img{

  width: 167px;

  height: 114px;

  margin-bottom: 30px;

}



.btn-first{

  width: 280px;

  height: 60px;

  border-radius: 100px;

  background-color: #062b3d;

  font-family: Nunito;

  font-size: 22px;

  font-weight: 900;

  color: white;

  letter-spacing: 1px;

  margin-bottom: 20px;

}



.btn-first:hover{

  background-color: #f99b26;

}



.btn-first:active, .btn-first:focus{

  background-color: #f99b26;

}



.btn-second{

  width: 280px;

  height: 60px;

  border-radius: 100px;

  background-color: #f64c77;

  font-family: Nunito;

  font-size: 22px;

  font-weight: 900;

  color: white;

  letter-spacing: 1px;

  margin-bottom: 25px;

}



.btn-second:hover{

  background-color: #42a9af;

}



.btn-first:active, .btn-first:focus{

  background-color: #42a9af;

}



footer{

  padding-top: 70px;

  padding-bottom: 50px;

}



footer .enlaces{

  margin-top: 15px;

  margin-bottom: 30px;

}



footer .enlaces a{

  color: #f5dd29;

  display: block;

  margin-bottom: 10px;

  text-decoration: underline;

  font-family: Nunito;

  font-size: 18px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

}



footer .enlaces a:hover, footer .enlaces a:active, footer .enlaces a:focus, footer #mail:hover{

  color: #2f2f2f;

}



#scroll_button {

  display: none;

  position: fixed;

  bottom: 20px;

  right: 30px;

  z-index: 99;

  font-size: 18px;

  border: none;

  outline: none;

  background-color: rgba(181, 199, 41, 0.5);

  color: white;

  cursor: pointer;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  bottom: 15px;

  right: 15px;

}



#scroll_button:hover, #scroll_button:active, #scroll_button:focus {

  background-color: #b5c729;

}



.section-6 .responsables-text p{

  font-size: 16px;

  margin-top: 15px;

}



.section-6 .responsables-text p, .section-6 .responsables-text h4{

  text-align: left;

}



.btn{

  padding: 10px;

  outline: none;

  border: unset;

}



.input_wrap{

  margin-bottom: 20px;

  position: relative;

}



.container_basic_info .content{

  display: inline-block;

}



@media (min-width: 671px) {



  nav{

    background: #b5c729;

  }



  nav ul li:hover{

    color: #c8f42b

  }



  nav ul{

    display: block !important;

  }



  .toggle_button{

    display: none;

  }

}



@media (max-width: 670px) {



  nav ul{

    display: none;

    width: 100%;

  }



  nav ul li{

    width: 100%;

    text-align: center;

    padding: 15px 0px;

    border-top: 1px solid #9aaa1d;

  }



  nav ul li:hover{

    background: #2f2f2f;

    color: #b5c729 !important;

  }



}



@media (min-width: 720px) {



  .section-1 img {

      max-width: 365px;

      height: 234px;

  }



  .section-1 h1 {

    font-size: 46px;

  }



  #scroll_button {

    bottom: 20px;

    right: 20px;

  }



  .grid-columns-3{

    grid-template-columns: repeat(3, 1fr);

    display: grid;

    grid-gap: 15px;

  }



}

footer .icons a:nth-child(1){
  margin-right: 10px;
}



@media (min-width: 1140px) {



  .section-1 {

    padding: 120px 0px 80px 0px;

  }



  .section-1 img {

    max-width: 416px;

    height: 284px;

  }



  .section-1 h1 {

    font-size: 65px;

  }



  .section-2 img {

    width: 500px;

    height: 460px;

  }



  .section-2 h2 {

    font-size: 45px;

  }



  .section-2 p{

    font-size: 22px;

  }



  .section-3 h2{

    font-size: 38px;

  }



  .section-2 h2, .section-4 h2{

    font-size: 45px;

  }



  .section-5 img{

    width: 500px;

    height: 507px;

  }



  .section-5 p{

    width: 780px;

    height: 270px;

  }



  .section-5 h2{

    font-size: 38px;

  }



  .section-5 p, .section-6 p{

    font-size: 22px;

  }



  .section-6 .responsables-text{

    width: 780px;

  }



  .section-6 input[type="text"]{

    display: inline-block;

  }



  .section-6 .input_wrap:nth-child(1){

    width: 179px;

    margin-right: 15px;

  }



  .section-6 .input_wrap:nth-child(2){

    width: 300px;

  }



  .subs_button_div{

    display: inline-block;

    vertical-align: sub;

    margin-left: 25px;

  }



  .section-6 label{

    margin-bottom: 45px;

  }



  .section-6 form{

    width: 875px;

    display: inline-block;

    text-align: left;

  }



  .container_basic_info{

    text-align: left;

  }



  .container_basic_info .content{

    text-align: center;

  }



  .section-3 p, .section-4 p{

    width: 300px;

    display: inline-block;

  }



  .btn-first{

    margin-right: 25px;

  }



  .grid-columns-1{

    grid-template-columns: repeat(1, 0fr);

    display: grid;

  }



  .input_wrap{

    display: inline-block;

    position: relative;

  }



  .error{

    position: absolute;

    font-size: 13px !important;

    top: 50px;

    color: #f99b26 !important;

  }



  .input_wrap #aceptacion_politicas-error{

    margin-top: -15px;

  }

  .ocultar_mobile{
    display: block;
  }

}