@font-face {
  font-family: Config-Rounded;
  src: url("../fonts/Config-Rounded/Config\ Rounded\ Extrabold.otf");
}

#icono_han {
  display: none;
}
.hunt {
  height: 1px;
}
body {
  color: #000;
  font-family: "Ruda", sans-serif;
  font-size: 0.9vw;
  position: relative;
}

.padre_align {
  display: table;
  table-layout: fixed;
}

.align {
  display: table-cell;
  vertical-align: middle;
}

span.obligatorio {
  font-size: 0.8vw;
  color: red;
}
p {
  margin: 0;
}

.row,
.col {
  margin: 0;
  padding: 0;
}

#otro-proveedor-label{
  display: none;
}

#otro-proveedor{
  display: none;
}

input {
  border: none;
  padding: 0.5vw 1vw 0.5vw 1vw !important;
  margin: 0vw 0 0.7vw 0 !important;
  background: #e6e6e6;
  outline: 0;
  border-radius: 4px;
  color: #000;
  font-size: 0.7vw !important;
}

input::placeholder {
  color: #828282;
  font-size: 0.7vw;
}

input.s {
  width: 28%;
}

input.m {
  width: 48%;
}
input.l {
  width: 73%;
}
input.xl {
  width: 100%;
}

label {
  font-size: 0.7vw !important;
  color: #000 !important;
}

label.s {
  width: 28%;
}

label.m {
  width: 48%;
}
label.l {
  width: 73%;
}
label.xl {
  width: 100%;
}

select {
  display: block;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  height: 1.8vw;
  font-size: 0.7vw;
  margin-bottom: 0.7vw !important;
}

select:focus {
  outline: 1px solid rgba(0, 77, 121, 1);
}

.material-tooltip {
  padding: 0.4vw 8px 0.4vw 8px;
  z-index: 2000;
  background-color: transparent;
  border-radius: 4px;
  color: #fff;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #000;
  font-size: 0.7vw;
  font-weight: 300;
  width: 15vw;
  height: fit-content;
}

header nav .menu ul li.enlace_torneo {
  background: #39a336;
  transition: all 0.2s 0.2s;
}

header nav .menu ul li.enlace_torneo:hover {
  cursor: pointer;
  transition: all 0.2s 0.2s;
}


/*
  Modal Anuncio
*/

.modal {
  border: solid 3.5px #39a336;
  border-radius: 6px;
}

.modal .modal-footer {
}

.modal .modal-footer a i {
  color: rgba(0, 77, 121, 1);
}

.modal .modal-content {
  padding: 2vw 4vw 2.5vw 4vw;
}

.modal .modal-content p.titulo {
  width: 100%;
  margin: 0 0 0.5vw 0;
  font-size: 1.5vw;
  padding: 0;
  text-align: center;
  font-family: "Config-Rounded";
  color: #39a336;
  text-transform: uppercase;
}

.modal .modal-content p.anuncio {
  width: 100%;
  margin: 0.25vw 0vw 0.7vw 0vw;
  font-size: 1vw;
  text-align: justify;
  color: rgba(0, 77, 121, 1);
}

.modal .modal-content a {
  display: flex;
  width: fit-content;
  padding: 0.7vw 0.5vw 0.5vw 0.7vw;
  margin: 0 auto;
  background: rgba(0, 77, 121, 1);
  border-radius: 4px;
  transition: 0.2s 0.2s;
}

.modal .modal-content a i {
  display: inline-flex;
  vertical-align: middle;
  font-size: 0.9vw;
  color: #fff;
}

.modal .modal-content a p {
  cursor: pointer;
  font-size: 0.9vw;
  margin: -0.2vw 0.25vw 0 0.25vw;
  color: #fff;
}

span.error {
  margin: -0.25vw auto 0 auto;
  width: fit-content;
  text-align: center;
  display: none;
  color: red;
  font-size: 0.7vw;
  font-family: "Montserrat", sans-serif;
  transition: all 0.2s 0.2s;
}

span.error.active {
  display: block;
  transition: all 0.2s 0.2s;
}

/*Header*/

