/* Add here all your CSS customizations */
:root{
	--naranja: #e59034;
}
body{
	font-size: 16px;
}
h2{
	font-size: 2.5em;
	line-height: 50px;
}
p.lead{
	line-height: 2.2rem;
	font-size: 1.6em;
}
#header.header-narrow .header-body{
	padding: 15px 0;
}
.sticky-header-active #header.header-narrow .header-logo .logo-small{
	margin: 0;
}
html.sticky-header-active #header.header-semi-transparent-light .header-body{
	background-color: #fff!important;
}
#header .header-logo img{
	top: -10px;
}
.social-icons li{
	margin: 0 5px 0 0;
}
.social-icons li a{
	font-size: 20px;
}
#howWork{
	background: #e59034;
}
#howWork .flexRow{
	display: flex;
	align-items: center;
}
#howWork .listWork{
	text-align: justify;
}
#howWork .listWork li{ 
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px;
}
#callToAction1{
	background: url('../archivos/oficinas-en-wtc-zona-04.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
#callToAction1:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
#callToAction1 .flexRow{
	display: flex;
	align-items: center;
}
#callToAction1 .title{
	font-size: 40px;
    margin-bottom: 15px;
    line-height: 45px;
    white-space: pre-line;
}
#callToAction1 .subtitle{
	margin-bottom: 0;
    font-size: 25px;
}
#callToAction1 .btn-orange{
	margin: 0 auto;
	display: table;
}
.btn-orange{
	background: var(--naranja);
	border: 1px solid var(--naranja);
	transition: .5s ease-in-out;
	padding: 3px 20px;
	color: #fff!important;
}
.btn-orange:hover{
	background: transparent;
	text-decoration: none;
}
#callToAction2 p{
	font-size: 35px;
	font-weight: 600;
	line-height: 45px;
	margin-bottom: 0;
	white-space: pre-line;
}
#testimonials{
	background: var(--naranja);
}
#testimonials .testimonial p{
	color: #fff;
	font-family: "Poppins", Arial, sans-serif;
}
.testimonial .testimonial-author strong{
	color: #fff;
}
#footer{
	padding: 30px 0;
}
#footer .flexRow{
	display: flex;
	align-items: center;
}
.footerCenter{
	text-align: center;
	justify-content: center;
}
.footerRight{
	text-align: right;
	z-index: 99;
}
#footer .flexCol{
	display: flex;
	align-items: center;
}
#footer .flexCol span{
	margin: 0 5px;
}
#footer .flexCol p, #footer .flexCol a{
	color: #fff!important;
}
.grecaptcha-badge{
	bottom: 70px!important;
	z-index: 99;
}
/*** 

====================================================================
  Responsive
====================================================================

***/
/*Lap 1366px*/
@media only screen and (max-width: 1366px){
    
}
/*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){ 
  	.owlHomeSlide{height: 60vh!important;}
  	.slide1{background-position-x: 40%!important;}
  	.slide2{background-position-x: 50%!important;}
  	.slide3{background-position-x: 5%!important;}
  	.slide4{background-position-x: 60%!important;}
  	.slide5{background-position-x: 50%!important;}
  	.blockSlide{right: -40px!important}
  	.titleSlide{line-height: normal; margin-bottom: 35px!important; font-size: 21px!important; white-space: pre-line;}
  	#howWork .listWork{margin-bottom: 0;}
  	#header .header-logo img{top: 0;}
  	p.lead{font-size: 1.4em;}
  	.footerRight{text-align: center; margin-top: 30px;}
	.grecaptcha-badge{display: none;}
	#callToAction1 .title{white-space: normal;}	
	#callToAction1 .subtitle{margin-bottom: 30px;}
	#callToAction2 p{font-size: 22px; line-height: 32px; white-space: normal;}
	/*#testimonials .owl-carousel.stage-margin.stage-margin-lg .owl-stage-outer{margin-left: 0!important; margin-right: 0!important;}*/
	#testimonials .testimonial p{font-size: 16px!important;}
	.mb-sm-30{margin-bottom: 30px;}

    



}

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