body{ font-family: 'Titillium Web', sans-serif !important; }

.text-color-pmi { color: #fc5a0a !important; }
.bg-color-pmi { padding: 5px; background-color: rgba(252, 90, 10, 0.85); border-radius: 12px; }

.bannertop
{
  background-image:url(../assets/img/construccion-parques-acuaticosv3.jpg);
  /*background-attachment: fixed;*/
  background-position: center;
/*background-position-y: 0em;*/
  background-repeat: no-repeat;
  background-size: cover;
  /*height: 85.4vh;*/
}
.bannertopv3{
    background-image:url(../assets/img/back-2.jpg);
  background-attachment: fixed;
  background-position: bottom;
/*background-position-y: 4rem;*/
  background-repeat: no-repeat;
  background-size: cover;
  /*height: 85.4vh;*/
}
.bg-aboutv2{
    background-image:url(../assets/img/back-1-aquakita.jpg);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
}

.cuadro{
    background-color: rgba(0, 114, 196, 0.75);
    border-radius: 12px;
    padding: 12px 5px;
}


/*------------------------- HEADER -------------------------------------*/

.bg-header{
   background-color: #0072c4;
}

.btn-contacto{
    background-color: transparent!important;
    border-color: #fff !important;
}
.btn-contacto:hover, .btn-contacto:active{
    background-color: #002f95 !important;
    border-color: #002f95 !important;
}
.btn-contacto2{
    background-color: #0072c4 !important;
    border-color: #0072c4 !important;
}
.btn-contacto2:hover, .btn-contacto2:active{
    background-color: #002f95 !important;
    border-color: #002f95 !important;
}
.infocontacto{
    color: #333;
}

.infocontacto:hover{
    font-weight: 600;
    color: #dc3545;
    text-decoration: none;
}
.infocontacto2{
    color: #fff;
}

.infocontacto2:hover{
    font-weight: 600;
    color: #d43224;
    text-decoration: none;
}

.sinpointer{
    pointer-events: none;
}
.btntel{
    font-size: 14px !important;
    background-color: #0f8dcf;
    color: #fff;
    padding: 10px 5px;
    font-weight: 600 !important;
    text-transform: uppercase;
}
.btntel:hover{
    background-color: #292f7d;
    text-decoration: none;
    color: #fff;
}


/*------------------------- END HEADER -------------------------------------*/

/*------------------------- FORMULARIO -------------------------------------*/

  .btncontactar:
 {
    padding: 10px;
    border: 2px solid #fff;
 }
 

  .btncontactar:hover
 {
    padding: 10px;
    background-color: #fff;
    color: #000;
 }
 
.input-group-text {
    color: #ffffff !important;
    background-color: #0072c4 !important;
    border: 1px solid #0072c4 !important;
}


#form-1 {
    background-color: #efc42f;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    
}


#idform input {

	    margin-bottom: 10px;
}

.g-recaptcha > div {
	margin: 10px auto !important;

}
/*------------------------- END FORMULARIO -------------------------------------*/

.fa-beat { -webkit-animation: fa-beat 1s infinite linear; animation: fa-beat 1s infinite linear; }
.fa-beat:hover { -webkit-animation: fa-beat 1s none; animation: fa-beat 1s none; }
@-webkit-keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


/*------------------------- informacion de contacto -------------------------------------*/

