@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"; }

.icon-back-arrow:before {
  content: "\62"; }

.icon-next-arrow:before {
  content: "\63"; }

@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: #F12048;
          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; } }

section.opcion-1 {
  display: flex;
  align-items: center; }
  @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;
      flex-direction: column; } }
  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: #F12048;
      margin-top: 40px; }
      @media screen and (max-width: 360px) {
        section.opcion-1 .left figcaption {
          font-size: 28px; } }
  @media screen and (max-width: 991px) {
    section.opcion-1 .right {
      margin-top: 50px; } }
  @media screen and (max-width: 767px) {
    section.opcion-1 .right {
      padding: 0 6px; } }
  section.opcion-1 .right p {
    font-family: "Titillium";
    font-size: 18px;
    color: #333333; }
  section.opcion-1 .right p.medio {
    margin: 60px 0 40px; }
  section.opcion-1 .right .list {
    display: flex;
    margin: 30px 0 35px; }
    @media screen and (max-width: 480px) {
      section.opcion-1 .right .list {
        flex-direction: column; } }
    section.opcion-1 .right .list ul li {
      color: #F12048;
      padding: 5px 0; }
      section.opcion-1 .right .list ul li:first-child {
        padding: 0; }
      section.opcion-1 .right .list ul li:last-child {
        padding: 0; }
      section.opcion-1 .right .list ul li a {
        font-family: "Titillium";
        font-size: 20px;
        color: #333333;
        text-decoration: none; }

section.plotter {
  background: #F12048;
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 150px; }
  @media screen and (max-width: 991px) {
    section.plotter {
      margin-bottom: 100px; } }
  @media screen and (max-width: 680px) {
    section.plotter {
      height: 65px; } }
  section.plotter img#carro-gt {
    width: 38%; }
    @media screen and (min-width: 2000px) {
      section.plotter img#carro-gt {
        width: 25%; } }
    @media screen and (max-width: 1200px) {
      section.plotter img#carro-gt {
        width: 60%; } }
    @media screen and (max-width: 991px) {
      section.plotter img#carro-gt {
        width: 65%; } }
    @media screen and (max-width: 767px) {
      section.plotter img#carro-gt {
        width: 75%; } }
    @media screen and (max-width: 680px) {
      section.plotter img#carro-gt {
        width: 100%; } }

section.opcion-2 {
  margin-top: 130px; }
  @media screen and (max-width: 991px) {
    section.opcion-2 {
      padding-left: 6px; } }
  section.opcion-2 h2 {
    font-family: 'Titillium-semibold';
    color: #F12048;
    font-size: 35px;
    text-align: center; }
  section.opcion-2 .serv {
    display: flex;
    flex-direction: column; }
    section.opcion-2 .serv h3 {
      font-family: 'Titillium-semibold';
      color: #333333;
      font-size: 25px; }
      @media screen and (max-width: 480px) {
        section.opcion-2 .serv h3 {
          font-size: 22px; } }
    section.opcion-2 .serv ul li {
      color: #F12048;
      padding: 5px 0; }
      section.opcion-2 .serv ul li:first-child {
        padding: 0; }
      section.opcion-2 .serv ul li:last-child {
        padding: 0; }
      section.opcion-2 .serv ul li a {
        font-family: "Titillium";
        font-size: 20px;
        color: #333333;
        text-decoration: none; }
      @media screen and (max-width: 480px) {
        section.opcion-2 .serv ul li {
          font-size: 18px; } }

h2.gal {
  font-family: 'Titillium-semibold';
  font-size: 35px;
  color: #F12048;
  position: relative;
  text-align: center;
  top: 60px; }
  @media screen and (max-width: 767px) {
    h2.gal {
      padding-bottom: 50px;
      position: static; } }
  @media screen and (max-width: 500px) {
    h2.gal {
      padding-bottom: 0;
      position: relative; } }

section.galeria {
  background: #F12048;
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 330px 0 200px; }
  @media screen and (max-width: 767px) {
    section.galeria {
      margin: 170px 0 70px; } }
  section.galeria .owl-galeria .item {
    max-width: 975px;
    margin: auto; }
  section.galeria .container {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    @media screen and (max-width: 991px) {
      section.galeria .container {
        margin-bottom: 100px; } }
    @media screen and (max-width: 680px) {
      section.galeria .container {
        height: 65px; } }
    section.galeria .container img#tripie {
      width: 283px;
      height: 540px; }
      @media screen and (max-width: 767px) {
        section.galeria .container img#tripie {
          width: 150px;
          height: auto; } }
    section.galeria .container p {
      font-family: 'Titillium-semibold';
      color: #FFFFFF;
      font-size: 25px;
      text-align: center; }
      @media screen and (max-width: 991px) {
        section.galeria .container p {
          position: relative;
          top: 50px;
          margin: 0;
          font-size: 19px; } }
      @media screen and (max-width: 767px) {
        section.galeria .container p {
          font-size: 16px; } }
      @media screen and (max-width: 360px) {
        section.galeria .container p {
          font-size: 12px; } }

