/*font-family: 'Dosis', sans-serif;  400 -300 -700*/
    html, body {}

	body {}

	#doc {}
  .mobile{display: none;}
/*	--------------------------------------------------
	Layout
	-------------------------------------------------- */
  body > .content{position: relative; width: 100%; height: 100%;}
	section {}
  .construccion{position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: #A2BD31;}
  .construccion .img-construccion{position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; width: 300px; height: 200px; background-color: #A2BD31; background-image: url('../../img/frontend/construccion.png');}

  .cont-col{font-size: 0;}
  .cont-col .col-1{width: 50%; display: inline-block; vertical-align: top;}
	.cont-col .col-2{width: 100%; display: inline-block; vertical-align: top;}
  .cont-1360{max-width: 1360px; width: 100%; position: relative; margin: 0 auto; }

	footer {}
	.logo{}
	nav {position: absolute; height: 100%;right: 0;}
  nav ul.menu{
    height: 100%; display: table; position: relative; width: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  nav ul.menu li {
    display: table-cell; vertical-align: middle; width: auto; position: relative;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  nav ul.menu li:before {content: ''; height: 30%; width: 1px; background-color: #fff; opacity: .5; position: absolute; top: 0; bottom: 0; left: 0; margin: auto;}
  nav ul.menu li:after {
    content: ''; height: 0; width: 30%; background-color: #fff; opacity: 0; position: absolute;  bottom: 0%; left: 0; right: 0; margin: auto;
     -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  nav ul.menu li:hover:after {height: 1px; bottom: 30%; opacity: .5;}
  nav ul.menu li a { padding: 20px 10px; font-family: 'Dosis', Arial; font-weight: 300; text-transform: uppercase; letter-spacing: 1px;}
  nav ul.menu li:last-child a { padding-right: 30px}
  nav ul.menu li:first-child a {}
  nav ul.menu li:first-child:before {display: none;}


	body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
header {
    width: 100%;
    height: 75px;
    background-color: #A2BD31;
    position: fixed;
    z-index: 300;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: left;
    padding-left: 13px;
    -webkit-box-shadow: 0px -8px 29px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -8px 29px 1px rgba(0,0,0,0.2);
    box-shadow: 0px -8px 29px 1px rgba(0,0,0,0.2);
}

header h1 {
    display: inline-block; position: relative;
    width: 106px; height: 100%; background-image: url('../../img/frontend/logo.png'); background-size: 90% auto; background-position: center; background-repeat: no-repeat;
}
header h1 a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -99999px}
.cont-aps-slider > ul > li:nth-child(1) h1{ text-indent: -99999px}

/*titulo*/
h3.titulo{width: 100%; display: block; margin-bottom: 30px; color: #4F4F51; font-family: 'Dosis'; font-weight: 600; text-transform: uppercase; font-size: 228%; padding-bottom: 10px; line-height: 1.2; border-bottom: 1px solid #A2BD31; position: relative;}
h3.titulo:after{ content: ''; width: 50px; height: 2px; position: absolute; bottom: -2px; right: 0; background-color: #A2BD31;}
h4.sub-titulo{width: 100%; display: block; margin-bottom: 30px; color: #4F4F51; font-family: 'Dosis'; font-weight: 300; font-size: 180%; padding-bottom: 10px; line-height: 1.2;position: relative;}

#home {
    background-color: #fff;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#home .button{
    position: absolute; bottom: 75px; left: 0; right: 0; width: 264px; z-index: 100; margin: auto;
}

.presupuesto{
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #A2BD31; background-attachment: fixed;
}
.galeria{
    background-color: #fff;
    height: auto;
    position: relative;
}
.galeria > .cont-1360{padding-top: 75px; padding-bottom: 45px;}
.galeria .cont-galeria{text-align: left; width: 100%; font-size: 0;}
.galeria .cont-galeria > li{
  display: inline-block; width: 33.33333%; position: relative; background-color: #A2BD31; background-size: 100% 100%;
  text-align: center;
  background-position: center; background-repeat: no-repeat;

  -webkit-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1) 0s;
  -moz-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1) 0s;
  -o-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1) 0s;
  transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1) 0s;

  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.galeria .cont-galeria > li .cont:before{
  content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 0; height: 0;  background-color: #000; opacity: 0; z-index: 0;
    -webkit-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -moz-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -o-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
}
.galeria .cont-galeria > li .content{position: absolute; top: 0; bottom: 0; margin: auto; left: 0; z-index: 2; width: 100%; height: 100%;}
.galeria .cont-galeria > li .cont-table{display: table; position: relative; top: 0;left: 0; z-index: 2; width: 100%; height: 100%;}
.galeria .cont-galeria > li .cont{ position: relative; display: table-cell; vertical-align: middle;}

.galeria .cont-galeria > li .cont h3{
  font-family: 'Dosis'; font-weight: 400; font-size: 200%; padding: 0 20px; padding-top: 35px; position: relative; z-index: 1; text-transform: uppercase;
   text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);

  -webkit-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -moz-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -o-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
}
.galeria .cont-galeria > li .cont h5{
  font-family: 'Dosis'; font-weight: 300; font-size: 146%; padding: 0 20px;  position: relative; z-index: 1; margin-top: 5px; 
   text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);

  -webkit-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -moz-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -o-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
}
.galeria .cont-galeria > li .cont .icon-zoom-in{
  font-size: 26px; position: relative; top: -36px; z-index: 2;
  -webkit-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -moz-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -o-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
}

.galeria .cont-galeria > li .cont .icon-zoom-in:before{
  overflow: hidden; height: 0;

  -webkit-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -moz-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -o-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
}
.galeria .cont-galeria > li .cont hr{
  position:relative;border:0; border-top: 1px solid rgba(255,255,255,.4); width: 50%; margin: 20px 0; margin: 10px auto; z-index: 3;

  -webkit-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -moz-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -o-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
}
.galeria .cont-galeria > li .cont hr:before{
  content: ""; position: absolute; top: -1px; left: 0; right: 0; margin: auto; width: 0; border-top: 1px solid #fff;

  -webkit-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -moz-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    -o-transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
    transition: all 0.8s cubic-bezier(0.05, 0.64, 0.25, 1);
}

.galeria .cont-galeria > li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.galeria .cont-galeria > li:after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #4F4F51; opacity: .3; z-index: 1;}
.galeria .cont-galeria > li:nth-child(2n+1){background-color: #4F4F51;}
.galeria .cont-galeria > li:before{content: '';  display: inline-block; margin-top: 99%;}
/*hover*/

.galeria .cont-galeria > li:hover{
  background-size: 120% 120%;
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
}
.galeria .cont-galeria > li:hover hr{margin: 15px auto;}
.galeria .cont-galeria > li:hover hr:before{width: 100%;}
.galeria .cont-galeria > li:hover .cont .icon-zoom-in:before{height: 26px;}
.galeria .cont-galeria > li:hover .cont .icon-zoom-in{top: 0;}
.galeria .cont-galeria > li:hover .cont:before{width: 90%; height: 90%; opacity: .4;}
@-moz-document url-prefix() { 
  .galeria .cont-galeria > li:hover .cont:before{width: 95%; height: 95%; opacity: .4;}
  
}
.galeria .cont-galeria > li:hover:after{opacity: .6; background-color: transparent;}

.error-404{
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #A2BD31; background-attachment: fixed;
}
.error-404 p, .error-404 p{font-family: 'Dosis'; font-size: 200%; color: #fff; text-align: center;}
.error-404 p + p{font-size: 150%;}
.error-404 .cont-error-404{position: absolute; height: 60px; top: 0; bottom: 0; margin: auto; width: 100%; padding: 0 10px;}


/*	--------------------------------------------------
	Seccion -
	-------------------------------------------------- */

    .presupuesto .cont-form{position: absolute; width: 900px; height: 500px; margin:auto; top: 0; left: 0; right: 0; bottom: 130px; padding: 20px;/* background-color: rgba(79,79,81,.2); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; */}
    .presupuesto .cont-form h4{font-family: 'Dosis'; font-size: 200%; font-weight: 700; color: #fff; margin-bottom: 10px; border-bottom: 1px solid#fff; padding-bottom: 20px;}
    .presupuesto .up{
         position: absolute;  bottom: 130px; left: 0; right:0; margin:auto; z-index: 10; text-align: center;
         width: 50px; height: 50px; font-family: 'Dosis'; font-size: 130%; font-weight: 300; text-transform: uppercase;
    }
    .presupuesto .up:before{
      content: ''; display: block;
      width: 50px; height: 20px; margin-bottom: 5px;
      background-image: url('../../img/frontend/button-aps-up.svg'); background-repeat: no-repeat;background-size: auto 80%; background-position: center;
      -webkit-transition: all 1s ease 0s;
      -moz-transition: all 1s ease 0s;
      -o-transition: all 1s ease 0s;
      transition: all 1s ease 0s;
  }


  /*comentarios*/
  .comentarios{position: relative; background-color:#f3f3f3; padding-bottom: 20px; padding-top: 60px}
  .comentarios h3.titulo{margin-bottom: 15px;}
  .comentarios p{color: #4F4F51; font-size: 138%;}
  .comentarios .cont-comentarios > li{padding-left: 20px;}
  .comentarios .cont-col .cont-col .conl-1{padding: 0 20px; text-align: left;}
  .comentarios .cont-col .cont-col .conl-1 + .conl-1{text-align: right;}
  .comentarios .header-comentario{padding: 0 0 20px; border-bottom: 1px solid #d2d2d2; margin-bottom: 20px;}
  .comentarios .cont-comentarios > li:last-child .header-comentario{border-bottom: 0 none; margin-bottom: 0;}
  .comentarios .date{font-size: 86%}
  .comentarios .cont-data{padding-left: 10px;}
  .comentarios .cont-data li{padding-left: 20px; position: relative;}
  .comentarios .cont-data li:before{
    content: ''; position: absolute; top: 8px; left: 5px; width: 5px; height: 5px; background-color: #4F4F51;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
  }

  .comentarios .google-comentarios {padding-left: 20px;}
  .comentarios .google-comentarios a{color: #A2BD31; font-size: 138%; position: relative;}
  .comentarios .google-comentarios a:after{
    -webkit-transition:all 0.5s cubic-bezier(0.15, 1.01, 0.61, 1.01) 0s; -moz-transition:all 0.5s cubic-bezier(0.15, 1.01, 0.61, 1.01) 0s; transition:all 0.5s cubic-bezier(0.15, 1.01, 0.61, 1.01) 0s;
    content: ""; position: absolute; width: 0%; height: 1px; background-color: #A2BD31; left: 0; right: 0; bottom: -4px; margin: auto;
}
  .comentarios .google-comentarios a:hover:after{width: 100%;}

  /*enviar-comentario*/
  .enviar-comentario .eapps-widget-toolbar{display: none;} 
  .enviar-comentario .CommonLayout__ItemsContainer-d1flxf-0 + a{display: none !important;} 
  .enviar-comentario .jsx-1266618614  a{display: none !important;} 
  .enviar-comentario .jsx-1266618614.eafr-widget-content  a{display: block !important;} 
  .enviar-comentario .eafr-widget-container{margin: 25px 0;} 
  form.mi-comentario{overflow: hidden; }
  .enviar-comentario{position: relative; background-color:#f3f3f3;padding: 20px 20px 90px 40px} 
  .enviar-comentario h4{width: 100%; display: block; margin-bottom: 30px; color: #4F4F51; font-family: 'Dosis'; font-weight: 600; text-transform: uppercase; font-size: 150%; padding-bottom: 10px; line-height: 1.2; border-bottom: 1px solid #A2BD31; position: relative;}

  .enviar-comentario p{color: #4F4F51; font-size: 138%;}

  .enviar-comentario{height: auto; min-height: 100%; padding-bottom:43px; }
  .enviar-comentario .cont-form{width: 100%; height: auto; padding: 0px 20px 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; position: relative; right: auto; bottom: auto; min-height: 100%; background-color: transparent;}
  .enviar-comentario .cont-form h4{font-size: 100%; margin-bottom: 5px; padding-bottom: 10px;}
  .enviar-comentario .mi-form {display: block; overflow: hidden;}

  .enviar-comentario .up{position: relative; display: block; bottom: auto; font-size: 100%;}
  .enviar-comentario .up:before{height: 10px;}
  .enviar-comentario .row{max-width: 100%;}

  .enviar-comentario  input[type="text"],
  .enviar-comentario  input[type="password"],
  .enviar-comentario  input[type="email"],
  .enviar-comentario  input[type="date"],
  .enviar-comentario  input[type="tel"],
  .enviar-comentario  input[type="number"],
  .enviar-comentario  textarea{
    color: #4F4F51; border-bottom:1px solid #4F4F51; height: 40px; font-size: 150%;
  }
  .enviar-comentario  .error input[type="text"],
  .enviar-comentario  .error input[type="password"],
  .enviar-comentario  .error input[type="email"],
  .enviar-comentario  .error input[type="date"],
  .enviar-comentario  .error input[type="tel"],
  .enviar-comentario  .error input[type="number"],
  .enviar-comentario  .error textarea{
    border-bottom: 2px solid #bc3032;
  }

  .enviar-comentario ::-webkit-input-placeholder { color:#4F4F51; opacity: .7}
  .enviar-comentario ::-moz-placeholder { color:#4F4F51; opacity: .7}
  .enviar-comentario :-ms-input-placeholder { color:#4F4F51; opacity: .7}
  .enviar-comentario input:-moz-placeholder { color:#4F4F51; opacity: .7}

  .enviar-comentario .button {
    background:rgba(250,250,250,.2);
    font-size:150%; color:#4F4F51;
     text-shadow: 1px 1px 6px rgba(0, 0, 0, 0); -webkit-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0); -moz-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
  }
  .enviar-comentario .button:before, .enviar-comentario .button:after{height: 15px;}

  /*galeria*/
/*    .sesction-galeria{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 500; background-color: transparent;}*/
  /*End galeria*/

     footer.pie ul.data{margin-top: 15px; text-align: left}

    footer.pie ul.sociales{text-align: right}
    footer.pie{width: 100%; padding: 15px 30px; background-color: #4F4F51; position: fixed; bottom: 0; left: 0; z-index: 10;}
    footer.pie ul{text-align: center; margin-top: 5px;}
    footer.pie ul > li{display: inline-block; vertical-align: middle; margin-left: 10px; border-left: 1px solid #fff; padding-left: 10px; font-family: 'Dosis'; font-weight: 300; font-size: 117%; letter-spacing: 1px;}
     footer.pie ul > li:first-child{padding-left: 0;border: 0 none;}
     footer.pie ul.sociales > li{border-left:0 none; margin-left: 0; padding-left: 0;}
     
     footer .sociales li.ico a{
      position: relative; display: block; border-radius: 50%; width: 30px; height: 30px;
      -webkit-transition:all 0.5s cubic-bezier(0.15, 1.01, 0.61, 1.01) 0s; -moz-transition:all 0.5s cubic-bezier(0.15, 1.01, 0.61, 1.01) 0s; transition:all 0.5s cubic-bezier(0.15, 1.01, 0.61, 1.01) 0s;
      opacity: 1;
    }
    footer .sociales li.ico a:hover{opacity: .6;}
    #WhatsApp { width: 30px; height: 30px; bottom: 70px; right: 15px; z-index: 400; position: fixed;}
    .WhatsApp { width: 100%; height: 100%; position: relative; display: block;}
    .WhatsApp img{ width: 100%; }
    /*footer .sociales li.ico a:before{
      content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; 
      -webkit-transition:all 0.5s cubic-bezier(0.15, 1.01, 0.61, 1.01) 0s; -moz-transition:all 0.5s cubic-bezier(0.15, 1.01, 0.61, 1.01) 0s; transition:all 0.5s cubic-bezier(0.15, 1.01, 0.61, 1.01) 0s;
      transform: scale(.5); -moz-transform: scale(.5); -webkit-transform: scale(.5);
      opacity: 1;

    }*/
    footer .sociales li.ico a:hover:before{
      /*transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2);
      opacity: 0;*/
    }
    footer .sociales li.ico a img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; overflow: hidden;}
    footer .sociales li.ico a img.out{opacity: 1;}
    footer .sociales li.ico a img.hover{opacity: 0;}

    .load{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 500;}
    .load .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #A2BD31; z-index: 1;}
    .load .cont{position: absolute; width: 100%; height: 216px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 2;}
    .load .cont p{font-family: 'Dosis'; font-weight: 300; text-align: center; color: #fff; position: absolute; left: 0; top:80px; height: 30px; line-height: 30px; width: 100%; }

    /**/
    .spinner_svg {
      position: relative;
      z-index: 400;
    }
    #Group {
      stroke-dasharray: 142;
      stroke-dashoffset: 142;
      -webkit-animation: dash 8s cubic-bezier(0.02, 0.61, 0.85, 0.98) infinite;
              animation: dash 8s cubic-bezier(0.02, 0.61, 0.85, 0.98) infinite;
    }
    #Oval-1 {
      fill: transparent;
      -webkit-transform-origin: 22.5px 22.5px;
              transform-origin: 22.5px 22.5px;
      -webkit-animation: pulsate 8s infinite;
              animation: pulsate 8s infinite;
    }
    #Oval-2,
    #Oval-3,
    #Oval-4 {
      fill: transparent;
      -webkit-transform-origin: 22.5px 22.5px;
              transform-origin: 22.5px 22.5px;
      opacity: 0;
    }
    #Oval-2 {
      -webkit-animation: float 8s ease 3s infinite;
              animation: float 8s ease 3s infinite;
    }
    #Oval-3 {
      -webkit-animation: float2 8s ease 4s infinite;
              animation: float2 8s ease 4s infinite;
    }
    #Oval-4 {
      -webkit-animation: float3 8s ease 5s infinite;
              animation: float3 8s ease 5s infinite;
    }
    @-webkit-keyframes dash {
      25% {
        stroke-dashoffset: 0;
        opacity: inherit;
      }
      75% {
        opacity: 1;
        stroke-dashoffset: 0;
      }
      99% {
        opacity: 0;
        stroke-dashoffset: 0;
      }
      100% {
        stroke-dashoffset: 142;
      }
    }
    @keyframes dash {
      25% {
        stroke-dashoffset: 0;
        opacity: inherit;
      }
      75% {
        opacity: 1;
        stroke-dashoffset: 0;
      }
      99% {
        opacity: 0;
        stroke-dashoffset: 0;
      }
      100% {
        stroke-dashoffset: 142;
      }
    }
    @-webkit-keyframes pulsate {
      0% {
        opacity: 1;
      }
      25% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
      }
      28% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
      }
      37.5% {
        -webkit-transform: scale(0.95);
                transform: scale(0.95);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
      }
      40.5% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
      }
      50% {
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
      }
      53% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
      }
      62.5% {
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
      }
      65.5% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
      }
      75% {
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        opacity: 1;
        fill: transparent;
      }
      100% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        opacity: 0;
        fill: white;
      }
    }
    @keyframes pulsate {
      0% {
        opacity: 1;
      }
      25% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
      }
      28% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
      }
      37.5% {
        -webkit-transform: scale(0.95);
                transform: scale(0.95);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
      }
      40.5% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
      }
      50% {
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
      }
      53% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
      }
      62.5% {
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
      }
      65.5% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
      }
      75% {
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
        -webkit-animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
                animation-timing-function: cubic-bezier(0, 0.96, 0.56, 0.97);
        opacity: 1;
        fill: transparent;
      }
      100% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        opacity: 0;
        fill: white;
      }
    }
    @-webkit-keyframes float {
      0% {
        opacity: 0;
      }
      0.1% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0.6;
      }
      40% {
        -webkit-transform: scale(2);
                transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
      }
    }
    @keyframes float {
      0% {
        opacity: 0;
      }
      0.1% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0.6;
      }
      40% {
        -webkit-transform: scale(2);
                transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
      }
    }
    @-webkit-keyframes float2 {
      0% {
        opacity: 0;
      }
      0.1% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0.6;
      }
      30% {
        -webkit-transform: scale(2);
                transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
      }
    }
    @keyframes float2 {
      0% {
        opacity: 0;
      }
      0.1% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0.6;
      }
      30% {
        -webkit-transform: scale(2);
                transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
      }
    }
    @-webkit-keyframes float3 {
      0% {
        opacity: 0;
      }
      0.1% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0.6;
      }
      30% {
        -webkit-transform: scale(2);
                transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
      }
    }
    @keyframes float3 {
      0% {
        opacity: 0;
      }
      0.1% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0.6;
      }
      30% {
        -webkit-transform: scale(2);
                transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
      }
    }
    .spinner {
      position: relative;
      z-index: 200;
      width: 300px;
      height: 200px;
      margin: 0 auto;
      padding-left: 100px;
    }
    .spinner:after {
      content: "";
      position: absolute;
      z-index: 300;
      width: 300px;
      height: 200px;
      top: 0;
      left: 0;
      background-image: url('../../img/frontend/logo.png'); background-size: 50% auto; background-position: center bottom; background-repeat: no-repeat;
    }
    /**/

    .load{
        -webkit-transition: all 0s cubic-bezier(0, 0.38, 0.36, 1)  1.8s;
        -moz-transition: all 0s cubic-bezier(0, 0.38, 0.36, 1)  1.8s;
        -o-transition: all 0s cubic-bezier(0, 0.38, 0.36, 1)  1.8s;
        transition: all 0s cubic-bezier(0, 0.38, 0.36, 1)  1.8s;
    }
    .load-ok .load{left: -100%;}

    .spinner_svg{
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) .3s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  .3s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  .3s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  .3s;
        opacity: 1; top: 0;
    }
    html{overflow: hidden;}
    html.load-ok{overflow: visible;}
    .load-ok .spinner_svg{opacity: 0; top: -40px;}

    .load .cont p{
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) .3s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  .3s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  .3s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  .3s;
        opacity: 1;
        top: 80px;
    }
    .load-ok  .load .cont p{
        opacity: 0;
        top: 40px;
    }
    .spinner:after{
         -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) .3s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  .3s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  .3s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  .3s;
        opacity: 1;
        top: 0;
    }

    .load-ok .spinner:after{top: -50px; opacity: 0;}

    .load .bg{
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 1.2s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  1.2s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  1.2s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1)  1.2s;
        opacity: 1;
        top: 0;
    }
    .load-ok .load .bg{opacity: 0;}

    
    header{
        top: -100%; left: 0;
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 1.8s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 1.8s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 1.8s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 1.8s;
    }
    .load-ok header{top: 0;}    

    header h1{
        top: -180px; position: relative;
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 2s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 2s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 2s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 2s;
    }
    .load-ok header h1{top: 0;}

    #home .button{
        bottom: 0; opacity: 0;
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
    }
    .load-ok #home .button{bottom: 75px; opacity: 1;}

    footer.pie{
        bottom: -100%; left: 0;
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 2.5s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 2.5s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 2.5s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 2.5s;
    }
    .load-ok footer.pie{bottom: 0;}

    #WhatsApp{
        opacity: 0;
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4.3s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4.3s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4.3s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4.3s;
    }
    .load-ok #WhatsApp{opacity: 1;}

    .in-construccion footer.pie{bottom: 0;}

    footer.pie ul{
        opacity: 0;
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
    }
    .load-ok footer.pie ul{opacity: 1;}
    .in-construccion footer.pie ul{opacity: 1;}

    .cont-aps-slider > ul > li:first-child.in .cont-texto .content{
         opacity: 0; top: 80px;
        -webkit-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
        -moz-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
        -o-transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
        transition: all 1.5s cubic-bezier(0, 0.38, 0.36, 1) 4s;
    }
    .load-ok  .cont-aps-slider > ul > li:first-child.in .cont-texto .content{
        opacity: 1; top: 0;
    }


   


