@charset "UTF-8";
/*---------------------------------------
------------------TIPOGRAFÍA-----------
------------------------------------------ */
/*---------------------------------------
------------------COLORES------------
------------------------------------------ */
/*#1E4356;*/
/*---------------------------------------
------------------HEADER------------
------------------------------------------ */
/*---------------------------------------
------------------ADMIN------------
------------------------------------------ */
/*---------------------------------------
------------------NOT-ADMIN------------
------------------------------------------ */
/*---------------------------------------
----------TYPOGRAPHY----------
------------------------------------------ */
/*---------------------------------------
------------------MIXINS-MASTER-----------
------------------------------------------ */
/*---------------------------------------
------------------MIXINS-ADMIN-----------
------------------------------------------ */
/*
 * Dashicons mixin
 * use: @include dashicons( '\f140' );
 */
/*
 * Button mixin- creates 3d-ish button effect with correct
 * highlights/shadows, based on a base color.
 */
/*---------------------------------------
------------------MIXINS-TEMPLATE-----------
------------------------------------------ */
/***/
body {
  font-family: 'Raleway'; }
  body h1, body h2, body h3, body h4 {
    font-family: "Raleway" !important; }

header, footer {
  display: none !important; }

body #content {
  margin-top: 0 !important; }
  body #content section {
    overflow: visible; }

#espacio {
  background-color: #2389c1;
  padding: 50px 0;
  width: 100%;
  float: left;
  overflow: visible;
  position: relative; }
  #espacio:after {
    content: '';
    width: 100%;
    height: 120vh;
    display: block;
    background-image: url(/wp-content/themes/AQStheme/assets/images/nube_fondo.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-position: 0; }
  #espacio:before {
    content: '';
    width: 120%;
    height: 87vh;
    display: block;
    background-image: url(/wp-content/themes/AQStheme/assets/images/nube_big.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -208px;
    left: 0;
    z-index: 2;
    background-position: -200px center; }
  #espacio .section-70, #espacio .section-30 {
    color: #fff !important; }
  #espacio .imagen-fondo {
    position: absolute;
    right: 0;
    bottom: -300px;
    width: 140px;
    display: block;
    z-index: 0; }
    @media screen and (max-width: 700px) {
      #espacio .imagen-fondo {
        display: none; } }
  #espacio .section-70 {
    position: relative; }
    #espacio .section-70 h1, #espacio .section-70 .subtitle {
      padding-left: 200px;
      margin-top: 0; }
      @media screen and (max-width: 1024px) {
        #espacio .section-70 h1, #espacio .section-70 .subtitle {
          padding-left: 0;
          margin-top: 25px !important;
          display: block;
          width: 100%;
          float: left;
          overflow: hidden; } }
    #espacio .section-70 .subtitle {
      font-size: 22px; }
    #espacio .section-70 .logo {
      position: absolute;
      width: 180px;
      left: 0;
      top: 0; }
      @media screen and (max-width: 1024px) {
        #espacio .section-70 .logo {
          position: relative;
          width: 100px;
          left: 0;
          top: 0; } }
    #espacio .section-70 .alignnone {
      position: absolute;
      left: 0px;
      width: 150px;
      top: 188px; }
      @media screen and (max-width: 1024px) {
        #espacio .section-70 .alignnone {
          position: absolute;
          left: 120px;
          width: 100px;
          top: 0; } }
    #espacio .section-70 .gestion360 {
      margin-top: 400px;
      margin-bottom: 300px;
      font-size: 22px;
      padding-right: 250px;
      position: relative;
      z-index: 9; }
      @media screen and (max-width: 768px) {
        #espacio .section-70 .gestion360 {
          margin-top: 150px;
          margin-bottom: 200px;
          font-size: 19px;
          padding-right: 0;
          position: relative;
          z-index: 9; } }
  #espacio .section-30 {
    text-align: center;
    text-align: center;
    width: 25%;
    float: right;
    background-color: #19618a;
    padding: 0;
    margin-top: -50px;
    font-weight: 100;
    position: relative;
    z-index: 2; }
    #espacio .section-30 a {
      color: #fff !important; }
    @media screen and (max-width: 1280px) {
      #espacio .section-30 {
        width: 30%; } }
    @media screen and (max-width: 768px) {
      #espacio .section-30 {
        width: 100%; } }
    #espacio .section-30 .llama {
      padding: 40px 25px 0; }
  #espacio .el_retail_ha_cambiado {
    color: #176996;
    position: relative;
    z-index: 5;
    text-align: center;
    width: 50%;
    padding-top: 50px;
    font-weight: 600; }
    @media screen and (max-width: 768px) {
      #espacio .el_retail_ha_cambiado {
        width: 100%; } }