header .loader {
  width: 2.5vw;
  margin: 0 auto;
  height: 2.5vw;
  display: none;
}

header .loader.active {
  display: block;
}

header {
  height: 100vh;
  background: #fff;
  overflow: hidden;
}

header nav {
  background: rgba(0, 77, 121, 1);
  height: 5vw;
  z-index: 200;
  position: fixed;
  top: 0;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

header nav .logotipo {
  position: relative;
  float: left;
  height: 5vw;
  width: 7vw;
  margin-left: 5vw;
  text-align: center;
}

header nav .logotipo img {
  width: 100%;
  display: block;
  margin: 1vw auto 0;
}

header nav .menu {
  float: right;
  height: 100%;
  margin-right: 5vw;
  display: table;
  table-layout: fixed;
}

header nav .menu ul {
  display: table-cell;
  vertical-align: bottom;
  height: fit-content;
}

header nav .menu ul li {
  line-height: 3vw;
}

header nav .menu ul li.active {
  background: none;
  border-bottom: 2px double #fff;
}

header nav .menu ul li a {
  font-weight: 800;
  display: block;
  padding: 0 1vw;
}

header nav .menu ul li a:hover {
  background: none;
}

header .row.formulario {
  height: calc(100% - 5vw);
  margin-top: 5vw;
  background-image: url(../img/fondo.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

header .row.formulario .izq {
}
header .row.formulario .der {
  height: 100%;
  padding: 0 8vw;
}

header .row.formulario .der .cont-form {
  border-radius: 4px;
  height: 40vw;
  background: #fff;
  position: relative;
  overflow: hidden;
}

header .row.formulario .der .cont-form .row.form {
  height: 37vw;
  border-radius: 4px 4px 0 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

header .row.formulario .der .cont-form .row.form .slide .form-titular {
  display: none;
}

header .row.formulario .der .cont-form .row.form .slide {
  float: none;
  overflow-y: auto;
  margin: 0;
  padding: 1vw;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 0.3s 0.3s;
}

header .row.formulario .der .cont-form .row.form .slide .seccion {
  display: inline-flex;
  padding: 0.2vw 0 1vw 0vw;
  width: 100%;
}

header .row.formulario .der .cont-form .row.form .slide .seccion i {
  display: inline-table;
  vertical-align: middle;
  width: 1.5vw;
  color: rgba(0, 77, 121, 1);
  font-size: 0.7vw;
}

header .row.formulario .der .cont-form .row.form .slide .seccion p.subtitulo {
  display: inline-table;
  vertical-align: middle;
  margin: 0.2vw 0 0 0;
  font-size: 0.7vw;
  color: rgba(0, 77, 121, 1);
  white-space: normal;
  font-weight: 600;
  line-height: 0.5em;
  letter-spacing: 0;
  text-transform: uppercase;
}


header .row.formulario .der .cont-form .row.form .slide p.titulo {
  width: 100%;
  text-align: center;
  padding: 0.5vw 0 0.5vw 0;
  font-family: "Config-Rounded";
  color: #39a336;
  font-size: 1.8vw;
}

header .row.formulario .der .cont-form .row.form .slide p.mensaje {
  font-size: 0.7vw;
  width: 100%;
  padding: 0.2vw 0 0.7vw 0;
  text-align: justify;
  font-weight: 300;
}

header .row.formulario .der .cont-form .row.form .slide p.informacion {
  font-size: 0.6vw;
  text-align: justify;
  margin: 1vw 0 0.5vw 0;
}

header .row.formulario .der .cont-form .row.form .slide.a .nivel-educacion {
  margin: 0 auto;
  padding: 0;
  height: 10.5vw !important;
}

header .row.formulario .der .cont-form .row.form .slide.a .nivel-educacion li {
  padding: 0.8vw 0.5vw 0.5vw 1vw;
  color: rgba(0, 77, 121, 1);
  font-size: 0.7vw;
  transition: color 0.2ms 0.2ms;
  font-weight: 500;
}

header .row.formulario .der .cont-form .row.form .slide.a .sexo {
  display: inline-flex;
  padding: 0.5vw 0 0.5vw 0;
  margin: 0.7vw 0 0.7vw 0.2vw;
}

header .row.formulario .der .cont-form .row.form .slide.a .sexo p label span {
  padding-left: 25px !important;
  margin-right: 0.5vw !important;
  font-size: 0.7vw !important;
  color: #000 !important;
}

header .row.formulario .der .cont-form .row.form .slide.c {
  overflow: unset;
}

header .row.formulario .der .cont-form .row.form .slide.c .cont-terminos {
  height: 22vw;
  padding: 2vw 2.5vw;
  margin: 0 auto;
  background: #e6e6e6;
  overflow-y: auto;
  border-radius: 4px;
}

header
  .row.formulario
  .der
  .cont-form
  .row.form
  .slide.c
  .cont-terminos
  .terminos {
  margin: 0;
  padding: 0;
  position: relative;
}
header
  .row.formulario
  .der
  .cont-form
  .row.form
  .slide.c
  .cont-terminos
  .terminos
  p.titulo {
  width: 100%;
  margin: 0vw 0 0.5vw 0;
  font-size: 1vw;
  padding: 0;
  text-align: center;
  font-family: "Config-Rounded";
  color: #39a336;
  text-transform: uppercase;
}

header
  .row.formulario
  .der
  .cont-form
  .row.form
  .slide.c
  .cont-terminos
  .terminos
  p.contenido {
  width: 100%;
  margin: 0.1vw 0 0.5vw 0;
  font-size: 0.6vw;
  text-align: justify;
}

header .row.formulario .der .cont-form .row.form .slide p.aceptar {
  margin: 0.8vw 0;
}

header .row.formulario .der .cont-form .row.form .slide p.aceptar label span {
  font-size: 0.7vw;
  color: rgba(0, 77, 121, 1);
}

header .row.formulario .der .cont-form .row.form .slide.c a.noactive {
  pointer-events: none;
  background-color: #dfdfdf !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9f9f9f !important;
  cursor: default;
}

header .row.formulario .der .cont-form .row.form .slide.c a {
  margin: 0.5vw 0 0.5vw 0;
  display: block;
  width: fit-content;
  margin: 0 auto;
  color: #fff;
  padding: 0.5vw;
  border: solid 1px;
  background: #39a336;
  transition: 0.2s 0.2s;
  width: fit-content;
  margin: 0 auto;
  border-radius: 4px;
  font-size: 0.8vw;
  text-transform: uppercase;
  transition: all 0.2s 0.2s;
}

header .row.formulario .der .cont-form .row.form .slide.c a:hover {
  cursor: pointer;
  transform: scale(0.96);
  transition: all 0.2s 0.2s;
}

header .row.formulario .der .cont-form .row.form .slide.d {
  padding: 1vw 4vw;
}

header .row.formulario .der .cont-form .row.form .slide.d p.mensaje {
  width: 100%;
  padding: 0.5vw 0 0vw 0;
  font-weight: 800;
  color: rgba(0, 77, 121, 1);
  font-size: 0.8vw;
  margin: 0 0 0 0;
}

header .row.formulario .der .cont-form .row.form .slide.d p.direcciones {
  width: 100%;
  padding: 0.2vw 0 0vw 0;
  font-weight: 800;
  color: rgba(0, 77, 121, 1);
  font-size: 0.8vw;
}

header .row.formulario .der .cont-form .row.form .slide.d .botones_d {
  display: flex;
}

header .row.formulario .der .cont-form .row.form .slide.d a {
  margin: 0.5vw auto 0.5vw auto !important;
  display: block;
  width: fit-content;
  margin: 0 auto;
  color: #fff;
  padding: 0.5vw 2vw;
  border: solid 1px;
  background: #39a336;
  transition: 0.2s 0.2s;
  width: fit-content;
  margin: 0 auto;
  border-radius: 4px;
  font-size: 0.9vw;
  text-transform: uppercase;
  transition: all 0.2s 0.2s;
}

header .row.formulario .der .cont-form .botones {
  border-top: 1px solid #ebebeb;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3vw;
  z-index: 3;
  padding: 1vw 0;
  width: 100%;
}

header .row.formulario .der .cont-form .botones a {
  color: #000;
  display: flex;
  transition: 0.2s 0.2s;
}

header .row.formulario .der .cont-form .botones a:hover > i {
  color: rgba(0, 77, 121, 1);
  transition: 0.2s 0.2s;
}

header .row.formulario .der .cont-form .botones a:hover > p {
  color: rgba(0, 77, 121, 1);
  transition: 0.2s 0.2s;
}

header .row.formulario .der .cont-form .botones a i {
  font-size: 0.9vw;
}

header .row.formulario .der .cont-form .botones a p {
  cursor: pointer;
  font-size: 0.9vw;
  margin: -0.2vw 0.25vw 0 0.25vw;
}

header .row.formulario .der .cont-form .botones a.back {
  cursor: pointer;
  float: left;
  margin-left: 1vw;
  transition: all 0.3s 0.3s;
}

header .row.formulario .der .cont-form .botones a.back.noactive {
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9f9f9f !important;
  cursor: default;
  display: none;
  transition: all 0.3s 0.3s;
}

header .row.formulario .der .cont-form .botones a.next.noactive {
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9f9f9f !important;
  cursor: default;
  display: none;
  transition: all 0.3s 0.3s;
}

header .row.formulario .der .cont-form .botones a.next {
  cursor: pointer;
  float: right;
  margin-right: 1vw;
  transition: all 0.3s 0.3s;
}

.button_slide {
  position: absolute;
  z-index: 100;
  width: fit-content;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0.8vw;
}

.button_slide .lista .btn_slider_intro {
  font-size: 0.4vw;
  padding: 0vw;
  transition: all 0.5s 0.5s;
}

.button_slide .lista .btn_slider_intro.active {
  font-size: 0.6vw;
  color: rgba(0, 77, 121, 1);
  transition: all 0.5s 0.5s;
}

/*Movil vertical*/
@media only screen and (min-width: 290px) and (max-width: 560px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

  .modal{
    border: solid 3px #39a336;
  }

  .modal .modal-footer a i{
    font-size: 1.5vw;
    margin: 0%;
    padding: 0;
  }
  .modal .modal-footer {
    margin: 0;
    padding: 0;
    height: 2vw;
  }
  .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat{
    height: 2vw;
    margin: -5vw 0 0 0;
  }

  .modal .modal-content p.titulo{
    font-size: 1.8vw;
    margin: 0 0 0.9vw 0;
  }

  .modal .modal-content p.anuncio{
    font-size: 1.2vw; 
    margin: 0.25vw 0 1vw 0;
  }

  .modal .modal-content a i{
    font-size: 1.1vw;
    margin-top: 0.1vw;
  }

  .modal .modal-content a p{
    font-size: 1.1vw;
    margin: -0.2vw 0.25vw 0 0.25vw;
  }

  .label_sexo{
    font-size: 1.2vw !important;
    margin-right: .2vw !important;
  }

  header .row.formulario .der .cont-form .row.form .slide.a .sexo p label span {
    padding-left: 15px !important;
    margin-right: 0.5vw !important;
    font-size: 1.2vw !important;
    color: #000 !important;
    line-height: 10px;
    height: 25px;
  }

  header .row.formulario .der .cont-form .row.form .slide.a .sexo p label span::before {
    margin: 0;
    width: 10px;
    height: 10px;
    border: solid 1.2px #39a336;
  }

  header .row.formulario .der .cont-form .row.form .slide.a .sexo p label span::after {
    margin: 0;
    width: 10px;
    height: 10px;
    background: #39a336;
  }

  label{
    font-size: 0.9vw !important;
    color: #000 !important;
  }
  input{
    padding: 0.7vw 1vw 0.7vw 1vw !important;
    font-size: 0.9vw !important;
  }
  select{
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    height: 2.2vw;
    font-size: 0.9vw;
    margin-bottom: 0.7vw !important;
    padding: 0 0 0 0 !important;
  }

  select:focus {
    outline: 1px solid rgba(0, 77, 121, 1);
  }

  .row .col{
    padding: 0;
  }

  #slide-out {
    color: #000;
    width: 55vw;
  }

  #slide-out .cabecera {
    height: 42vw;
    margin-bottom: 1vw;
  }

  #slide-out .cabecera img {
    width: 100%;
    height: 100%;
  }

  #slide-out li {
    padding: 0;
    width: 100%;
    display: block;
    background: none;
  }

  #slide-out li a {
    display: block;
    width: 100%;
    padding: 0 8vw;
    color: #000;
    height: 10vw;
    line-height: 10vw;
    font-size: 2.7vw;
    font-weight: 600;
  }

  #slide-out li a i {
    margin-right: 3vw;
    font-size: 5vw;
    height: fit-content;
    line-height: unset;
    width: 6vw;
    color: rgba(0, 77, 121, 1);
    font-weight: 600;
  }

  #slide-out li .divider {
    margin: 0;
  }

  header nav {
    height: 10vw;
  }

  header nav .logotipo {
    display: block;
    margin: 0 auto;
    padding: 1vw 0;
    float: left;
    height: 100%;
    width: fit-content;
    text-align: center;
    margin-left: 5vw;
  }

  header nav .logotipo img {
    display: block;
    margin: 0 auto;
    margin-top: 0;
    height: 100%;
    width: auto;
  }

  header nav .menu {
    display: none;
  }

  #icono_han {
    display: block;
    float: right;
    height: 100%;
    margin-right: 5vw;
  }

  #icono_han a {
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0;
    float: unset;
  }

  #icono_han a i {
    height: fit-content;
    line-height: 100%;
    font-size: 5vw;
  }

  header .row.slider {
    height: 50vw;
    margin-top: 10vw;
  }
  header .row.formulario{
    height : calc(100% - 10vw);
    margin-top : 10vw;
    background-size: auto 100%;
    background-position: center;
  }
  header .row.formulario .izq{
    display: none;
  }

  header .row.formulario .der{
    width: 100%;
  }

  header .row.formulario .der .cont-form{
    height: 60%;
  }

  header .row.formulario .der .cont-form .row.form{
    height: 100%;
  }
  header .row.formulario .der .cont-form .row.form .slide{
    padding: 5vw;
  }

  header .row.formulario .der .cont-form .row.form .slide .seccion{
    padding: 2vw 0 2.5vw 0;
  }

  header .row.formulario .der .cont-form .row.form .slide .seccion i{
    font-size: 1.2vw;
    width: 2.2vw;
    margin-top: -0.11vw;
  }

  header .row.formulario .der .cont-form .row.form .slide .seccion p.subtitulo{
    font-size: 1vw;
  }

  header .row.formulario .der .cont-form .row.form .slide p.titulo{
    font-size: 2.5vw;
  }

  header .row.formulario .der .cont-form .row.form .slide p.mensaje{
    font-size: 1.1vw;
  }

  header .row.formulario .der .cont-form .row.form .slide.a{

  } 

  header .row.formulario .der .cont-form .row.form .slide .row{
    width: 100%;
    margin: 0 auto 0 auto;
  }

  header .row.formulario .der .cont-form .row.form .slide .row .col {
    width: 100%;
  }

  header .row.formulario .der .cont-form .row.form .slide.c .cont-terminos{
    height: 60vw;
  }

  header .row.formulario .der .cont-form .row.form .slide.c .cont-terminos .terminos p.titulo{
    font-size: 1.5vw;
    margin: 0 0 1vw 0;
  }

  header .row.formulario .der .cont-form .row.form .slide.c .cont-terminos .terminos p.contenido{
    margin: 0.1vw 0 0.7vw 0;
    font-size: 1vw;
  }

  header .row.formulario .der .cont-form .row.form .slide.c p.aceptar label span{
    padding-left: 15px !important;
    margin-right: 0.5vw !important;
    font-size: 1.2vw !important;
    color: #000 !important;
    line-height: 10px;
    height: 25px;
  }

  header .row.formulario .der .cont-form .row.form .slide.c p.aceptar label span::before{
    margin: 0;
    width: 10px;
    height: 10px;
    display: none;
  }

  header .row.formulario .der .cont-form .row.form .slide.c p.aceptar label span::after{
    margin: 0;
    width: 10px;
    height: 10px;
    border: solid 1.2px #39a336;
  }

  header .row.formulario .der .cont-form .row.form .slide p.aceptar{
    margin: 2vw 0 0 0;
  }

  header .row.formulario .der .cont-form .row.form .slide.c a{
    padding: 0.5vw 2vw 0.3vw 2vw;
  }

  header .row.formulario .der .cont-form .row.form .slide.c a p{
    font-size: 1.5vw;
  }

  header .row.formulario .der .cont-form .row.form .slide.d p.mensaje{
    font-size: 1.5vw;
  }

  header .row.formulario .der .cont-form .row.form .slide.d p.direcciones{
    padding: 0.7vw 0 0 0;
    font-size: 1.2vw;
  }
  header .row.formulario .der .cont-form .row.form .slide.d .botones_d{
    margin: 1.5vw 0 0.7vw 0;
  }

  header .row.formulario .der .cont-form .row.form .slide.d a{
    font-size: 1.5vw;
    padding: 0.8vw 2vw 0.4vw 2vw;
  }

  header .row.formulario .der .cont-form .botones{
    height: 8vw;
  }

  .button_slide{
    top: 2.5vw;
  }

  .button_slide .lista .btn_slider_intro.active{
    font-size: 1.3vw;
  }

  .button_slide .lista .btn_slider_intro{
    font-size: 1.1vw;
  }

  header .row.formulario .der .cont-form .botones a.next{
    margin-right: 4vw;
    margin-top: 2vw;
  }

  header .row.formulario .der .cont-form .botones a.back {
    margin-left: 4vw;
    margin-top: 2vw;
  }

  header .row.formulario .der .cont-form .botones a p{
    font-size: 2vw;
  }

  header .row.formulario .der .cont-form .botones a i{
    font-size: 2vw;
    margin-top: 0.36vw;
    margin-left: 0.5vw;
  }

  span.error.active{
    font-size: 1vw;
  }

}