/*	--------------------------------------------------
	Seccion -
	-------------------------------------------------- */
	
/*	--------------------------------------------------
	
	-------------------------------------------------- */

    #WhatsApp{display: none;}
    @media (max-width: 1380px) {
      h3.titulo{padding-left: 20px;}
      h4.sub-titulo{padding-left: 20px;}
      .cont-comentarios{padding: 0 20px;}
    }
    @media (max-width: 1023px) {

        .mobile{display: block;}
        #WhatsApp{display: block;}
        header {height: 50px;}

        header h1 {width: 73px;}
        .menu {height: 50px;}
        .light-menu {height: 50px;}
        #menu-center {width: 490px;height: 50px;}
        #menu-center ul {
            margin: 7px 0 0 0;
        }
        #menu-center ul li {list-style: none;margin: 0 15px 0 0;}

        #home .button{bottom: 64px; width: 200px; }



    /*  --------------------------------------------------
        Seccion -
        -------------------------------------------------- */

        .presupuesto{height: auto; min-height: 100%; padding-bottom:43px; }
        .presupuesto .cont-form{width: 100%; height: auto; padding: 80px 20px 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; position: relative; right: auto; bottom: auto; min-height: 100%; background-color: transparent;}
        .presupuesto .cont-form h4{font-size: 100%; margin-bottom: 5px; padding-bottom: 10px;}
        .presupuesto .mi-form {display: block; overflow: hidden;}

        .presupuesto .up{position: relative; display: block; bottom: auto; font-size: 100%;}
        .presupuesto .up:before{height: 10px;}

        /*Galeria*/
        .galeria > .cont-1360{padding-top: 30px}
        .galeria .cont-galeria > li{width: 50%;}
        .galeria .cont-galeria > li{
          background-size: 120%;
          filter: grayscale(0);
          -webkit-filter: grayscale(0);
          -moz-filter: grayscale(0);
          -ms-filter: grayscale(0);
          -o-filter: grayscale(0);
        }
        .galeria .cont-galeria > li hr{margin: 15px auto;}
        .galeria .cont-galeria > li hr:before{width: 100%;}
        .galeria .cont-galeria > li .cont .icon-zoom-in:before{height: 26px;}
        .galeria .cont-galeria > li .cont .icon-zoom-in{top: 0;}
        .galeria .cont-galeria > li .cont:before{width: 90%; height: 90%; opacity: .4;}
        .galeria .cont-galeria > li:after{opacity: .6; background-color: transparent;}

        .galeria .cont-galeria > li .cont h3{font-size: 150%;}

        .comentarios{padding-top: 30px;}
        .enviar-comentario{padding: 30px 20px 90px 40px;}

        footer.pie{padding: 15px 10px; }
        footer.pie ul > li{margin-left: 5px; padding-left: 5px;font-size: 85%;}
        footer .sociales li.ico a{width: 20px; height: 20px;}

        footer.pie ul.data{margin-top: 10px;}


        /*Menu mobile*/
        nav{position: fixed; height: 100%; width: 100%; top: 0; right: 0;  z-index: 11;}
        nav .bg{position: absolute; height: 100%; width: 100%; top: 0; right: 0;  z-index: 10; background-color: rgba(0,0,0,.8);}
        nav ul.menu{display: block; width: 100%; padding: 50px 20px 20px 20px; width: 320px; position: absolute; right: 0; top: 0; background-color: #A2BD31; z-index: 11}
        nav ul.menu li{display: inline-block; width: 100%; text-align: right; padding-right: 20px;} 
        nav ul.menu li:before{display: none;}
        nav ul.menu li a{width: 100%; display: block; padding: 10px 10px; text-align: center;}
        nav ul.menu li:hover:after, nav ul.menu li:after{width: 100%;bottom: 0; opacity: .5; height: 1px; left: auto;}

        /*menu-open*/
        .menu-open{position: fixed; width: 30px; height:30px; top: 8px; right: 20px; z-index: 20;}
        .menu-open span{position: absolute; width: 100%; height:2px; top: 5px; left: 0; background-color: #fff;}
        .menu-open span + span{top: 15px;}
        .menu-open span + span + span{top: 25px;}

        /*menu-open*/
        .menu-close{position: fixed; width: 30px; height:30px; top: 5px; right: 20px; z-index: 20;}
        .menu-close span{
          width: 100%; height: 2px; position: absolute; top: 15px; right: 0;left: 0; bottom: 0; background-color: #fff;
          
        }
        .menu-close span{
          -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
          -webkit-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform: rotate(45deg);
        }
        .menu-close span + span{
          -webkit-transition: all 0.4s ease .2s; -moz-transition: all 0.4s ease .2s; transition: all 0.4s ease .2s;
          -webkit-transform: rotate(-45deg); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
        }

        /*logica menu mobile*/
        header .menu-close{
          -webkit-transition: all 0s ease .3s; -moz-transition: all 0s ease .3s; transition: all 0s ease .3s;
          width: 0;
        }
        header.menu-mobile-active .menu-close{
          -webkit-transition: all 0s ease .3s; -moz-transition: all 0s ease .3s; transition: all 0s ease .3s;
          width: 30px;
        }

        header .menu-close span{
          -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s;
          -webkit-transform: rotate(0deg); transform: rotate(0deg);-webkit-transform: rotate(0deg);
        }
        header .menu-close span + span{-webkit-transform: rotate(0deg); transform: rotate(0deg);-webkit-transform: rotate(0deg);}

        header.menu-mobile-active .menu-close span{
          -webkit-transition: all .3s ease .3s; -moz-transition: all .3s ease .3s; transition: all .3s ease .3s;
          -webkit-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform: rotate(45deg);
        }
        header.menu-mobile-active .menu-close span + span{
          -webkit-transform: rotate(-45deg); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
        }

        /**/

        header .menu-open{
          -webkit-transition: all 0s ease .3s; -moz-transition: all 0s ease .3s; transition: all 0s ease .3s;
          width: 30px;
        }
        header .menu-open span{
          -webkit-transition: all .3s ease .3s; -moz-transition: all .3s ease .3s; transition: all .3s ease .3s;
          top: 5px;}

        header .menu-open span + span{
          -webkit-transition: all .3s ease .3s; -moz-transition: all .3s ease .3s; transition: all .3s ease .3s;
          top: 15px;
        }
        header .menu-open span + span + span{
          -webkit-transition: all .3s ease .3s; -moz-transition: all .3s ease .3s; transition: all .3s ease .3s;
          top: 25px;
        }

        header.menu-mobile-active .menu-open{
           -webkit-transition: all 0s ease .3s; -moz-transition: all 0s ease .3s; transition: all 0s ease .3s;
          width: 0;
        }
        header.menu-mobile-active .menu-open span{
          -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s;
          top: 15px;
        }
        header.menu-mobile-active .menu-open span + span{
          -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s;
          top: 15px;
        }
        header.menu-mobile-active .menu-open span + span + span{
          -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s;
          top: 15px;
        }

        /**/
        header nav{
           -webkit-transition: all 0s ease .5s; -moz-transition: all 0s ease .5s; transition: all 0s ease .5s;
          right: -100%;opacity: 0;
        }
        header.menu-mobile-active nav{
           -webkit-transition: all 0s ease .1s; -moz-transition: all 0s ease .1s; transition: all 0s ease .1s;
         right: 0; opacity: 1;
        }

        header nav ul.menu{
           -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s;
          right: -300px;
        }
        header.menu-mobile-active nav ul.menu{
           -webkit-transition: all .5s ease .2s; -moz-transition: all .5s ease .2s; transition: all .5s ease .2s;
         right: 0; 
        }

        header nav .bg{
           -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s;
          opacity: 0;
        }
        header.menu-mobile-active nav .bg{
          -webkit-transition: all .5s ease .2s; -moz-transition: all .5s ease .2s; transition: all .5s ease .2s;
          opacity: 1;
        }

        header nav ul.menu > li{opacity: 0;}
        header.menu-mobile-active nav ul.menu > li{opacity: 1;}

        header.menu-mobile-active nav ul.menu > li:nth-child(1){-webkit-transition: all .5s ease .5s; -moz-transition: all .5s ease .5s; transition: all .5s ease .5s;}
        header.menu-mobile-active nav ul.menu > li:nth-child(2){-webkit-transition: all .5s ease .7s; -moz-transition: all .5s ease .7s; transition: all .5s ease .7s;}
        header.menu-mobile-active nav ul.menu > li:nth-child(3){-webkit-transition: all .5s ease .9s; -moz-transition: all .5s ease .9s; transition: all .5s ease .9s;}
        header.menu-mobile-active nav ul.menu > li:nth-child(4){-webkit-transition: all .5s ease 1.1s; -moz-transition: all .5s ease 1.1s; transition: all .5s ease 1.1s;}
        header.menu-mobile-active nav ul.menu > li:nth-child(5){-webkit-transition: all .5s ease 1.3s; -moz-transition: all .5s ease 1.3s; transition: all .5s ease 1.3s;}
        header.menu-mobile-active nav ul.menu > li:nth-child(6){-webkit-transition: all .5s ease 1.5s; -moz-transition: all .5s ease 1.5s; transition: all .5s ease 1.5s;}
        header.menu-mobile-active nav ul.menu > li:nth-child(7){-webkit-transition: all .5s ease 1.7s; -moz-transition: all .5s ease 1.7s; transition: all .5s ease 1.7s;}
    }
    @media (max-width: 767px) {
      /*Galeria*/
        .galeria .cont-galeria > li{width: 100%;}
        h3.titulo{font-size: 176%}
        .enviar-comentario h4{font-size: 140%, margin-bottom:10px;}

        .enviar-comentario  input[type="text"],
        .enviar-comentario  input[type="password"],
        .enviar-comentario  input[type="email"],
        .enviar-comentario  input[type="date"],
        .enviar-comentario  input[type="tel"],
        .enviar-comentario  input[type="number"],
        .enviar-comentario  textarea{
          font-size: 100%;
        }

        
        
        .enviar-comentario .button {
          width:150px; height:30px; line-height:30px;
          -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
          font-size:107%;
        }

    }

    /*Media Query Ipad Exceptions*/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ 
        
    }
    
    /*Media Query Portrait*/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
                
        
    }

    /*Media Query Mobile General*/
    @media (max-height: 370px) {
        footer.pie{position: relative; bottom: auto;}
        .load-ok #home .button{bottom: 10px;}
        .cont-aps-slider > ul > li .content{height: 115px;}
    }

    /*Media Query Mobile General*/
    @media (max-width: 650px) {
        
    }
    
    @media (max-width: 550px) {
        footer.cont-col .col-1{width: 100%;}
        footer.pie ul.data{text-align: center; margin-top: 0;}
        footer.pie ul.sociales{text-align: center;}
        footer.pie{padding: 10px 10px;}
    }
    
    /*Media Query Mobile Threshold*/
    @media (max-width: 490px) {
    
    }
    
    /*Media Query Mobile Threshold*/
    @media (max-width: 470px) {
            
    }
    
    /*Media Query Mobile Threshold*/
    @media (max-width: 340px) {
      .WhatsApp { width: 15px;}
      .WhatsApp img{ width: 15px; }
    }
    
    /*Media Query Retina Img*/
    @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    
    }

    /* IE10+ specific styles go here */  
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    }
    /* IE8 */ 
    @media \0screen {
        
    }
    /* IE 8, 9 and 10 */ 
    @media screen\0 {
        
    }