@font-face {
  font-family: 'Aller';
  src: url("../fonts/Aller-Bold.eot");
  src: url("../fonts/Aller-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Aller-Bold.woff2") format("woff2"), url("../fonts/Aller-Bold.woff") format("woff"), url("../fonts/Aller-Bold.ttf") format("truetype"), url("../fonts/Aller-Bold.svg#Aller-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans';
  src: url("../fonts/OpenSans.eot");
  src: url("../fonts/OpenSans.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans.woff2") format("woff2"), url("../fonts/OpenSans.woff") format("woff"), url("../fonts/OpenSans.ttf") format("truetype"), url("../fonts/OpenSans.svg#OpenSans") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat-Bold';
  src: url("../fonts/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat-Light';
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans-Bold';
  src: url("../fonts/OpenSans-Bold.eot");
  src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat-Hairline';
  src: url("../fonts/Montserrat-Hairline.eot");
  src: url("../fonts/Montserrat-Hairline.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Hairline.woff2") format("woff2"), url("../fonts/Montserrat-Hairline.woff") format("woff"), url("../fonts/Montserrat-Hairline.ttf") format("truetype"), url("../fonts/Montserrat-Hairline.svg#Montserrat-Hairline") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Titillium';
  src: url("../fonts/Titillium-Regular.eot");
  src: url("../fonts/Titillium-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Titillium-Regular.woff2") format("woff2"), url("../fonts/Titillium-Regular.woff") format("woff"), url("../fonts/Titillium-Regular.ttf") format("truetype"), url("../fonts/Titillium-Regular.svg#Titillium-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SinkinSans400';
  src: url("../fonts/SinkinSans-400Regular.eot");
  src: url("../fonts/SinkinSans-400Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SinkinSans-400Regular.woff2") format("woff2"), url("../fonts/SinkinSans-400Regular.woff") format("woff"), url("../fonts/SinkinSans-400Regular.ttf") format("truetype"), url("../fonts/SinkinSans-400Regular.svg#SinkinSans-400Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Titillium-semibold';
  src: url("../fonts/Titillium-Semibold.eot");
  src: url("../fonts/Titillium-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Titillium-Semibold.woff2") format("woff2"), url("../fonts/Titillium-Semibold.woff") format("woff"), url("../fonts/Titillium-Semibold.ttf") format("truetype"), url("../fonts/Titillium-Semibold.svg#Titillium-Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Oswald';
  src: url("../fonts/Oswald-Light.eot");
  src: url("../fonts/Oswald-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Light.woff2") format("woff2"), url("../fonts/Oswald-Light.woff") format("woff"), url("../fonts/Oswald-Light.ttf") format("truetype"), url("../fonts/Oswald-Light.svg#Oswald-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Titillium-bold';
  src: url("../fonts/Titillium-Bold.eot");
  src: url("../fonts/Titillium-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Titillium-Bold.woff2") format("woff2"), url("../fonts/Titillium-Bold.woff") format("woff"), url("../fonts/Titillium-Bold.ttf") format("truetype"), url("../fonts/Titillium-Bold.svg#Titillium-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Titillium-light';
  src: url("../fonts/Titillium-Light.eot");
  src: url("../fonts/Titillium-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Titillium-Light.woff2") format("woff2"), url("../fonts/Titillium-Light.woff") format("woff"), url("../fonts/Titillium-Light.ttf") format("truetype"), url("../fonts/Titillium-Light.svg#Titillium-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "landingpage";
  src: url("../fonts/landingpage.eot");
  src: url("../fonts/landingpage.eot?#iefix") format("embedded-opentype"), url("../fonts/landingpage.woff") format("woff"), url("../fonts/landingpage.ttf") format("truetype"), url("../fonts/landingpage.svg#landingpage") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "landingpage" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "landingpage" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before {
  content: "\61"; }

@keyframes dots-loading {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
header {
  height: 128px;
  width: 100%;
  position: fixed;
  background: #FFF;
  z-index: 800;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 991px) {
    header {
      padding: 0 5px;
      position: static; } }
  header .inside {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 991px) {
      header .inside {
        justify-content: space-between;
        width: 100%; } }
    header .inside figure {
      display: flex;
      justify-content: flex-end; }
    header .inside nav.menu {
      position: relative;
      top: 4px; }
      header .inside nav.menu ul {
        list-style: none;
        display: flex;
        flex: auto;
        justify-content: space-between;
        margin: 0;
        padding: 0; }
        header .inside nav.menu ul li a {
          font-family: "Oswald";
          transition: all .3s;
          color: #333333;
          font-size: 17px;
          text-decoration: none; }
        @media screen and (min-width: 1200px) {
          header .inside nav.menu ul li:hover a {
            transition: all .3s;
            color: #999999; }
          header .inside nav.menu ul li:hover:after {
            width: 100%;
            transition: all .2s; } }
        header .inside nav.menu ul li:after {
          content: "";
          display: block;
          transition: all .2s;
          height: 6px;
          width: 0;
          background: #B92F5E;
          position: relative;
          top: 23px;
          z-index: 500; }
      header .inside nav.menu:after {
        content: "";
        display: block;
        border-bottom: 2px solid #C6C6C6;
        position: relative;
        top: 21px; }
  header .social {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    @media screen and (max-width: 991px) {
      header .social {
        align-items: center;
        justify-content: flex-end; } }
    header .social a {
      font-family: "Oswald";
      color: #333333;
      font-size: 17px; }
      @media screen and (max-width: 991px) {
        header .social a {
          margin-right: 10px; } }
    header .social a.icon-facebook {
      display: block;
      width: 32px;
      height: 32px;
      background: #2980B6;
      border-radius: 50%;
      text-align: center;
      line-height: 40px;
      color: #FFF;
      font-size: 24px;
      text-decoration: none;
      transition: all .5s; }
      header .social a.icon-facebook:hover {
        cursor: pointer;
        transition: all .5s;
        background: #fff;
        color: #2980B6; }

section.banner {
  padding-top: 150px; }
  section.banner .tablet, section.banner .movil {
    display: none; }
  @media screen and (max-width: 991px) {
    section.banner {
      padding-top: 0; }
      section.banner .tablet {
        display: block; }
      section.banner .desk {
        display: none; } }
  @media screen and (max-width: 767px) {
    section.banner .movil {
      display: block; }
    section.banner .tablet {
      display: none; } }

@media screen and (min-width: 992px) {
  section.opcion-1 {
    margin-top: 171px; } }
@media screen and (max-width: 991px) {
  section.opcion-1 {
    margin-top: 57px;
    margin-bottom: 70px; } }
section.opcion-1 .left {
  display: flex;
  flex-direction: column;
  align-items: center; }
  section.opcion-1 .left figcaption {
    font-family: "Titillium-semibold";
    font-size: 30px;
    color: #009F93;
    margin-top: 40px; }
@media screen and (max-width: 991px) {
  section.opcion-1 .right {
    margin-top: 50px; } }
section.opcion-1 .right ul li {
  color: #009F93;
  padding: 5px 0; }
  section.opcion-1 .right ul li:first-child {
    padding: 0; }
  section.opcion-1 .right ul li:last-child {
    padding: 0; }
  section.opcion-1 .right ul li a {
    font-family: "Titillium";
    font-size: 20px;
    color: #333333;
    text-decoration: none; }

section.opcion-2 {
  display: flex;
  background-image: url("../images/servicios-izquierda.png"), url("../images/servicios-derecha.png");
  background-position: left center, right center;
  background-size: 52%, 52%;
  background-repeat: no-repeat; }
  @media screen and (min-width: 992px) {
    section.opcion-2 {
      margin-top: 100px; } }
  @media screen and (max-width: 991px) {
    section.opcion-2 {
      background: none;
      display: flex;
      flex-direction: column; } }
  section.opcion-2 figure {
    width: 50%;
    position: relative; }
    @media screen and (max-width: 991px) {
      section.opcion-2 figure {
        width: 100%; }
        section.opcion-2 figure:nth-child(1) figcaption {
          background: #002C27; }
        section.opcion-2 figure:nth-child(2) figcaption {
          background: #521422; } }
    section.opcion-2 figure figcaption {
      font-family: "Titillium";
      font-size: 17px;
      color: #FFF;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      line-height: 32px;
      padding: 120px 15px; }
      @media screen and (max-width: 1200px) {
        section.opcion-2 figure figcaption {
          font-size: 16px;
          padding: 120px 30px; } }
      @media screen and (max-width: 991px) {
        section.opcion-2 figure figcaption {
          padding: 45px 70px; } }
      @media screen and (max-width: 480px) {
        section.opcion-2 figure figcaption {
          padding: 45px 5px;
          font-size: 14px; }
          section.opcion-2 figure figcaption strong {
            font-size: 15px; } }
      section.opcion-2 figure figcaption strong {
        font-family: "Montserrat-Bold";
        font-size: 22px;
        color: #FFF; }
        @media screen and (max-width: 1200px) {
          section.opcion-2 figure figcaption strong {
            font-size: 17px; } }

@media screen and (min-width: 992px) {
  section.opcion-3 {
    margin-top: 100px; } }
section.opcion-3 .left {
  background: url("../images/contacto.jpg") center center no-repeat;
  background-size: cover;
  height: 590px; }
  @media screen and (max-width: 991px) {
    section.opcion-3 .left {
      height: auto;
      padding-bottom: 30px; } }
section.opcion-3 .right {
  background: #7D203D;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 590px; }
  section.opcion-3 .right .puntitos {
    position: absolute;
    display: flex;
    top: 25px;
    right: 0;
    left: 0;
    justify-content: center; }
    section.opcion-3 .right .puntitos .p1, section.opcion-3 .right .puntitos .p2, section.opcion-3 .right .puntitos .p3 {
      width: 10px;
      height: 10px;
      background: #FFF;
      border-radius: 50%;
      margin: 0 2px; }
    section.opcion-3 .right .puntitos .p1 {
      animation-delay: -0.32s; }
    section.opcion-3 .right .puntitos .p2 {
      animation-delay: -0.16s; }
  section.opcion-3 .right figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 23px;
    position: relative; }
    section.opcion-3 .right figure figcaption {
      font-family: 'Montserrat-Bold';
      font-size: 25px;
      color: #FFF;
      margin-top: 10px; }
  section.opcion-3 .right .formulario input[type="text"], section.opcion-3 .right .formulario #comentario {
    width: 100%;
    height: 25px;
    opacity: 0.5;
    background: #FFF;
    font-family: "SinkinSans400";
    font-size: 12px;
    line-height: 35px;
    margin: 10px 0;
    padding-left: 2px; }
    @media screen and (max-width: 1200px) {
      section.opcion-3 .right .formulario input[type="text"], section.opcion-3 .right .formulario #comentario {
        margin: 5px 0;
        height: 30px; } }
  section.opcion-3 .right .formulario #comentario {
    height: 90px; }
  section.opcion-3 .right .formulario .enviar {
    width: 99px;
    height: 26px;
    background: #4D4D4D;
    text-align: center;
    font-family: "SinkinSans400";
    font-size: 12px;
    color: #FFF;
    margin: auto;
    line-height: 27px;
    transition: all .5s; }
    @media screen and (max-width: 991px) {
      section.opcion-3 .right .formulario .enviar {
        margin-top: 6px; } }
    section.opcion-3 .right .formulario .enviar:hover {
      transition: all .5s;
      cursor: pointer;
      background: #343434; }

section.opcion-4 {
  background: #009F93;
  font-size: 14px;
  height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 48px; }
  @media screen and (max-width: 991px) {
    section.opcion-4 {
      height: 600px;
      padding: 10px 0; } }
  section.opcion-4 h2 {
    font-family: 'Montserrat-Bold';
    font-size: 26px;
    color: #FFF;
    text-align: center;
    margin: 0;
    position: relative;
    top: -30px; }
    @media screen and (max-width: 991px) {
      section.opcion-4 h2 {
        position: relative;
        top: 25px; } }
  section.opcion-4 .cajas {
    display: flex;
    justify-content: space-around; }
    @media screen and (max-width: 991px) {
      section.opcion-4 .cajas {
        flex-direction: column;
        height: 100%;
        align-items: center; } }
    section.opcion-4 .cajas .caja {
      background: #FFF;
      border-radius: 5px;
      width: 225px;
      padding: 15px;
      box-shadow: 1px 1px #1c5565, 1px 1px #1c5565, 2px 2px #1c5565, 3px 3px #1c5565, 4px 4px #1c5565, 5px 5px #1c5565, 6px 6px #1c5565, 7px 7px #1c5565, 8px 8px #1c5565, 9px 9px #1c5565, 10px 10px #1c5565, 11px 11px #1c5565, 12px 12px #1c5565, 13px 13px #1c5565, 14px 14px #1c5565, 15px 15px #1c5565, 16px 16px #1c5565, 17px 17px #1c5565, 18px 18px #1c5565, 19px 19px #1c5565, 20px 20px #1c5565, 21px 21px #1c5565, 22px 22px #1c5565, 23px 23px #1c5565, 24px 24px #1c5565, 25px 25px #1c5565, 26px 26px #1c5565, 27px 27px #1c5565, 28px 28px #1c5565, 29px 29px #1c5565, 30px 30px #1c5565, 31px 31px #1c5565, 32px 32px #1c5565, 33px 33px #1c5565, 34px 34px #1c5565, 35px 35px #1c5565, 36px 36px #1c5565, 37px 37px #1c5565, 38px 38px #1c5565, 39px 39px #1c5565, 40px 40px #1c5565, 41px 41px #1c5565, 42px 42px #1c5565, 43px 43px #1c5565, 44px 44px #1c5565, 45px 45px #1c5565, 46px 46px #1c5565, 47px 47px #1c5565, 48px 48px #1c5565, 49px 49px #1c5565, 50px 50px #1c5565, 51px 51px #1c5565, 52px 52px #1c5565, 53px 53px #1c5565, 54px 54px #1c5565, 55px 55px #1c5565, 56px 56px #1c5565, 57px 57px #1c5565, 58px 58px #1c5565, 59px 59px #1c5565, 60px 60px #1c5565; }
      @media screen and (max-width: 991px) {
        section.opcion-4 .cajas .caja {
          box-shadow: 1px 1px #1c5565, 1px 1px #1c5565, 2px 2px #1c5565, 3px 3px #1c5565, 4px 4px #1c5565, 5px 5px #1c5565, 6px 6px #1c5565, 7px 7px #1c5565, 8px 8px #1c5565, 9px 9px #1c5565, 10px 10px #1c5565, 11px 11px #1c5565, 12px 12px #1c5565, 13px 13px #1c5565, 14px 14px #1c5565, 15px 15px #1c5565, 16px 16px #1c5565, 17px 17px #1c5565, 18px 18px #1c5565, 19px 19px #1c5565, 20px 20px #1c5565; } }
      section.opcion-4 .cajas .caja span {
        color: #009F93;
        font-family: "OpenSans-Bold"; }
      section.opcion-4 .cajas .caja p {
        font-family: "OpenSans";
        color: #4D4D4D; }

footer {
  background: #333333;
  width: 100%; }
  footer .pie {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px; }
    @media screen and (max-width: 700px) {
      footer .pie {
        flex-direction: column;
        height: 160px; } }
    footer .pie span, footer .pie a {
      font-family: 'Montserrat-Light';
      font-size: 13px;
      color: #FFF;
      text-decoration: none;
      text-align: center; }
      footer .pie span:hover, footer .pie a:hover {
        cursor: pointer; }

/*# sourceMappingURL=general.css.map */