@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-----------
------------------------------------------ */
/***/
#content {
  margin-top: 0 !important; }

#fondo-demo {
  padding: 0 !important;
  position: absolute;
  left: 0;
  top: 0; }
  #fondo-demo .section-full-width {
    padding: 0 !important; }

#fondo-demo .imagen-fondo {
  height: 100vh !important;
  width: 100%;
  float: left;
  min-height: 750px;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  padding: 0 !important; }

#demonuevo {
  background-color: #00a1d7; }
  #demonuevo .section-30 {
    background-color: #fff;
    padding: 20px; }
    #demonuevo .section-30 button, #demonuevo .section-30 input[type="button"], #demonuevo .section-30 input[type="reset"], #demonuevo .section-30 input[type="submit"] {
      padding: 15px;
      background-color: #102631;
      color: #fff !important;
      font-weight: 100;
      font-size: 15px;
      text-transform: uppercase;
      margin: 25px auto !important;
      display: block;
      text-align: center;
      border-radius: 30px;
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      -webkit-appearance: button-bevel;
      -webkit-transition: all 0.35s linear;
      -o-transition: all 0.35s linear;
      transition: all 0.35s linear; }
    #demonuevo .section-30 p.col-xs-12.captcha {
      width: 100%;
      width: 100%;
      max-width: 100%;
      padding: 15px !important;
      margin-left: 15px;
      margin-top: 10px;
      border: 1px solid #00a0d3;
      font-size: 14px;
      float: left;
      margin-top: 14px;
      margin-right: 0;
      font-weight: 600;
      margin-left: 0;
      margin-bottom: 20px; }

#demo {
  position: relative;
  background-image: url("https://www.aqs.es/wp-content/uploads/2018/01/retailbyn.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 100px !important; }
  #demo:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #00A0D3 !important;
    opacity: 0.9 !important;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
    -ms-mix-blend-mode: multiply; }
  #demo form {
    padding: 30px 20px 0 !important;
    background-color: rgba(33, 34, 43, 0.7) !important;
    margin-top: 80px;
    color: #fff; }
    #demo form a {
      color: #fff !important; }
    #demo form input[type="checkbox"] {
      border: 1px solid #fff !important; }
      #demo form input[type="checkbox"]:before {
        color: #fff !important; }
    #demo form .g-recaptcha.wpcf7-recaptcha {
      margin-left: 15px !important; }
    #demo form p.col-xs-12.captcha {
      width: 100%;
      max-width: 266px;
      padding: 15px;
      margin-left: 15px;
      margin-top: 10px;
      border: 1px solid #00a0d3;
      font-size: 14px;
      float: left;
      margin-top: 0;
      margin-right: 15px;
      font-weight: 600; }
    #demo form h1, #demo form h2 {
      text-align: center !important;
      color: #fff !important; }
    #demo form button, #demo form input[type="button"], #demo form input[type="reset"], #demo form input[type="submit"] {
      padding: 15px 25px;
      background-color: #00A0D3;
      color: #fff !important;
      font-weight: 400;
      font-size: 17px;
      text-transform: uppercase;
      margin: 25px auto !important;
      display: block;
      width: 200px; }
    #demo form input[type="text"], #demo form input[type="email"], #demo form input[type="url"], #demo form input[type="tel"], #demo form input[type="password"], #demo form input[type="search"], #demo form textarea {
      background-color: white;
      border-radius: 0 !important;
      border: 1px solid transparent;
      color: #333;
      padding: 12px;
      width: 100%;
      font-size: 14px;
      margin-bottom: 15px; }
    #demo form textarea {
      height: 150px; }
  #demo .imagen-fondo {
    max-width: 400px;
    margin: 0 auto 40px; }
  @media screen and (max-width: 640px) {
    #demo .columna-2 {
      padding: 0; } }
  #demo .columna-1 {
    color: #fff !important;
    margin-top: 25px;
    font-size: 20px; }
    #demo .columna-1 h2, #demo .columna-1 h1, #demo .columna-1 a {
      color: #fff !important; }
    #demo .columna-1 ul li {
      margin-bottom: 20px;
      text-transform: uppercase; }

.page-demo .modal p {
  color: #333 !important; }

#demo button.close {
  margin: 0 !important;
  width: 40px; }