/*Movil horizontal*/
@media only screen and (min-width: 450px) and (max-width: 823px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.modal {
    border: solid 3px #39a336;
}

.modal .modal-footer a i {
    font-size: 1.5vw;
    margin: 0;
    padding: 0;
}
.modal .modal-footer {
    margin: 0;
    padding: 0;
    height: 2vw;
}
.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-small,
.modal .modal-footer .btn-flat {
    height: 2vw;
}

.modal .modal-content p.titulo {
    font-size: 1.8vw;
    margin: 0 0 0.9vw;
}

.modal .modal-content p.anuncio {
    font-size: 1.2vw;
    margin: 0.25vw 0 1vw;
}

.modal .modal-content a i {
    font-size: 1.1vw;
    margin-top: 0.1vw;
}

.modal .modal-content a p {
    font-size: 1.1vw;
    margin: -0.2vw 0.25vw 0;
}
header .row.slider {
    height: 50vw;
    margin-top: 5vw;
}
header .row.formulario {
    height: calc(100% - 5vw);
    margin-top: 5vw;
}
select {
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    height: 1.8vw;
    font-size: 0.9vw;
    margin-bottom: 0.7vw !important;
    padding: 0 !important;
}


header .row.formulario .der .cont-form .row.form .slide.a .sexo p label span {
    padding-left: 15px !important;
    margin-right: 0.5vw !important;
    font-size: 0.6vw !important;
    color: #000 !important;
    line-height: 10px;
    height: 25px;
}

header .row.formulario .der .cont-form .row.form .slide.a .sexo p label span::before {
    margin: 0;
    width: 10px;
    height: 10px;
    border: solid 1.2px #39a336;
}

header .row.formulario .der .cont-form .row.form .slide.a .sexo p label span::after {
    margin: 0;
    width: 10px;
    height: 10px;
    background: #39a336;
}

  #slide-out {
    color: #000;
    width: 45vw;
  }

  #slide-out .cabecera {
    height: 42vw;
    margin-bottom: 1vw;
  }

  #slide-out .cabecera img {
    width: 100%;
    height: 100%;
  }

  #slide-out li {
    padding: 0;
    width: 100%;
    display: block;
    background: none;
  }

  #slide-out li a {
    display: block;
    width: 100%;
    padding: 0 5vw;
    color: #000;
    height: 10vw;
    line-height: 10vw;
    font-size: 2.7vw;
    font-weight: 600;
  }

  #slide-out li a i {
    margin-right: 3vw;
    font-size: 5vw;
    height: fit-content;
    line-height: unset;
    width: 6vw;
    color: rgba(0, 77, 121, 1);
    font-weight: 600;
  }

  #slide-out li .divider {
    margin: 0;
  }

  header nav {
    height: 5vw;
  }

  header nav .logotipo {
    display: block;
    margin: 0 auto;
    padding: 1vw 0;
    float: left;
    height: 100%;
    width: fit-content;
    text-align: center;
    margin-left: 5vw;
  }

  header nav .logotipo img {
    display: block;
    margin: 0 auto;
    margin-top: 0;
    height: 100%;
    width: auto;
  }

  header nav .menu {
    display: none;
  }

  #icono_han {
    display: block;
    float: right;
    height: 100%;
    margin-right: 5vw;
  }

  #icono_han a {
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0;
    float: unset;
  }

  #icono_han a i {
    height: fit-content;
    line-height: 100%;
    font-size: 5vw;
  }

  header .row.slider {
    height: 50vw;
    margin-top: 10vw;
  }
