/*CSS by AGRA*/

/*
raleway: textos
montserrat: numeros
*/

:root{
	--blanco: #ffffff;
	--negro: #000000;
	--azul-oscuro: #0071BD;
	--azul: #0071BD;
	--rojo: #CE0014;
	--gris: #9C9C9B;
}
/*Fonts*/
.raleway{
	font-family: 'Raleway', sans-serif;
}
.montse{
	font-family: 'Montserrat', sans-serif;
}
/*Letter colors*/

.l-azulf{color: var(--azul-oscuro);}
.l-azul{color: var(--azul);}
.l-blanca{color: var(--blanco);}
.l-negra{color: var(--negro);}
.l-gris{color: var(--gris);}
.l-roja{color: var(--rojo);}

/*Let's Start*/
body{
	font-family: 'Raleway', sans-serif;
}
.justi-p{text-align: justify;}
.m-0{margin: 0!important;}
.m-b10{margin-bottom: 10px!important;}
.m-b20{margin-bottom: 20px;}
.m-b50{margin-bottom: 50px;}
.m-b60{margin-bottom: 60px!important;}
.m-b70{margin-bottom: 70px!important;}
.m-b80{margin-bottom: 80px!important;}
.m-b90{margin-bottom: 90px!important;}
.m-t50{margin-top: 50px!important;}
.w-500{font-weight: 500;}
.p-tb70{padding-top: 70px; padding-bottom: 70px;}
.p-t70{padding-top: 70px;}
.p-b50{padding-bottom: 50px}
.pre-line{white-space: pre-line;}

.main-header .main-menu .navigation > li > a{
	font-weight: 600;
}
.logo-header{
	max-width: 185px;
	width: 185px;
}
.main-header .nav-toggler{
	display: none;
}
.site-header{
	padding: 5px 0;
}
.fixed-header{
	background: #000;
}
.flex-menu{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* .colums-menu{
	width: 50%;
} */
.tp-banner-container{
	max-height: 100vh!important;
}
.title-slide{
	color: var(--azul);
	font-weight: 800;
	font-size: 55px !important;
	white-space: pre-line;
	text-align: center;
	line-height: normal!important;
	margin-bottom: 0px!important;
}
.subtitle-slide{
	color: var(--blanco);
	font-size: 25px!important;
	font-weight: 500;
	text-align: center;
	line-height: normal!important;
}
.btn-slide{
	background: var(--rojo);
	color: var(--blanco)!important;
	border: 1px solid var(--rojo)!important;
	transition: .5s ease-in-out;
	padding: 8px 20px !important;
	letter-spacing: 1px !important;
	font-weight: 600;
}
.btn-slide:hover{
	background: transparent;
	transition: .5s ease-in-out;
}
.flex-content-us{
	display: flex;
	align-items: center;
}
.title-section{
	font-size: 40px;
	font-weight: 800;
	position: relative;
	margin-bottom: 25px;
	line-height: normal;
}
.title-section.line:before{
	content: "";
	position: absolute;
	width: 60px;
	height: 3px;
	background: var(--rojo);
	bottom: -15px;
	left: 0;
}
.title-section.line.center:before{
	content: "";
	position: absolute;
	width: 60px;
	height: 3px;
	background: var(--rojo);
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}
.section-p-tb-70{
	padding: 70px 0;
}
.informative-text-clients{
	padding-right: 140px;
	font-weight: 600;
}
.counter-background{
	background: url('../archivos/terre-alerta-sismica_cintillo-sobre.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.count-text{
	color: var(--rojo)!important;
	font-weight: 600!important;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px!important;
	margin-bottom: 10px!important;
	display: block;
	position: relative;
}
.counter-title{
	color: #fff!important;
	font-size: 20px!important;
	font-weight: 600!important;
	text-align: center;
	line-height: normal;
}
.icon-services{
	width: 80px;
	height: auto;
	position: absolute;
	top: 0%;
	transform: translateY(-50%);
	z-index: 1020;
}
.title-services{
	color: var(--blanco);
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 25px;
	white-space: pre-line;
	position: relative;
	line-height: normal;
	min-height: 65px;
} 
.title-services.line:before{
	content: "";
	position: absolute;
	bottom: -15px;
	width: 50px;
	height: 2px;
	background: var(--rojo);
}
.list-services{
	list-style: none;
}
.list-services li{
	color: var(--blanco);
	font-size: 15px;
	font-weight: 500;
	padding-left: 15px;
	position: relative;
}
.list-services li:before{
	content: "\2022";
    color: var(--rojo);
    font-weight: 600;
    display: inline-block;
    width: .7em;
    margin-left: -.7em;
    font-size: 23px;
    vertical-align: middle;
}
.bef-blue{
	position: relative;
}
.bef-blue:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--azul-oscuro);
	mix-blend-mode: multiply;
	width: 100%;
	height: calc(345px + 25px);
	border-top: 5px solid var(--rojo);
}
.icons-services{
	width: 80px;
	height: auto;
}
.box-description-services{
	height: 330px;
}