section.opcion-3 {
  margin-bottom: 60px; }
  @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;
    height: 590px; }
    @media screen and (max-width: 991px) {
      section.opcion-3 .left {
        height: 340px;
        padding-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      section.opcion-3 .left {
        margin-top: 50px; } }
    @media screen and (max-width: 360px) {
      section.opcion-3 .left {
        margin-top: 0; } }
  section.opcion-3 .right {
    background: #F12048;
    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;
      background: rgba(255, 255, 255, 0.5);
      font-family: "SinkinSans400";
      font-size: 12px;
      line-height: 35px;
      margin: 10px 0;
      padding-left: 2px;
      border: none;
      color: #FFF; }
      section.opcion-3 .right .formulario input[type="text"]::-webkit-input-placeholder, section.opcion-3 .right .formulario #comentario::-webkit-input-placeholder {
        color: #FFF; }
      section.opcion-3 .right .formulario input[type="text"] :-moz-placeholder, section.opcion-3 .right .formulario #comentario :-moz-placeholder {
        color: #FFF; }
      section.opcion-3 .right .formulario input[type="text"] ::-moz-placeholder, section.opcion-3 .right .formulario #comentario ::-moz-placeholder {
        color: #FFF; }
      section.opcion-3 .right .formulario input[type="text"] :-ms-input-placeholder, section.opcion-3 .right .formulario #comentario :-ms-input-placeholder {
        color: #FFF; }
      @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: #808080;
  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 (min-width: 2000px) {
      section.opcion-4 .cajas {
        width: 65%;
        margin: 0 auto 0; } }
    @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 #424242, 1px 1px #424242, 2px 2px #424242, 3px 3px #424242, 4px 4px #424242, 5px 5px #424242, 6px 6px #424242, 7px 7px #424242, 8px 8px #424242, 9px 9px #424242, 10px 10px #424242, 11px 11px #424242, 12px 12px #424242, 13px 13px #424242, 14px 14px #424242, 15px 15px #424242, 16px 16px #424242, 17px 17px #424242, 18px 18px #424242, 19px 19px #424242, 20px 20px #424242, 21px 21px #424242, 22px 22px #424242, 23px 23px #424242, 24px 24px #424242, 25px 25px #424242, 26px 26px #424242, 27px 27px #424242, 28px 28px #424242, 29px 29px #424242, 30px 30px #424242, 31px 31px #424242, 32px 32px #424242, 33px 33px #424242, 34px 34px #424242, 35px 35px #424242, 36px 36px #424242, 37px 37px #424242, 38px 38px #424242, 39px 39px #424242, 40px 40px #424242, 41px 41px #424242, 42px 42px #424242, 43px 43px #424242, 44px 44px #424242, 45px 45px #424242, 46px 46px #424242, 47px 47px #424242, 48px 48px #424242, 49px 49px #424242, 50px 50px #424242, 51px 51px #424242, 52px 52px #424242, 53px 53px #424242, 54px 54px #424242, 55px 55px #424242, 56px 56px #424242, 57px 57px #424242, 58px 58px #424242, 59px 59px #424242, 60px 60px #424242; }
      @media screen and (max-width: 991px) {
        section.opcion-4 .cajas .caja {
          box-shadow: 1px 1px #424242, 1px 1px #424242, 2px 2px #424242, 3px 3px #424242, 4px 4px #424242, 5px 5px #424242, 6px 6px #424242, 7px 7px #424242, 8px 8px #424242, 9px 9px #424242, 10px 10px #424242, 11px 11px #424242, 12px 12px #424242, 13px 13px #424242, 14px 14px #424242, 15px 15px #424242, 16px 16px #424242, 17px 17px #424242, 18px 18px #424242, 19px 19px #424242, 20px 20px #424242; } }
      section.opcion-4 .cajas .caja span {
        color: #F12048;
        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; }
      @media screen and (max-width: 330px) {
        footer .pie span, footer .pie a {
          font-size: 12px; } }
      footer .pie span:hover, footer .pie a:hover {
        cursor: pointer; }

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