body {
	padding: 0;
	margin: 0;
	color: 
}

header {
	width: 100%;
	background-color: #ffffff;
	padding: 16px 0px;
}
 

p{
	font-size: 14px;
	font-family: 'roboto';
	color: #141414;
}

.center {
	text-align: center !important;
}


/*Menu*/
.menu {
	float: right;
	padding: 16px 0px;
}

.menu ul {
	text-decoration: none;
	list-style: none;
	width: 100%;
	display: block;
}

.menu li {
	float: left;
}

.menu ul li a {
	float: right;
	padding: 8px 20px;
	font-family: 'roboto';
	font-size: 14px;
	color: #141414;

}

.menu ul li a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: 500;

}




.menu-fixed {
    z-index: 1000;

}

.menudesktop {
	display: block;
}
.menumobile {
	display: none;

}


@keyframes menuanimation {
  from {opacity: 0;}
  to {opacity: 1;}
}



.headerfixed {
  	transition: 300ms;
  	animation-duration: 300ms;
  	position: fixed;
  	animation-name: menuanimation;
  	animation-timing-function: ease-in;}


.navbar-toggler {

	display: none;
}

.boton {

	display: block;
    position: absolute;
    right: 16;
    top: 24px;
}

/*Menu*/

/*Headline Styles */



header.container-fluid {
	z-index: 1000;

}

.headline {
    height: auto;
    overflow: hidden;
    width: 100%;
    background: url(../img/Header.jpg);
    background-repeat: no-repeat;
    background-position: 20% 86%;
    background-size: cover;
    padding-bottom: 140px;
        padding-top: 131px;
}

.fisrt-button {
padding: 14px 24px;
    width: fit-content;
    display: block;
    background: #D9042B;
    color: #ffffff;
    border-radius: 40px;
    box-shadow: 4px 19px 36px 0 rgba(168,59,0,0.32);
    margin: 16px 0px;
    border: none;
}

.fisrt-button:hover {

	background: #880019;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 8px 16px 0 rgba(168,59,0,0.24);
transition: 0.3s;
  	animation-timing-function: ease-in;
}



.p-large{

	font-weight: 100;
	font-size: 24px;
	margin-bottom: 16px;
	display: block;
}



.headline-text {
	margin-top: 0px;
}

/*Headline Styles */




/*WeAre styles */
#weare {
	padding: 140px 0px 0px 0px;
	background: url(../img/quienes-somos.svg) #FCDD00;
	   background-position: center;
    background-size: cover;

}


#weare h3 {
	margin-bottom: 16px;
;
}

.pre-badge {

	display: inline-block;
}

.badge {

	background: #F4AB1B;
	font-size: 18px;
	padding: 10px 12px;
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 16px;
	display: table;
}

.card-n-background {

	text-align: center;
	padding: 40px 32px;
	margin-bottom: 100px;
}


.circle {
	background: #ffffff;
	width: 157px;
	height: 157px;
	margin: auto;
	padding: 40px;
	border-radius: 50%;
	box-shadow: 0 28px 30px 0 rgba(0,0,0,0.16);
	margin-bottom: 20px;

}



/*WeAre styles */



/* Servicios estilos */

#servicios {

	padding: 140px 0px 100px 0px;
	background: #f3f3f3;
	background-image: url(../img/bg-clientes.svg);


}

#servicios .badge {
	background: #37A5BC;
	color: #ffffff;

}

.title {

	font-size: 16px;
	color: rgba(0,21,24,0.6);
	font-family: 'roboto';
}


.areas {
	margin-bottom: 64px;
	margin-top: 32px;
}

.areas p{

	font-family: 'roboto';
	font-size: 16px;
	margin-right: 16px;

}

.areas img {

	margin-right: 16px;
}



.card-servicios {

	background: #FFFFFF;
box-shadow: 0 12px 24px 0 rgba(0,0,0,0.08);
border-radius: 16px;
padding: 24px 32px 24px 32px;
text-align: center;
margin-left: 10px;
margin-right: 10px;
max-width: 23%;
	margin-bottom: 20px;
}

.card-servicios h3 {
	margin-bottom: 16px;
	margin-top: 8px;
	font-weight: 400;
	font-size: 16px;


}

.card-servicios .circle {
	width: 88px;
	height: 88px;
	background: #ffffff;
	padding: 24px;



}


