html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1;
  font-family: "Josefin Sans", sans-serif;
  cursor: default;
  color: #606060;
  font-weight: 400;
  text-align: center;
  padding: 0 !important; }

.sin_m {
  margin: 0; }

.sin_p {
  padding: 0; }

.justify-content-center {
  justify-content: center !important;
  display: flex;
  flex-wrap: wrap; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.center {
  display: table;
  margin: auto; }

.b_blanco {
  background: #fff; }

header {
  background: #0182ea;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 4%; }
  header .link-sesion {
    padding-top: 10px;
    padding-bottom: 3px;
    text-align: right;
    color: #FFF;
    font-size: 14px;
    line-height: 18px; }
    header .link-sesion a {
      display: inline;
      color: rgba(255, 255, 255, 0.9);
      font-weight: 300; }
      header .link-sesion a:hover {
        text-decoration: none;
        color: white; }
  header .menu {
    border-bottom: 4px solid #62B0EC; }
    header .menu img, header .menu .item-menu {
      float: right; }
    header .menu img {
      width: 24%;
      position: absolute;
      background-color: #0182EA;
      padding-left: 1%;
      padding-right: 1%;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    header .menu .item-menu {
      width: 15%;
      text-align: right; }
      header .menu .item-menu a {
        display: block;
        color: rgba(255, 255, 255, 0.9);
        margin-right: 10%;
        margin-left: 10%;
        font-weight: 700;
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        font-size: 15px;
        line-height: 18px;
        border-bottom: 8px solid #transparent;
        transition: border-bottom 0.3s ease-in-out, color 0.3s ease-in-out; }
        header .menu .item-menu a:hover {
          text-decoration: none;
          color: white;
          border-bottom: 8px solid #62B0EC; }
        header .menu .item-menu a .active {
          border-bottom: 8px solid #62B0EC;
          color: #FFF; }
          header .menu .item-menu a .active:hover {
            cursor: default; }

.copy {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 10px; }
  .copy .fn {
    color: #000;
    font-size: 12px; }
  .copy .email {
    color: #000;
    font-size: 5px; }
  .copy .adr {
    color: #000;
    font-size: 5px; }

.banner {
  padding: 6% 0 6% 1%;
  background: url(../img/banner.jpg) right no-repeat;
  background-position-y: -175px; }
  .banner .cont_text {
    text-align: left; }
    .banner .cont_text h1 {
      color: #007BFF;
      font-size: 55px;
      font-weight: 700; }
    .banner .cont_text h2 {
      font-weight: 700;
      font-size: 35px;
      line-height: 43px;
      padding: 15px 45% 15px 0; }
    .banner .cont_text label {
      font-weight: 300;
      font-size: 23px;
      padding-bottom: 25px; }
    .banner .cont_text .boton {
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
      border: 2px solid #007BFF;
      border-radius: 30px;
      padding: 9px 25px 8px; }
      .banner .cont_text .boton:hover {
        background: #007BFF; }
        .banner .cont_text .boton:hover a {
          color: #fff; }
      .banner .cont_text .boton a {
        color: #606060; }
        .banner .cont_text .boton a:hover {
          color: #fff;
          text-decoration: none; }

.integraciones {
  background-color: #0182ea;
  color: #fff;
  padding: 4% 3% 5%; }
  .integraciones h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 43px;
    padding-bottom: 25px; }
  .integraciones label {
    font-weight: 300;
    font-size: 25px;
    line-height: initial; }
  .integraciones .cont_integra {
    padding-top: 6%; }
    .integraciones .cont_integra .item_integra {
      padding: 0 2%; }
      .integraciones .cont_integra .item_integra .datos_integra {
        border-radius: 12px;
        color: #0182ea;
        padding: 5% 3% 8% 3%; }
        .integraciones .cont_integra .item_integra .datos_integra .icone_integra {
          background-image: url(../img/grid-iconos.png);
          background-repeat: no-repeat;
          width: 80px;
          height: 80px;
          background-size: 1250%; }
        .integraciones .cont_integra .item_integra .datos_integra h3 {
          font-size: 22px;
          font-weight: 600;
          padding: 10px 0 20px; }
        .integraciones .cont_integra .item_integra .datos_integra label {
          font-size: 18px;
          font-weight: 300;
          padding: 0 3%;
          line-height: initial; }
        .integraciones .cont_integra .item_integra .datos_integra .img-1 {
          background-position: -72px -4px; }
        .integraciones .cont_integra .item_integra .datos_integra .img-2 {
          background-position: -335px -4px; }
        .integraciones .cont_integra .item_integra .datos_integra .img-3 {
          background-position: -599px -4px; }
        .integraciones .cont_integra .item_integra .datos_integra .img-4 {
          background-position: -852px -4px; }

@-webkit-keyframes slide-left {
  100% {
    left: 0; } }
@keyframes slide-left {
  100% {
    left: 0; } }
@-webkit-keyframes slide-right {
  100% {
    right: 0; } }
@keyframes slide-right {
  100% {
    right: 0; } }
.revolucion {
  background-color: #F4F9FF;
  padding: 4% 3% 2%; }
  .revolucion h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 43px;
    padding-bottom: 25px;
    padding: 0 25%; }
  .revolucion .cont_items {
    padding-top: 5%; }
    .revolucion .cont_items .item {
      padding: 0 2% 5% 2%;
      cursor: pointer; }
      .revolucion .cont_items .item .datos_item {
        background-color: #0182ea;
        color: #fff;
        display: flex;
        border-radius: 70px;
        padding: 0px 20px 0 0;
        height: 90px; }
      .revolucion .cont_items .item .icone_item {
        width: 120px;
        height: 100px;
        background: url(../img/iconos-vector.png) no-repeat;
        background-size: 2150px;
        left: -10px;
        position: relative; }
      .revolucion .cont_items .item label {
        font-size: 25px;
        line-height: initial;
        font-weight: 300;
        text-align: left;
        width: 100%;
        padding-left: 5%;
        cursor: pointer; }
      .revolucion .cont_items .item .icone_1 {
        background-position: -46px -20px; }
      .revolucion .cont_items .item .icone_2 {
        background-position: -224px -20px; }
      .revolucion .cont_items .item .icone_3 {
        background-position: -400px -20px; }
      .revolucion .cont_items .item .icone_4 {
        background-position: -578px -20px; }
      .revolucion .cont_items .item .icone_5 {
        background-position: -755px -20px; }
      .revolucion .cont_items .item .icone_6 {
        background-position: -933px -20px; }
      .revolucion .cont_items .item .icone_7 {
        background-position: -1110px -20px; }
      .revolucion .cont_items .item .icone_8 {
        background-position: -1288px -20px; }
      .revolucion .cont_items .item .icone_9 {
        background-position: -1466px -20px; }
      .revolucion .cont_items .item .icone_10 {
        background-position: -1644px -20px; }
      .revolucion .cont_items .item .icone_11 {
        background-position: -1820px -20px; }
      .revolucion .cont_items .item .icone_12 {
        background-position: -1998px -20px; }
  .revolucion .left_animation {
    position: absolute;
    left: -100%;
    -webkit-animation: slide-left 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide-left 0.5s forwards;
    animation-delay: 2s; }
  .revolucion .right_animation {
    position: absolute;
    right: -100%;
    -webkit-animation: slide-right 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide-right 0.5s forwards;
    animation-delay: 2s; }

.mas {
  background-color: #fff;
  padding: 4% 3%; }
  .mas h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 43px;
    padding-bottom: 25px;
    padding: 0 15%; }
  .mas .boton {
    background: #0182ea;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    padding: 14px 35px 12px;
    margin-top: 50px;
    cursor: pointer;
    border-radius: 35px; }
    .mas .boton:hover {
      background: #095c9e; }

#modal_introduccion .close {
  right: 10px;
  position: absolute;
  top: 5px; }
#modal_introduccion .modal-header .modal-title {
  font-size: 25px;
  font-weight: 600;
  color: #0182ea;
  padding: 3% 0 0;
  text-align: center;
  line-height: initial; }
#modal_introduccion .modal-body {
  text-align: left;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  padding: 2% 5% 5%; }
  #modal_introduccion .modal-body ul {
    padding-left: 3%; }

/*div, img, label,body,html
 * border: 1px solid #000 */
/*********************Los @media********************************************************** */
@media(max-width: 1680px) {
  .banner {
    background-position-y: -200px;
    background-size: 1800px; }
    .banner .cont_text h1 {
      font-size: 52px; }
    .banner .cont_text h2 {
      font-size: 32px;
      line-height: 40px;
      padding: 15px 30% 15px 0; }
    .banner .cont_text label {
      font-size: 20px; }
    .banner .cont_text .boton {
      font-size: 18px; }

  .integraciones h2 {
    font-size: 32px;
    line-height: 40px; }
  .integraciones label {
    font-size: 22px; }
  .integraciones .cont_integra .item_integra .datos_integra h3 {
    font-size: 20px; }
  .integraciones .cont_integra .item_integra .datos_integra label {
    font-size: 17px; }

  .revolucion h2 {
    font-size: 32px;
    line-height: 40px;
    padding: 0 20%; }
  .revolucion .cont_items .item .datos_item {
    height: 80px; }
  .revolucion .cont_items .item label {
    padding-left: 0;
    font-size: 23px; }

  .mas h2 {
    font-size: 32px;
    line-height: 40px;
    padding: 0 12%; } }
@media(max-width: 1380px) {
  .banner {
    background-position-y: -130px;
    background-size: 1520px; }
    .banner .cont_text h1 {
      font-size: 50px; }
    .banner .cont_text h2 {
      font-size: 30px;
      line-height: 38px;
      padding: 15px 25% 15px 0; }
    .banner .cont_text label {
      font-size: 19px; }
    .banner .cont_text .boton {
      font-size: 17px; }

  .integraciones {
    padding: 6% 3% 5%; }
    .integraciones h2 {
      font-size: 30px;
      line-height: 38px; }
    .integraciones label {
      font-size: 20px; }
    .integraciones .cont_integra .item_integra {
      padding: 0 1%; }
      .integraciones .cont_integra .item_integra .datos_integra h3 {
        font-size: 19px;
        padding: 10px 0 15px; }
      .integraciones .cont_integra .item_integra .datos_integra label {
        font-size: 16px; }
      .integraciones .cont_integra .item_integra .datos_integra .icone_integra {
        width: 75px;
        height: 75px;
        background-size: 1100%; }
      .integraciones .cont_integra .item_integra .datos_integra .img-1 {
        background-position: -55px 0px; }
      .integraciones .cont_integra .item_integra .datos_integra .img-2 {
        background-position: -272px 4px; }
      .integraciones .cont_integra .item_integra .datos_integra .img-3 {
        background-position: -490px 4px; }
      .integraciones .cont_integra .item_integra .datos_integra .img-4 {
        background-position: -698px 4px; }

  .revolucion {
    padding: 6% 3% 3%; }
    .revolucion h2 {
      font-size: 30px;
      line-height: 38px; }
    .revolucion .cont_items .item .datos_item {
      height: 70px; }
    .revolucion .cont_items .item .icone_item {
      background-size: 1920px;
      width: 110px;
      height: 95px; }
    .revolucion .cont_items .item .icone_1 {
      background-position: -41px -15px; }
    .revolucion .cont_items .item .icone_2 {
      background-position: -200px -15px; }
    .revolucion .cont_items .item .icone_3 {
      background-position: -357px -15px; }
    .revolucion .cont_items .item .icone_4 {
      background-position: -516px -15px; }
    .revolucion .cont_items .item .icone_5 {
      background-position: -674px -15px; }
    .revolucion .cont_items .item .icone_6 {
      background-position: -832px -15px; }
    .revolucion .cont_items .item .icone_7 {
      background-position: -992px -15px; }
    .revolucion .cont_items .item .icone_8 {
      background-position: -1151px -15px; }
    .revolucion .cont_items .item .icone_9 {
      background-position: -1310px -15px; }
    .revolucion .cont_items .item .icone_10 {
      background-position: -1467px -15px; }
    .revolucion .cont_items .item .icone_11 {
      background-position: -1626px -15px; }
    .revolucion .cont_items .item .icone_12 {
      background-position: -1784px -15px; }
    .revolucion .cont_items .item label {
      font-size: 21px; }

  .mas {
    padding: 6% 3% 3%; }
    .mas h2 {
      font-size: 30px;
      line-height: 38px;
      padding: 0 10%; } }
@media(max-width: 1199px) {
  .banner {
    background-position-y: -35px;
    background-size: 1200px; }

  .revolucion h2 {
    padding: 0 15%; }

  .mas h2 {
    padding: 0 5%; } }
@media(max-width: 991px) {
  .banner {
    background-position-y: -20px;
    background-size: 1100px;
    padding: 7% 0 9% 3%; }
    .banner .cont_text h1 {
      font-size: 45px; }
    .banner .cont_text h2 {
      font-size: 25px;
      line-height: 33px;
      padding: 15px 55% 15px 0; }
    .banner .cont_text label {
      font-size: 17px;
      padding-bottom: 15px; }
    .banner .cont_text .boton {
      font-size: 16px; }

  .integraciones {
    padding: 7% 3% 5%; }
    .integraciones h2 {
      font-size: 25px;
      line-height: 33px; }
    .integraciones .cont_integra .item_integra {
      padding: 2% 3%; }

  .revolucion {
    padding: 7% 3% 3%; }
    .revolucion h2 {
      font-size: 25px;
      line-height: 33px;
      padding: 0 10%; }
    .revolucion .cont_items .item .icone_item {
      width: 115px; }
    .revolucion .cont_items .item label {
      font-size: 20px; }

  .mas {
    padding: 5% 3% 3%; }
    .mas h2 {
      font-size: 25px;
      line-height: 33px; } }
@media (max-width: 767px) {
  .banner {
    background: #fff;
    padding: 7% 9% 8%; }
    .banner .cont_text {
      text-align: center; }
      .banner .cont_text h2 {
        padding: 15px 0; }

  header {
    background: #008AF4;
    padding-bottom: 0px; }
    header .link-sesion {
      padding-bottom: 10px;
      padding-top: 10px; }
      header .link-sesion a {
        font-size: 13px;
        line-height: 16px; }
    header .icon-menu {
      display: block; }
    header .icon-cerrar, header .icon-menu {
      position: absolute; }
    header .menu {
      border-style: none;
      text-align: center; }
      header .menu .item-menu {
        float: none;
        display: none;
        margin-left: 15px;
        padding-top: 7px;
        padding-bottom: 7px; }
        header .menu .item-menu a {
          border-left: 8px solid transparent;
          padding-left: 5px;
          width: 100%;
          padding-top: 3px;
          padding-bottom: 3px;
          transition: border-left 0.3s ease-in-out;
          text-align: left; }
          header .menu .item-menu a:hover {
            border-bottom-style: none;
            border-left: 8px solid #62B0EC; }
          header .menu .item-menu a.active {
            border-bottom-style: none;
            border-left: 8px solid #62B0EC; }
      header .menu img {
        width: 60%;
        position: relative;
        background-color: transparent;
        margin-top: 20px;
        float: none; }

  .integraciones {
    padding: 8% 3% 5%; }

  .revolucion {
    padding: 8% 3% 3%; }
    .revolucion h2 {
      padding: 0; }
    .revolucion .cont_items .item {
      padding: 0 7% 5% 8%; }
      .revolucion .cont_items .item label {
        font-size: 23px; }
    .revolucion .right_animation {
      bottom: 0px; }

  .mas {
    padding: 7% 3% 10%; }
    .mas h2 {
      font-size: 25px;
      line-height: 33px;
      padding: 0; }

  #modal_introduccion .modal-header .modal-title {
    font-size: 22px;
    padding: 1% 0 0; }
  #modal_introduccion .modal-body {
    font-size: 17px;
    line-height: 25px; } }
@media (max-width: 576px) {
  .banner {
    padding: 7% 3% 8%; }
    .banner .cont_text h1 {
      font-size: 40px; }
    .banner .cont_text h2 {
      font-size: 22px;
      line-height: 30px; }

  .integraciones h2 {
    font-size: 22px;
    line-height: 30px; }
  .integraciones label {
    font-size: 18px; }

  .revolucion h2 {
    font-size: 22px;
    line-height: 30px; }
  .revolucion .cont_items .item {
    padding: 0 3% 4% 4%; }
    .revolucion .cont_items .item label {
      font-size: 21px; }
    .revolucion .cont_items .item .datos_item {
      height: 65px; }
    .revolucion .cont_items .item .icone_item {
      background-size: 1700px;
      width: 95px;
      height: 82px; }
    .revolucion .cont_items .item .icone_1 {
      background-position: -37px -15px; }
    .revolucion .cont_items .item .icone_2 {
      background-position: -177px -15px; }
    .revolucion .cont_items .item .icone_3 {
      background-position: -317px -15px; }
    .revolucion .cont_items .item .icone_4 {
      background-position: -457px -15px; }
    .revolucion .cont_items .item .icone_5 {
      background-position: -597px -15px; }
    .revolucion .cont_items .item .icone_6 {
      background-position: -737px -15px; }
    .revolucion .cont_items .item .icone_7 {
      background-position: -877px -15px; }
    .revolucion .cont_items .item .icone_8 {
      background-position: -1019px -15px; }
    .revolucion .cont_items .item .icone_9 {
      background-position: -1159px -15px; }
    .revolucion .cont_items .item .icone_10 {
      background-position: -1299px -15px; }
    .revolucion .cont_items .item .icone_11 {
      background-position: -1439px -15px; }
    .revolucion .cont_items .item .icone_12 {
      background-position: -1579px -15px; }

  .mas h2 {
    font-size: 22px;
    line-height: 30px; }
  .mas .boton {
    font-size: 22px; } }
@media (max-width: 420px) {
  .banner .cont_text h1 {
    font-size: 35px; }
  .banner .cont_text h2 {
    font-size: 20px;
    line-height: 28px; }

  .integraciones h2 {
    font-size: 20px;
    line-height: 28px; }

  .revolucion h2 {
    font-size: 20px;
    line-height: 28px; }
  .revolucion .cont_items .item {
    padding: 0 0% 4% 1%; }
    .revolucion .cont_items .item label {
      font-size: 18px; }
    .revolucion .cont_items .item .datos_item {
      height: 60px; }
    .revolucion .cont_items .item .icone_item {
      background-size: 1400px;
      width: 80px;
      height: 70px; }
    .revolucion .cont_items .item .icone_1 {
      background-position: -30px -11px; }
    .revolucion .cont_items .item .icone_2 {
      background-position: -145px -11px; }
    .revolucion .cont_items .item .icone_3 {
      background-position: -261px -11px; }
    .revolucion .cont_items .item .icone_4 {
      background-position: -375px -11px; }
    .revolucion .cont_items .item .icone_5 {
      background-position: -491px -11px; }
    .revolucion .cont_items .item .icone_6 {
      background-position: -607px -11px; }
    .revolucion .cont_items .item .icone_7 {
      background-position: -722px -11px; }
    .revolucion .cont_items .item .icone_8 {
      background-position: -838px -11px; }
    .revolucion .cont_items .item .icone_9 {
      background-position: -954px -11px; }
    .revolucion .cont_items .item .icone_10 {
      background-position: -1070px -11px; }
    .revolucion .cont_items .item .icone_11 {
      background-position: -1185px -11px; }
    .revolucion .cont_items .item .icone_12 {
      background-position: -1300px -11px; }

  .mas h2 {
    font-size: 20px;
    line-height: 28px; } }
@media (max-width: 380px) {
  .banner .cont_text h1 {
    font-size: 30px; }
  .banner .cont_text h2 {
    font-size: 18px;
    line-height: 26px; }
  .banner .cont_text label {
    font-size: 16px; }
  .banner .cont_text .boton {
    font-size: 15px; }

  .integraciones h2 {
    font-size: 18px;
    line-height: 26px; }
  .integraciones label {
    font-size: 16px; }

  .revolucion h2 {
    font-size: 18px;
    line-height: 26px; }

  .mas h2 {
    font-size: 18px;
    line-height: 26px; }
  .mas .boton {
    font-size: 18px;
    padding: 14px 30px 12px; } }
@media (min-width: 500px) and (max-width: 767px) {
  header .menu img {
    width: 272px; } }
@media(min-width: 768px) and (max-width: 991px) {
  header .menu {
    margin-left: 180px; }
    header .menu img {
      width: 180px;
      left: -180px;
      background-color: transparent; }
    header .menu .item-menu {
      width: 20%; } }
@media (min-width: 992px) and (max-width: 1199px) {
  header .link-sesion a {
    font-size: 13px;
    line-height: 14px; }
  header .menu .item-menu a {
    margin-right: 10%;
    margin-left: 10%;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 16px; } }
@media (min-width: 1450px) {
  header .link-sesion a {
    font-size: 16px;
    line-height: 20px; }
  header .menu .item-menu a {
    font-size: 17px;
    line-height: 20px; } }
@media (min-width: 1800px) {
  header .link-sesion a {
    font-size: 17px;
    line-height: 21px; }
  header .menu .item-menu a {
    font-size: 20px;
    line-height: 23px; } }

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