@import url("https://use.typekit.net/wlg3ncp.css");



/*
	
Schnebel Sans Pro Thin

font-family: schnebel-sans-pro, sans-serif;

font-weight: 100;

font-style: normal;


Schnebel Sans Pro Italic

font-family: schnebel-sans-pro, sans-serif;

font-weight: 400;

font-style: italic;


Schnebel Sans Pro Regular

font-family: schnebel-sans-pro, sans-serif;

font-weight: 400;

font-style: normal;


Schnebel Sans Pro Bold

font-family: schnebel-sans-pro, sans-serif;

font-weight: 700;

font-style: normal;


Schnebel Sans Pro Bold Italic

font-family: schnebel-sans-pro, sans-serif;

font-weight: 700;

font-style: italic;


Schnebel Sans Pro Black

font-family: schnebel-sans-pro, sans-serif;

font-weight: 900;

font-style: normal;


Schnebel Sans Pro Cond Italic

font-family: schnebel-sans-pro-condensed, sans-serif;

font-weight: 400;

font-style: italic;


Schnebel Sans Pro Cond Regular

font-family: schnebel-sans-pro-condensed, sans-serif;

font-weight: 400;

font-style: normal;


Schnebel Sans Pro Cond Bold

font-family: schnebel-sans-pro-condensed, sans-serif;

font-weight: 700;

font-style: normal;


Schnebel Sans Pro Cond Bold Italic

font-family: schnebel-sans-pro-condensed, sans-serif;

font-weight: 700;

font-style: italic;


Schnebel Sans Pro Expand Regular

font-family: schnebel-sans-pro-expanded, sans-serif;

font-weight: 400;

font-style: normal;


Schnebel Sans Pro Expand Italic

font-family: schnebel-sans-pro-expanded, sans-serif;

font-weight: 400;

font-style: italic;


Schnebel Sans Pro Expand Bold

font-family: schnebel-sans-pro-expanded, sans-serif;

font-weight: 700;

font-style: normal;


Schnebel Sans Pro Expand Bold Italic

font-family: schnebel-sans-pro-expanded, sans-serif;

font-weight: 700;

font-style: italic;


*/


.navbar{
		-webkit-transition: width 0.5s 0s ease;
	-moz-transition: width 0.5s 0s ease;
	-o-transition: width 0.5s 0s ease;
	transition: width 0.5s 0s ease;
}

#nav-menu{
	width: 100%;
	height: 0px;
	overflow: hidden;

	-webkit-transition: width 0.5s 0s ease;
	-moz-transition: width 0.5s 0s ease;
	-o-transition: width 0.5s 0s ease;
	transition: width 0.5s 0s ease;
	background: rgba(0,0,0,.8);
	margin-top: 10px

}

#nav-menu.expanded{
	height: auto;
}


.container{
	overflow: hidden
}

body{
	background: #000;
	color: #999;


	font-family: schnebel-sans-pro,sans-serif;
	font-weight: 100;
	font-style: normal;
	
	font-size: 18px

}

footer{
	font-size: 14px
}

.pink{
	color: #e63f93 !important
}

.blue{
	color: #74c9ea !important
}

.green{
	color: #b8d133 !important
}

.orange{
	color: #f39226 !important
}

.orange .st0{
	fill: #f39226
}

.pink .st0{
	fill: #e63f93
}

.st0{fill:#ccc;}

.client{
	border: 1px solid #1c1c1c;
  aspect-ratio : 1 / .8;
}

.subtitle{
	border-bottom: 1px solid #333;
}


#quienes-somos{
	border-right: 20px solid transparent;
	border-left: 20px solid #74c9ea
}

#que-hacemos{
	border-left: 20px solid transparent;
	border-right: 20px solid #e63f93
}

#clientes{
	border-right: 20px solid transparent;
	border-left: 20px solid #b8d133
}


#contacto{
	border-left: 20px solid transparent;
	border-right: 20px solid #f39226
}


.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  padding-top: 0;
  padding-bottom: 0;
}



.carousel-inner .carousel-item {
  transition: all .7s ease;
}


.carousel-caption{
	z-index: 1
}


.caption-bottom {
  position: relative;
  top: 0;
  opacity: 1;
  transition: all 1.4s ease;
}

.caption-bottom.hidden {
  top: -5vh;
  opacity: 0;
  transition: all .4s ease;
}


@media (min-width: 992px) { 


	#nav-menu{
		width: 0px;
		overflow: hidden;
	
		-webkit-transition: width 0.5s 0s ease;
		-moz-transition: width 0.5s 0s ease;
		-o-transition: width 0.5s 0s ease;
		transition: width 0.5s 0s ease;

	background: none
	
	}
	
	#nav-menu.expanded{
		width: 540px;
		height: auto
	}
	
	
}