.card-servicios .circle img{
	width: 100%;




}
/* Servicios estilos */



/* Como lo hacemos */

#how-we-do {

	padding: 120px 0px 100px;
}


#how-we-do .badge {

	background: #D9042B;
	color: #fff;
}


.card-como {


background: #FFFFFF;
box-shadow: 0 12px 24px 0 rgba(0,0,0,0.08);
border-radius: 16px;
padding: 48px 40px;
margin-top: 64px;


}

.c-number {

	position: absolute;
    top: 50px;
    left: 45%;
    margin: 0 auto;
    background: #E86C28;
    box-shadow: 0 8px 23px 0 rgba(232,108,40,0.53);
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    width: 35px;
    border-radius: 50%;


}

.c-number-center {
	position: absolute;
    top: 345px;
    left: 45%;
    margin: 0 auto;
    background: #F4AB1B;
    box-shadow: 0 8px 23px 0 rgba(232,108,40,0.53);
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    width: 35px;
    border-radius: 50%;

}


#how-we-do .bg {

background: url(../img/como-background.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: -20px;

}

#how-we-do  {

	font-size: 20px;
	font-weight: 600px;
	color: #001518;

}


#how-we-do h4 {

	font-size: 20px;
	letter-spacing: 5.3px;
}

.card-como p { 
margin-top: 24px;
font-size: 14px;
line-height: 23px;
color: #525252;

}

.image {


	padding: 64px;
}


/* Como lo hacemos */




/* WeHelp */


#WeHelp {

	padding: 120px 0px 100px;
	background: url(../img/bg-call.svg) #D9042B no-repeat fixed;
	color: #ffffff;
}

#WeHelp p{

	color: #ffffff;
}


#WeHelp a {



	background: #ffffff;
	border-radius: 32px;
	padding: 12px 24px 12px 24px;
	border: none;
	display: block;
	 width: fit-content;
	margin: 0 auto;
	color: #000;
	margin-top: 24px;

}


#WeHelp a:hover {

	background: #880019;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 4px 19px 64px 0 rgba(168,59,0,0.32);
	transition: 300ms;


}

.carousel-inner {
	height: 416px;
	margin-bottom: 80px;
}

#WeHelp span {

	margin-left: 8px;
}


/* WeHelp */


/* Team */

#Team {

padding: 120px 0px 32px;
    background-position: 30px;
    background-image: url(../img/bg-generic.svg);
    background-size: contain;
}

#Team .badge{
	background-color: #D9042B;
	color: #ffffff;

}


#Team .card {
padding: 16px;
border:none;

}

#Team .card h4 {
	font-size: 20px;
}


#Team .card img {

	width: 90%;
	margin: 0 auto;
	z-index: 2;
}

.card-team {
background: #FFFFFF;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,0.08);
    border-radius: 16px;
    padding: 80px 24px 16px 24px;
    height: 215px;
    margin-top: -64px;
}


.cargo {

opacity: 0.5;
font-family: 'roboto';
font-weight: 600;
font-size: 14px;
color: #001518;
line-height: 23px;
margin-bottom: 0px;
}


.adicion {

	opacity: 0.5;
font-family: 'roboto';
font-weight: 400;
font-size: 12px;
color: #001518;
line-height: 23px;
}


.divider {
	width: 16px;
	height: 2px;
	background-color: #37A5BC;
	display: block;
	margin: 0 auto;margin-bottom: 24px;

}



#team-m {

	display: none;
}


 .opacity {
 	opacity: 0;
 }
/* Team */




/*clientes */


#Clientes {
	padding: 120px 0px 100px;
	background-image: url(../img/bg-clientes.svg);
	background-size: inherit;
    background-position: inherit;
}


#Clientes .card{
background: #FFFFFF;
box-shadow: 0 8px 24px 0 rgba(53,53,53,0.08);
border-radius: 8px;
padding: 32px;
border: none;
max-width: 30%;
margin-left: 14px;
margin-right: 14px;

}

#Clientes h2 {
	margin-bottom: 48px;
}

#Clientes h3 {
	margin-top: 64px;
	font-family: 'roboto';
	font-weight: 700;
	font-size: 32px;
	color: #141414;
	text-align: center;


}

#Clientes .name {

	font-family: 'roboto';
	font-weight: 600;
font-size: 15px;
color: #4C565C;
line-height: 22px;
margin-bottom: 0px;
}