section#cielo, section#cielo-soluciones, section#cielo-clientes {
  background-color: #bbeaf2;
  padding: 100px 50px;
  text-align: center;
  padding-bottom: 0; }
  section#cielo strong, section#cielo-soluciones strong, section#cielo-clientes strong {
    font-weight: 600 !important; }
  section#cielo h1, section#cielo-soluciones h1, section#cielo-clientes h1 {
    display: block;
    margin-top: 150px;
    text-align: center;
    font-weight: 300 !important;
    margin-bottom: 100px !important;
    color: #00a0d3; }
  section#cielo .section-25, section#cielo-soluciones .section-25, section#cielo-clientes .section-25 {
    padding: 50px 20px;
    text-align: center;
    vertical-align: top;
    min-height: 200px;
    background-color: #2389c1;
    color: #fff;
    margin: 10px 5px;
    width: 24%;
    border-radius: 5px; }
    @media screen and (max-width: 1300px) {
      section#cielo .section-25, section#cielo-soluciones .section-25, section#cielo-clientes .section-25 {
        min-height: 270px; } }
    @media screen and (max-width: 1024px) {
      section#cielo .section-25, section#cielo-soluciones .section-25, section#cielo-clientes .section-25 {
        padding: 20px;
        width: 50%;
        min-height: 0px;
        margin-bottom: 20px; } }
    @media screen and (max-width: 768px) {
      section#cielo .section-25, section#cielo-soluciones .section-25, section#cielo-clientes .section-25 {
        padding: 20px;
        width: 100%;
        min-height: 0px;
        margin-bottom: 20px; } }
  section#cielo a.image-gallery, section#cielo-soluciones a.image-gallery, section#cielo-clientes a.image-gallery {
    pointer-events: none;
    cursor: pointer; }
    section#cielo a.image-gallery img, section#cielo-soluciones a.image-gallery img, section#cielo-clientes a.image-gallery img {
      max-width: 250px;
      padding: 15px; }

section#cielo-soluciones {
  text-align: left; }
  section#cielo-soluciones h1 {
    margin-top: 100px;
    margin-bottom: 50px !important; }
  section#cielo-soluciones img {
    max-height: 450px;
    width: auto !important;
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;
    margin-top: 30px; }
  section#cielo-soluciones .section-50 {
    float: none;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    section#cielo-soluciones .section-50 h1 {
      font-size: 36px; }
    section#cielo-soluciones .section-50 img.nube {
      position: absolute;
      bottom: -13%;
      left: 16%;
      height: 255px; }

section#tabla-precios {
  padding-top: 150px !important;
  background-image: url(/wp-content/themes/AQStheme/assets/images/tierra-04.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 0; }
  section#tabla-precios .section-full-width {
    margin-bottom: 150px; }
  section#tabla-precios .section-full-width h1 {
    display: block;
    margin-top: 0px;
    text-align: center;
    font-weight: 300 !important;
    margin-bottom: 0px !important;
    color: #00a0d3; }
    section#tabla-precios .section-full-width h1 strong {
      font-weight: 600 !important; }
  section#tabla-precios .section-33 {
    width: 30%;
    margin-right: 1%;
    margin-left: 1%;
    border: 0; }
    @media screen and (max-width: 1024px) {
      section#tabla-precios .section-33 {
        width: 46%;
        margin-top: 0 !important;
        height: 550px !important;
        padding: 50px !important;
        margin-bottom: 25px;
        float: left; } }
    @media screen and (max-width: 640px) {
      section#tabla-precios .section-33 {
        width: 100%;
        margin-top: 0;
        height: auto !important;
        padding: 10px !important; } }

.section-30 {
  position: relative; }
  .section-30 form {
    padding: 10px 25px 0;
    font-size: 15px;
    text-align: left; }
    .section-30 form input {
      background-color: #fff; }
    .section-30 form button, .section-30 form input[type="button"], .section-30 form input[type="reset"], .section-30 form input[type="submit"] {
      width: 100%;
      font-size: 15px;
      background-color: #eb8027; }
    .section-30 form p.col-xs-12.captcha {
      width: 100%;
      max-width: 300px;
      padding: 15px;
      margin-left: 0;
      margin-top: 10px !important;
      border: 0;
      font-size: 14px;
      float: left;
      margin-top: -57px;
      margin-right: 0;
      font-weight: 600; }
      .section-30 form p.col-xs-12.captcha img {
        width: 100px; }
  .section-30 .gestiona_desde {
    padding: 50px 25px;
    background-color: #eb8026;
    font-size: 25px;
    width: 100%;
    float: left; }
    @media screen and (max-width: 1024px) {
      .section-30 .gestiona_desde {
        font-size: 18px; } }
    .section-30 .gestiona_desde a {
      color: #fff !important;
      display: block;
      font-size: 38px; }
      @media screen and (max-width: 1024px) {
        .section-30 .gestiona_desde a {
          font-size: 18px; } }
    .section-30 .gestiona_desde span.number {
      display: block;
      font-size: 90px;
      font-weight: 900;
      margin: 0 0 -40px 0; }
      @media screen and (max-width: 1024px) {
        .section-30 .gestiona_desde span.number {
          font-size: 50px; } }
    .section-30 .gestiona_desde h1 {
      margin: 50px 0 !important; }
    .section-30 .gestiona_desde h3 {
      font-size: 32px;
      font-weight: 100 !important;
      line-height: 1.5; }