header .row.formulario .der .cont-form .row.form .slide.c p.aceptar label span {
    padding-left: 15px !important;
    margin-right: 0.5vw !important;
    font-size: 0.7vw !important;
    color: #000 !important;
    line-height: 10px;
    height: 25px;
}

header .row.formulario .der .cont-form .row.form .slide.c p.aceptar label span::before {
    margin: 0;
    width: 10px;
    height: 10px;
    display: none;
}

header .row.formulario .der .cont-form .row.form .slide.c p.aceptar label span::after {
    margin: 0;
    width: 10px;
    height: 10px;
    border: solid 1.2px #39a336;
}

}

/*Tablet vertical*/
@media only screen and (min-width: 561px) and (max-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
select {
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    height: 2.2vw;
    font-size: 0.9vw;
    margin-bottom: 0.7vw !important;
    padding: 0 !important;
}

  
  #slide-out {
    color: #000;
    width: 45vw;
  }

  #slide-out .cabecera {
    height: 42vw;
    margin-bottom: 1vw;
  }

  #slide-out .cabecera img {
    width: 100%;
    height: 100%;
  }

  #slide-out li {
    padding: 0;
    width: 100%;
    display: block;
    background: none;
  }

  #slide-out li a {
    display: block;
    width: 100%;
    padding: 0 3vw;
    color: #000;
    height: 10vw;
    line-height: 10vw;
    font-size: 2.7vw;
    font-weight: 600;
  }

  #slide-out li a i {
    margin-right: 3vw;
    font-size: 5vw;
    height: fit-content;
    line-height: unset;
    width: 6vw;
    color: rgba(0, 77, 121, 1);
    font-weight: 600;
  }

  #slide-out li .divider {
    margin: 0;
  }

  header nav {
    height: 10vw;
  }

  header nav .logotipo {
    display: block;
    margin: 0 auto;
    padding: 1vw 0;
    float: left;
    height: 100%;
    width: fit-content;
    text-align: center;
    margin-left: 5vw;
  }

  header nav .logotipo img {
    display: block;
    margin: 0 auto;
    margin-top: 0;
    height: 100%;
    width: auto;
  }

  header nav .menu {
    display: none;
  }

  #icono_han {
    display: block;
    float: right;
    height: 100%;
    margin-right: 5vw;
  }

  #icono_han a {
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0;
    float: unset;
  }

  #icono_han a i {
    height: fit-content;
    line-height: 100%;
    font-size: 5vw;
  }

  header .row.slider {
    height: 50vw;
    margin-top: 10vw;
  }
}