#Clientes .cargo {

	opacity: 0.8;
font-family: 'roboto';
font-weight: 500;
font-size: 14px;
color: #4C565C;
margin-bottom: 24px;


}


#Clientes .testimonio {
	opacity: 0.8;
font-family: 'roboto';
font-weight: 400;
font-size: 12px;
color: #4C565C;
line-height: 22px;
margin-bottom: 0px;
}



#Clientes img {

	float: right;
	width: 100;
}



#Clientes a img {

	width: 100%;
	margin-top: 48px;
	position: relative;
}



#Clientes a img:hover {

box-shadow: 0 19px 35px 0 rgba(53,53,53,0.16);
transition: 0.3s;
animation-iteration-count: 1;
width: 101%;

}
#Clientes .clientespan{
	font-weight: 300;
font-size: 12px;
color: #525252;
margin-top: 8px;display: block;
}



#galeria .carousel-control-next {

	right: 0;
}


#galeria .carousel-control-prev {

	left: 0;
}

#galeria  .carousel-inner {
    height: 430px;}

#galeria .carousel-control-next-icon {
background-image: url(../img/Momentos/Next.svg);
}

#galeria .carousel-control-prev-icon {
background-image: url(../img/Momentos/Prev.svg);
}


#Clientes .card img {
	width: 50;
}

/*Clientes */


#team .carousel-control-next {
    right: -40px !important;
}

#team .carousel-control-next span{
    right: 0;
    position: absolute;
}


/*COntactanos */

#Contactanos {
	padding: 64px 0px 32px;
	background-color: #D9042B;
	background-image: url(../img/bg-contact.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}


}

#Contactanos .badge {
	color: #ffffff;
}


#Contactanos h2{

	color: #ffffff;
	margin-top: 40px;
}


#Contactanos2 {

	padding: 64px 100px;
	padding: 64px 100px;
    background-image: url(../img/bg-generic.svg);
    background-size: initial;
    background-position-y: 160px;
}

#Contactanos2 p {
	margin-bottom: 16px;
font-size: 14px;
color: #525252;
line-height: 23px;
}


.formulario {

	background: #FFFFFF;
box-shadow: 0 12px 24px 0 rgba(0,0,0,0.08);
border-radius: 16px;
padding: 24px 48px 24px;
    position: absolute;
    top: -200px;
}



.formulario .fisrt-button{

	margin: 32px auto;
}
/* COntactanos */
 .separador {

 	display: block;
    height: 210px;
 }


/* Footer */

footer {
	padding: 32px 0px;
}


footer a {

	margin-right: 24px;
}


footer p {
	opacity: 0.5;
font-family: 'roboto';
font-size: 14px;
color: #525252;
line-height: 23px;
}

/* Footer */



/*header*/


.l-text {
	font-family: 'roboto';
	font-weight: 200;
font-size: 24.96px;
color: #FFFFFF;
line-height: 38px;
}

h1 {

font-size: 64px;
font-weight:700;
line-height: 66px;
margin-bottom: 16px;
}


h2 {

font-size: 48px;
font-weight:700;
line-height: 55px;
margin-bottom: 16px;
}


 h3 {

 	font-size: 20px;
 	font-weight: 600;

 }
/*header*/

label {
    font-family: 'roboto';
    font-weight: 400;
    font-size: 13px;
    color: #001518;
    position: relative;
    left: 4px;
    background-color: #ffffff;
    padding: 2px 14px;
    top: 18px;
    letter-spacing: 0.32px;
    margin-top: 8px;

}

input{

	border: 1px solid #CFD2D9;
border-radius: 4px;
height: 40px;
width: 100%;
padding-right: 16px;
padding-left: 16px;
}

textarea {

		border: 1px solid #CFD2D9;
border-radius: 4px;

width: 100%;
padding-right: 16px;
padding-left: 16px;
padding-top: 24px;
height: 140px;
}



/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}



@media only screen and (max-width: 991px) {

.navbar-toggler {

	display: block;

}


.headline {

background-position: 51% 86%;

}

.menu {width: 117%;
    position: absolute;
    display: block;
    left: -31px;
    padding: 0px;
    z-index: 10000;}

  .navbar-nav {
    background: #ffffff;
    padding: 64px 0px 100px 64px;
    height: 100vh;}  

.menu ul li a {
    float: none;
    padding: 32px 0px;
    display: block;
}

.menu li {
    float: none;

}

}