#equipos{
	padding: 70px 0;
}
#equipos .flexEquipos{
	display: flex;
	align-items: center;
}
/* End Equipo */

/* Clientes */
#clientes .sponsors-carousel .item img{
	height: 70px;
	width: auto;

}
/* End */

#equipos .feature-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flex-steps{
	display: flex;
	flex-direction: column;
	padding: 0 15px;
	flex: 0 0 25%;
	width: 25%;
	max-width: 25%;
	margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
	.flex-steps{
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}	
}
.flex-steps .box-img{
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: center;
}
/* .box-img img{
	width: 70px;
} */
.icons-steps{
	width: 100%;
	height: auto;
	max-width: 100%;
}
.title-steps{
	color: var(--rojo);
	font-weight: 600;
	font-size: 20px;
	line-height: normal;
	margin-bottom: 15px;
	text-align: center;
}
.text-steps{
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0;
}
.btn-red, .btn-form{
	background-color: var(--rojo);
	padding: 8px 20px;
	border: 1px solid var(--rojo);
	transition: .5s ease-in-out;
	font-size: 16px;
	font-weight: 600;
	color: var(--blanco);
	display: inline-block;
	cursor: pointer;
}
.btn-red:hover, .btn-form:hover{
	background-color: transparent;
	transition: .5s ease-in-out;
	color: var(--rojo)!important;
}
.btn-red.white-hover:hover{
	color: #fff!important;
}
.title-project{
	color: var(--rojo);
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
}
.text-project{
	color: var(--blanco);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: normal;
}
.text-testimonial{
	color: var(--blanco);
	font-size: 15px;
	font-weight: 500!important;
	text-align: center;
}
.name-testimonial{
	color: var(--azul-oscuro);
	font-weight: 600;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 0;
}
.company-testimonial{
	color: var(--rojo);
	font-weight: 600;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 0;
}
.icons-info{
	font-size: 60px;
	color: var(--azul-oscuro);
	margin-bottom: 25px;
}
.title-info{
	color: var(--azul-oscuro);
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: normal;
}
.text-info{
	color: var(--rojo);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	white-space: pre-line;
}
.text-info.fs-25{
	font-size: 25px;
}
.text-info:hover{
	color: var(--rojo)!important;
}
.subtitle-contact{
	color: var(--rojo);
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
}
.contact-form .form-group textarea{
	color: #000;
}
.contact-form .form-group input[type="text"], .contact-form .form-group input[type="password"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="date"], .contact-form .form-group select{
	color: #000;
}
.main-footer{
	background-color: var(--azul-oscuro);
	padding: 20px 0;
}
.flex-footer{
	display: flex;
	align-items: center;
}
.flex-footer .left{
	text-align: left;
}
.flex-footer .center{
	text-align: center;
}
.flex-footer .right{
	text-align: right;
}
.text-footer{
	color: var(--blanco);
	margin-bottom: 0;
	line-height: normal;
}
.text-footer:hover,
.text-footer:focus,
.text-footer:visited{
	color: var(--blanco)!important;
}
.logo-footer{
	width: 140px;
}
.ghost-img-contact{
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 100%;
	max-width: 50%;
	object-fit: cover;
}
.project-section .project-box .owl-controls{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    margin-top: 0;
}
.project-section .project-box .owl-controls .owl-prev,
.project-section .project-box .owl-controls .owl-next {
	color: var(--azul-oscuro); font-size: 60px;
	background: rgba(255,255,255,0.7);
	position: absolute;
	font-weight: 600;

}
.project-section .project-box .owl-controls .owl-prev {
	left: 5px;
}
.project-section .project-box .owl-controls .owl-next {
	right: 5px;
}
/*Redes Desktop*/
.cont-info-float{position: fixed; top: 40%; right: 20px; z-index: 99;}
.info-float img{width: 50px; display: block; margin: 10px 0; filter: drop-shadow(1px 3px 2px black);}
.cont-redes-phone{display: none;}