.contactinfo li i{
    color: #fc5a0a;
}
.contactinfo a { color: #fff; }
.contactinfo a:hover, .contactinfo a:active, .contactinfo a:focus { color: #fc5a0a; text-decoration: none;}

/*------------------------- END informacion de contacto -------------------------------------*/

/*------------------------- FOOTER -------------------------------------*/

.footernever
{
    background-color: #000;
    bottom: 15px; top: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}

.copyright {
    color: #fff;
}
.publi {
    color: #fff !important;
}
.publi:hover {
    color: #fc5a0a !important;
    text-decoration: none;
}


/*------------------------- END FOOTER -------------------------------------*/

/*---------------------------- RESPONSIVE ------------------------*/
/* Responsive Celulares */
@media only screen and (min-width: 300px) and (max-width: 320px) {
	.h1 { font-size: 24px !important; }
	.h2 { font-size: 22px !important; }
	.h3 { font-size: 20px !important; }
	.h4{ font-size: 18px !important; }
	.h5 { font-size: 17px !important; }
	.title-slider { font-size: 28px !important; }
	.bg-text-slider { font-size: 12px !important; }
    .bg-aboutv2{ background-image:url(../assets/img/back-2m.jpg); }
    .bannertop { height: 54.4vh; }
}

@media only screen and (min-width: 321px) and (max-width: 400px) {
	.h1 { font-size: 25px !important; }
	.h2 { font-size: 23px !important; }
	.h3 { font-size: 21px !important; }
	.h4{ font-size: 19px !important; }
	.h5 { font-size: 18px !important; }
	.title-slider { font-size: 33px !important; }
	.bg-text-slider { font-size: 12px !important; }
    .bg-aboutv2{ background-image:url(../assets/img/back-2m.jpg); }
    .bannertop { height: 54.4vh; }
}

/* Responsive IPhone Plus 6/7/8 */
@media only screen and (min-width: 401px) and (max-width: 414px) {
	.h1 { font-size: 26px !important; }
	.h2 { font-size: 24px !important; }
	.h3 { font-size: 22px !important; }
	.h4{ font-size: 20px !important; }
	.h5 { font-size: 19px !important; }
	.title-slider { font-size: 35px !important; }
	.title-icon { font-size: 21px; }
	.bg-text-slider { font-size: 14px !important; }
    .bg-aboutv2{ background-image:url(../assets/img/back-2m.jpg); }
    .bannertop { height: 54.4vh; }
}

/* Responsive Celulares */
@media only screen and (min-width: 415px) and (max-width: 767px) {
	.h1 { font-size: 28px !important; }
	.h2 { font-size: 25px !important; }
	.h3 { font-size: 22px !important; }
	.h4{ font-size: 20px !important; }
	.h5 { font-size: 16px !important; }
	.title-slider { font-size: 37px !important; }
	.bg-text-slider { font-size: 14px !important; }
    .bg-aboutv2{ background-image:url(../assets/img/back-2m.jpg); }
    .bannertop { height: 54.4vh; }
}

/* Responsive Tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.h1 { font-size: 40px !important; }
	.h2 { font-size: 32px !important; }
	.h3 { font-size: 28px !important; }
	.h4{ font-size: 24px !important; }
	.h5 { font-size: 17px !important; }
	.title-slider { font-size: 50px !important; }
	.bg-text-slider { font-size: 14px !important; }
    .bg-aboutv2{ background-image:url(../assets/img/back-2m.jpg); }
}

/* Responsive Laptops Pantalla Chica */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	.h1 { font-size: 42px !important; }
	.h2 { font-size: 34px !important; }
	.h3 { font-size: 28px !important; }
	.h4{ font-size: 25px !important; }
	.h5 { font-size: 18px !important; }
	.title-slider { font-size: 56px !important; }
	.bg-text-slider { font-size: 16px !important; }
}

/* Responsive Laptops Pantalla Mediana */
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
	.h1 { font-size: 44px !important; }
	.h2 { font-size: 34px !important; }
	.h3 { font-size: 29px !important; }
	.h4{ font-size: 25px !important; }
	.h5 { font-size: 19px !important; }
	.title-slider { font-size: 63px !important; }
	.bg-text-slider { font-size: 16px !important; }
}

/* Responsive Laptops Pantalla grande - Monitores 3000 */
@media only screen and (min-width: 1400px) {
	.h1 { font-size: 48px !important; }
	.h2 { font-size: 38px !important; }
	.h3 { font-size: 30px !important; }
	.h4{ font-size: 23px !important; }
	.h5 { font-size: 20px !important; }
	.title-slider { font-size: 74px !important; }
	.bg-text-slider { font-size: 18px !important; }
}
/*---------------------------- END RESPONSIVE ------------------------*/