@media only screen and (max-width: 600px) {

#weare {
	padding: 140px 0px 95px 0px;
}

#servicios {
		background-position-y: 66px;
    background-position-x: -80px;
}




#galeria .carousel-inner {
    height: 160px;
}
.l-text {
text-align: center;
}

section {
	width: 100%;
}

/*Header*/

h1 {

font-size: 40px;
font-weight:700;
line-height: 46px;
margin-bottom: 16px;
text-align: center;
}



h2 {
	font-size: 32px;
	line-height: 36px;
}
/*Header*/



.menudesktop {
	display: none !important;
}
.menumobile {
	display: block;
}





.menu {
width: 117%;
    position: absolute;
    display: block;
    left: -31px;
    padding: 0px;
        z-index: 10000;

}

.menu ul {
	
}

.menu ul li a {
	float: none;
	padding: 32px 0px;
	display: block;


}

.menu ul li {
	float: none;



}


.navbar-toggler {

	display: block;

}

.navbar-nav {

	background: #ffffff;
	padding: 64px 0px 100px 64px;
	height: 100vh;
}


.navbar-nav span{

	    float: right;
    margin-right: 80px;
}
header img {
	margin: 0 auto;
    display: block;
}



/*Header*/

/*Headline Styles */

.p-large{

	font-size: 16px;
	margin-bottom: 16px;
	display: block;
	text-align: center;
}


.headline {
    height: auto;
    overflow: hidden;
    width: 100%;
    background: url(../img/Header-mob.jpg);
    padding-bottom: 295px;
    background-repeat: no-repeat;
}

.headline-text {
	padding: 10px 64px 0px;
	margin-top: 100px;
}


.fisrt-button {

	width: 100%;
	text-align: center;
	margin-top: 32px;
}

/*Headline Styles */


/*weare stilyes /*/


#weare {
    background-position: 50% 104%;
    background-size: auto;
    background-repeat: no-repeat;

}

.badge { 

margin-bottom: 16px;}


.card-n-background {
    padding: 32px 32px;
    margin-bottom: 0px;
}



/*weare stilyes /*/



/*Servicios */

#servicios {

	padding: 100px 24px;
}  

.areas div{
	text-align: left !important;
}

.card-servicios {
	text-align: center;
	    max-width: 100%;
	    margin-right: 0px;
	    margin-left: 0px;
	    margin-bottom: 20px;
}

/*Servicios* /

/*   */

.image {


	display: none;
}


/* Que hacemos */


.c-number-center {

    top: 45px;


}




/*team*/

#Team {

	display: none;
}

#team-m {

	display: block;
	padding: 120px 0px 100px;
}


#Team-m .badge{
	background-color: #D9042B;
	color: #ffffff;

}


#Team-m .card {
padding: 24px 48px 48px;
border:none;

}


#Team-m .card img {

	width: 90%;
	margin: 0 auto;
	z-index: 1;

}




/*Team */



/*CLientes */


#Clientes {

	background-image: none;
}
#Clientes .card{ 

max-width: 100%;
margin-bottom: 32px;

    margin-left: 32px;
}


#Clientes h3 {
	margin-top: 64px;
	font-family: 'roboto';
	font-weight: 700;
	font-size: 32px;
	color: #141414;
	text-align: center;


}


#Clientes a {
	width: 100%;
    display: block;
        height: 2;
        position: relative;
}



#Clientes a img {
	width: 100%;
    display: block;
        height: 233px;
        position: relative;
}

.modal-body {
	height: 100vh;
	background-color: #000;
}

/* Clientes */



/* Contactanos */
#Contactanos {

	padding-bottom: 100px;

}

#Contactanos2 {

	padding: 64px 16px;
}

#Contactanos h2 {
 text-align: center;
 margin-top: 8px;
}




.formulario {

	padding: 48px 40px;
	margin-top: 60px;
}


.call-info {

	margin-top: 450px;
	position: absolute;
	text-align: center;
}


iframe {
	width: 100%;
}


/* Contactanos *?



/* Footer */
.separador { 

	height: 471px;

}

footer {

	text-align: center;
}

footer p {
	margin-bottom: 24px;
}

footer img {
	margin-bottom: 24px;
}


/* Footer */


}