@charset "utf-8";
/* CSS Document */


.slider-psi {
background: url("../imagenes/background-01.png");
padding-top: 50px;
height: 600px;
background-size: cover;
background-position: center;
}

.nav-link{
color: #1A1A1A;
}

.titulo-principal {
font-family: 'Ubuntu', sans-serif;
font-size: 80px;
color: #FFFFFF;
text-align: center;
font-weight: 400;
line-height: 62px;
padding-top: 20%;
}

.subtitulo-principal {
margin-top: 30px;
font-size: 25px;
color: #FFFFFF;
font-weight: 100;
text-align: center;
}

.titulo-contenido{ 
font-family: 'Ubuntu', sans-serif;
color: #4f4e4e;
font-size: 50px;
font-weight: 400;
line-height: 60px;
margin-top: 20px;
}

.subtitulo-contenido{ 
font-family: 'Ubuntu', sans-serif;
color: #4f4e4e;
font-size: 25px;
font-weight: 400;
line-height: 40px;
}

.check-contenido{
padding-top: 30px;
padding-bottom: 30px;
margin-left: -20px;
}

.titulo-check{
font-family: 'Ubuntu', sans-serif;
font-size: 25px;
color: #4f4e4e;
}


.servicios-01{
padding: 10px;
border: #FFFFFF 2px solid;
text-align: center;
border-radius: 15px;
height: 550px;
margin-top: 50px;
}

.titulo-servicios{
font-family: 'Ubuntu', sans-serif;
font-size: 22px;
font-weight: 600;
color: #FFFFFF;
}

.subtitulo-servicios{
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
margin-top: 10px;
}

.titulo-check{
	font-size: 20px;
	font-weight: 500;
}

.linea {
  border-top: 3px solid #EFB200;
  height: 1px;
  max-width: 200px;
  padding: 0;
  margin: 20px auto 20px auto;
}

.calltoaction-02-h2h {
background-color: #e77a00;
height: 150px;
padding: 40px;
}

.titulo-calltoaction-02{
font-family: 'Ubuntu', sans-serif;
color: #FFFFFF;
text-align: center;
font-size: 40px;
font-weight: 400;
}

.boton-calltoaction-02{
text-decoration: none;
font-weight: 600;
font-size: 20px;
color: #ffffff;
background-color: #249CDF;
border-radius: 6px;
border: 2px solid #067a7f;
margin: 15px;
padding: 10px 40px 10px 40px;
}

.boton-calltoaction-02:hover{
color: #249CDF;
background-color: #ffffff;
}



.boton-enviar{ 
background: #00D3FF;
color: aliceblue;
}

.boton-enviar:hover{ 
background: #FFFFFF;
color: #00D3FF;
}

.centrar-boton{ 
width: 200px;
margin: auto;

}


#submit {	
background: #e77a00;
color: #FFFFFF;
margin-left: 10px;
}

#submit:hoover{	
background: #ffffff;
color: #e77a00;
margin-left: 10px;
}

.center-box {
width:60px;
height: auto;
}

.col-lg-10 {
text-align: center;
background-color: #13adb1;
height: 120px;
margin-top: -13%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}


.footer-h2h{
	background-color: #252525;
}

.footer-texto {
font-size: 15px;
color: #FFFFFF;
text-align: justify;
}

.cuadro-footer {
background: #252525;
height: 250px;
}

.logo-psi-footer { 
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

#texto-footer {
color: #FFFFFF;
font-size: 15px;
line-height: 40px;
}

#titulo-texto-footer{
color: #ffffff;
font-size: 20px;
margin-top: 20px;
}

#titulo-texto-cotizar{
font-family: 'Ubuntu', sans-serif;
color: #ffffff;
font-size: 20px;
margin-top: 20px;
}

.boton-cotizar-01 {
text-decoration: none;
padding: 10px;
font-weight: 600;
font-size: 20px;
color: #ffffff;
background-color: #e77a00;
border-radius: 20px;
border: 2px solid #FFFFFF;
justify-content: center;
margin: 50px;
}

