* {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  
  *:focus {
    outline: none;
  }

  @font-face {
    src: url(../fonts/g-medium.otf);
    font-family: g-medium;
  }
  
  @font-face {
    src: url(../fonts/g-bold.otf);
    font-family: g-bold;
  }
  
  @font-face {
    src: url(../fonts/g-book.otf);
    font-family: g-book;
  }
  
  @font-face {
    src: url(../fonts/chronicle-g4.otf);
    font-family: chronicle-g4;
  }
  
  @font-face {
    src: url(../fonts/g-black.ttf);
    font-family: g-black;
  }

  body {
    overflow-x: hidden;
  }

  .g-medium{
    font-family: g-medium;
  }

  .g-bold{
    font-family: g-bold;
  }

  .g-book{
    font-family: g-book;
  }

  .chronicle-g4{
    font-family: chronicle-g4;
  }

  .g-black{
    font-family: g-black;
  }

  .azul_fuerte{
    color:#0B4D6D
  }

  .gris{
    color: #666666;
  }

  .flotante-home {
    position: absolute;
    color: #FFF;
    left: 10%;
    top: 250px;
    z-index: 1;
    padding: 40px 40px;
  }
  
  .flotante-home::before {
    content: "";
    background-color: #0B4D6D;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
  }

  .border_input{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: solid 2px #0B4D6D;
  }

  .border_btn{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: solid 2px #c3c3c3;
    color: #c3c3c3;
  }

  .border_btn.active{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: solid 2px #0B4D6D;
    color: #0B4D6D;
  }


  .footer_blue{
    background: #0B4D6D;
  }

  .prev_arrow, .next_arrow{
    position: absolute;
    top: 50%;
    width: 50px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 9;
    cursor: pointer;
  }

  .prev_arrow{
    background-image: url(../img/svg/prev.svg);
    left: 0;
  }
  
  .next_arrow{
    background-image: url(../img/svg/next.svg);
    right: 0;
  }
  #link_contacto::before {
    content: "";
    background-color: #0B4D6D;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
  }
  .links_header:hover:before {
    content: "";
    background-color: #0B4D6D;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
  }

  .links_header{
      padding: 0 1rem;
      display: flex;
      justify-content: center;
      transition: all 1s;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
}

  header{
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}

.ham {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 50px;
	height: 50px;
}

.hamRotate.active {
  transform: rotate(45deg);
}

header.active{
  background-color: #FFF;
}

.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#fff;
  stroke-width:5.5;
  stroke-linecap:round;
}

.line.active{
  stroke: #0B4D6D!important;
}

.logo_normal.active{
  display: none!important;
}

.logo_alterno.active{
  display: block!important;
}

.ham4 .top {
  stroke-dasharray: 40 121;
}

.ham4 .bottom {
  stroke-dasharray: 40 121;
}

.ham4.active .top {
  stroke-dashoffset: -68px;
}

.ham4.active .bottom {
  stroke-dashoffset: -68px;
}

.fondo_gracias {
	width: 100%;
	height: 100vh;
	background-image: url('../img/jpg/gracias.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
}

.gracias_return {
  width: 95%;
  text-align: right;
  padding: 3rem 0;
  font-family: chronicle-g4;
}

.gracias_return a {
  text-decoration: none;
  color: #0B4D6D;
  font-size: 1.6rem;
  transition: all 1s;

}

.gracias_return a:hover{
  font-size: 1.7rem;
}

.gracias_texto {
  margin-top: 10vh;
}

.gracias_texto h2 {
  font-family: g-black;
  font-size: 3rem;
}

.gracias_texto .fondo_azul {
  background-color: #0B4D6D;
  padding: 10px 0px;
  padding-right: 15px;
  text-align: right;
  width: 20%;
}

.gracias_texto .fondo_blanco {
  padding: 10px 0px;
  padding-right: 15px;
  width: auto;
  margin-left: 9%;
  color: #0B4D6D;

}

.gracias_texto .fondo_azul h2 {
  color: #fff;
}

.gracias_texto p {
  font-family: g-medium;
  color: #0B4D6D;
  margin-left: 5%;
  font-size: 1.4rem;
}

@media only screen and (max-width: 1420px){
  .gracias_texto .fondo_azul {
    width: 30%;
  }
}

@media only screen and (max-width: 1080px){
  .flotante-home {
      left: 2%;
      padding: 20px 15px;
      top: 200px;
  }

  .gracias_texto {
    margin-top: 6vh;
  }

  .gracias_texto h2 {
    font-size: 1.8rem;
  }

  .gracias_texto p {
    font-size: .9rem;
  }

  .gracias_texto .fondo_azul {
    width: 40%;
  }
}

@media only screen and (max-width: 800px){
  .flotante-home::before {
    width: 90%;
  }
}