/*Animation*/
.info-float:hover img{animation: move linear 2s infinite;}

@keyframes move{
	0%{transform: translateX(-10px);}
	50%{transform: translateX(10px);}
	100%{transform: translateX(-10px);}
}
/*Placeholder*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--azul-oscuro);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--azul-oscuro);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--azul-oscuro);
}
/*Responsive*/
/*Ipad Pro Vertical*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
  	
}

/*Ipad Pro Horizontal*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
  	
}

/*Ipad Horizontal*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	
}

/*Ipad Vertical*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	
}

/*Phone Vertical*/
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: portrait){ 
	
	.logo-header{width: 230px;}
	.main-slider{margin-top: 90px;}
	.title-slide{font-size: 30px!important; white-space: normal; top: -90px!important;padding: 0 15px!important;}
	.subtitle-slide{font-size: 25px!important; white-space: pre-line; line-height: normal!important; top: -30px!important;padding: 0 15px!important;}
	.btn-slide{font-size: 13px!important; margin-top: 70px!important; display: block;}
	.main-header .nav-toggler{display: block; right: 20px;}
	ul.menu-movil{margin-top: 50px;}
	.flex-content-us{display: block;}
	.flex-content-us .img-us{margin-bottom: 25px;}
	.informative-text-clients{padding-right: 0; color: var(--blanco);}
	.bef-blue:before{height: 68%;}
	.box-description-services{height: 100%; text-align: center;}
	.box-description-services .col-md-3{margin-bottom: 35px;}
	.box-description-services .col-md-3:last-child{margin-bottom: 0px;}
	.title-services{margin-bottom: 20px; min-height: auto;}
	.title-services.line:before{bottom: -15px; left: 50%; transform: translateX(-50%);}
	.project-section{padding: 70px 0;}
	.testimonial-section{padding: 70px 0;}
	.info-section .info-column{min-height: auto;}
	.main-footer{padding: 30px 0 70px;}
	.flex-footer{display: block;}
	.flex-footer .left, .flex-footer .center, .flex-footer .right{text-align: center;}
	.flex-footer .left, .flex-footer .center{margin-bottom: 15px;}
	.logo-footer{width: 110px;}
	.cont-info-float{display: none;}
	.testimonial-block .inner-box .content-box{min-height: auto;}
	.project-section .latest-project-carousel .project-box .owl-controls{display:none;}
	.project-section .project-item .inner-box .overlay-box .inner{display: none;}
	.our-features{background-position-x: 41%;}
	.ghost-img-contact{opacity: .4;}
	.main-slider .tp-dottedoverlay{background-color: rgba(0,0,0,0.5)!important;}
	.slide-responsive, .slide-responsive ul, .slide-responsive ul li .tp-bgimg, .slot{height: 80vh!important;}
	.project-section .project-item{margin-bottom: 40px;}
	.project-section .project-box .owl-controls .owl-prev, .project-section .project-box .owl-controls .owl-next{font-size: 30px;}
	/*Redes Phone*/
	.cont-redes-phone{display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;}
	.cont-redes-phone .cont-style{border-top: 1px solid var(--rojo); display: flex; align-items: center;}
	.whats-phone{background: var(--blanco); width: 33.333333%; padding: 10px 0; border-right: 1px solid var(--rojo);}
	.phone-phone{background: var(--blanco); width: 33.333333%; padding: 10px 0; border-right: 1px solid var(--rojo);}
	.mail-phone{background: var(--blanco); width: 33.333333%; padding: 10px 0;}


}

/*Phone Horizontal*/
@media only screen
  and (min-width: 320px) 
  and (max-width: 736px) 
  and (orientation: landscape){ 

}

/* Mobile */
@media only screen and (max-width: 767px) {

.logo-form{display: none;}
}

/* Chamas */
@media only screen and (min-width: 736px) and (max-width: 1308px) {



}