.boton-cotizar-01:hover{
color: #e77a00;
background-color: #ffffff;
}

.contacto-cuadro{
margin-left: 10px;	
}


/*tablet*/
@media (max-width: 768px) {
	
.titulo-principal {
font-size: 90px;
color: #FFFFFF;
padding-left: 0;
line-height: 85px;
text-align: center;
padding-top: 0;
margin-top: 60px;
}

	.subtitulo-principal{
font-size: 45px;
padding-left: 0;
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
font-weight: 400;
	}
	


.fondoform {
height: auto;
margin-top: 0px;
padding-bottom: 20px;
}

.fas {
float:none;
}
	
input { 
width: 92%;
margin: 10px !important;
border-radius: 6px;
border: 0;
}

.calltoaction-01-h2h{
height: auto;
}
	
.servicios-h2h{
padding-top: 0px;
background: none;
background-color: #14adb2;
	}
	
.calltoaction-02-h2h{
height: auto;
font-size: 50px;
	}
	
.footer-h2h {
height: auto;
}

.cuadro-footer{
height: auto;
	}
	
.footer-texto {
font-size: 20px;
	}
	
.contacto-cuadro{

margin-left: 0 !important;
	}
	
.titulo-texto-cotizar{
text-align: center;
	}

.boton-cotizar{
text-align: center;
	}
	
.cotizar {
		text-align: center;
	    padding-bottom: 20px;
}
	
#submit {	
background: #e77a00;
color: #FFFFFF;
margin-left: 10px;
margin-top: 15px;
font-size: 30px;
width: auto;
height: auto;
}
	
.contenido-h2h{
background:#FFFCFC;
	}
	
}
	

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}



/*celular*/
@media (max-width: 480px) {
	
.titulo-principal {
font-size: 50px;
color: #FFFFFF;
padding-left: 0;
line-height: 55px;
text-align: center;
padding-top: 50px;
	margin-top: 50px;
}

	.subtitulo-principal{
font-size: 30px;
padding-left: 0;
text-align: center;
padding-bottom: 20px;
font-weight: 400;
	}

.calltoaction-01-h2h{
height: auto;
}
	
.fondoform {
height: auto;
margin-top: 0px;
padding-bottom: 10px;
}

.fas {
text-align: center;
}
	
input { 
width: 85%;
margin: 10px !important;
border-radius: 6px;
border: 0;
}
	
.slider-h2h{
background-image: url("../imagenes/background-res.jpg");
background-size: cover;
background-repeat: no-repeat;
height: auto;		
}
	
.footer-h2h {
height: auto;
}

.cuadro-footer{
height: auto;
	}
	
.titulo-texto-cotizar{
text-align: center;
	}

.boton-cotizar{
text-align: center;
	}
	
.cotizar {
		text-align: center;
	    padding-bottom: 20px;
}

#contact-form {
		padding-bottom: 10px;
}
	
	.calltoaction-02-h2h{
height: auto;
	}
	
	.servicios-h2h{
padding-top: 0px;
background: none;
background-color: #14adb2;
	}
	
	.contenido-h2h{
background:#FFFCFC;
	}
	
#submit {	
background: #e77a00;
color: #FFFFFF;
margin-left: 10px;
margin-top: 15px;
font-size: 20px;
width: auto;
height: auto;
}

}

/*celular-iphone5*/
@media (max-width: 320px) {
	
	.titulo-principal {
		margin-top: 40px;
		padding-top: 40px;
		font-size: 40px;
	}
	
	.subtitulo-principal{
		font-size: 30px;
	}
	
	.titulo-check { 
	font-size: 20px;
	}
	
	.fondoform {
height: auto;
margin-top: 0px;
padding-bottom: 10px;
}

.fas {
text-align: center;
}
	
input { 
width: 87%;
margin: 10px !important;
border-radius: 6px;
border: 0;
}
	
	
}