@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');
body,html{
	overflow-x: hidden;
	  margin: 0;
  padding: 0;
}
body,main{
	background-color:white;
}
.h21{
	font-family: "Neue Haas Grotesk Display Pro";
	font-size:17px!important;
	font-weight:500!important;
	letter-spacing: 0.416px!important;
}
.info-w{
	font-family: "Neue Haas Grotesk Display Pro";
	font-size:26px!important;
	font-weight:500!important;
	letter-spacing: 0.416px!important;
}
html, body {
    overflow-x: hidden;
}

header{height:55px; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: transparent; }
.marg{margin-top:95px!important;}

nav {padding-left:0px!important;}
.navbar-brand{
	margin-top:-5px;
}
.nv2{padding-left:50px; padding-right:50px;}
.nav-link{
	color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.principal { padding-top: 100px; padding-bottom:100px; }
.principal p{
color: #000;

font-family: "Neue Haas Grotesk Display Pro";
font-size: 52.792px;
font-style: normal;
font-weight: 500;
line-height: 54.855px; /* 108% */
letter-spacing: -1.016px;
}

.titles-works a{
	color: black!important;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.container-fluid{

}

.footer_title2{
color: #000;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
a:hover{text-decoration:underline!important; color:black;}


footer{
	margin-top:60px!important;
	border-top: 1px solid white;
	padding-top:30px;
	padding-bottom:30px;
	border-bottom: 1px solid white;
}
.fo_fo a{color: black!important;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.fo_fo p{color: black!important;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;}

.terms{
	margin-right:30px;
}
.info_fo{
color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 17px;	
}

.info_fo a{
	color: #8C8C8C;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 17px;
}

.pri{margin-top:100px;}

.wi1 h2{color: black!important;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;}
.wi1 p{color: black!important;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.wi2 p{color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;}

.s1 h2{color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;}
.s1 p{color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.s2 p{
	color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.services{
	border-top:1px solid black;
}

.contact h2{color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.416px;
}
.contact p{color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.416px;
}
.contact a{ color: #8C8C8C;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.416px;
}
/*MOBILE*/

#txt_services{
font-size: 36.792px;
line-height: 39.855px; /* 108% */
letter-spacing: -1.016px;
}
@media (min-width: 300px) and (max-width: 750px) {
	
	.fo_fo a{font-size: 13px!important;}
	.fo_fo p{font-size: 13px!important;}

	.f1{text-align:center!important;}
	.f2{text-align:center!important;}
.navbar-toggler {
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none;
	margin-right:-20px;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    background: none;
    outline: none;
    box-shadow: none;
}

.icon {
    display: block;
    cursor: pointer;
}
	.principal {width: 100%; padding-top:80px!important; padding-bottom:20px!important; padding-left:0px!important;}
.principal p{
	color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.416px;
}

#txt_services{
	font-size: 22px!important;
	
}

.pri{margin-top:35px!important;}
.terms{
	margin-right:0px!important;
}
.f1,.f2{text-align:left!important;}
	.padding-l{padding-left:10px!important;padding-right:10px!important;}
	
	
	.navbar-toggler {
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}

.icon {
    width: 24px;
    height: 24px;
    display: block;
}

.line {
    transition: transform 0.3s ease;
}

.line1 {
    transform-origin: center;
}

.line2 {
    transform-origin: center;
}

.navbar-toggler.collapsed .line1 {
    transform: rotate(0);
}

.navbar-toggler.collapsed .line2 {
    transform: rotate(0);
}

.navbar-toggler:not(.collapsed) .line1 {
    transform: rotate(45deg);
}

.navbar-toggler:not(.collapsed) .line2 {
    transform: rotate(-45deg);
}
header{position:fixed; z-index:999; background-color:white; width:100%; }
#mobileMenu ul{
	   list-style-type: none; 
    padding-left: 0; 
}
ul .link-mobile{
	color: black;
text-align: center;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.mail1 p{
	
	color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.mail1 a{
	color: #8C8C8C;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.mobile-redes a{
		color: black;
font-family: "Neue Haas Grotesk Display Pro";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.wk-html{margin-top:80px!important;}
.work-title-inside{margin-top:80px!important;}
}




@media (min-width: 1680px) {
  .container-fluid {
    max-width: 1680px; /* o el ancho que prefieras */
    margin-right: auto;
    margin-left: auto; /* Centra el contenedor */
  }
}