.site-header{
	background:rgba(36,37,39,1);
	position:fixed;
	z-index:5;
	width:100%;
	transition:background .5s;
	height: 60px;
}
.site-header.header-transparent{
	background:rgba(36,37,39,0);
	transition:background .5s;
}
.site-header a.lg-header{
	padding-top:7px;
}
.site-header .nav-site li{
	float:left;
	padding-right:44px;
}
/*desaparece boton equipo
.site-header .nav-site li:nth-child(2){
	display:none;
}
/**/
.site-header .nav-site li a{
	position: relative;
	text-transform:uppercase;
	line-height:60px;
	height:60px;
	font-size:14px;
	color:#929293;
	display: inline-block;
}


.site-header .nav-site li a:before,
.site-header .nav-site li a:after {
  height: 3px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #e58c21;
  width: 0;
}
.site-header .nav-site li a:before {
  top: 10px;
  left: 0;
}
.site-header .nav-site li a:after {
  bottom: 12px;
  right: 0;
}
.site-header .nav-site li:not(.social-nav) a:hover:before,
.site-header .nav-site li.current a:before,
.site-header .nav-site li:not(.social-nav) a:hover:after,
.site-header .nav-site li.current a:after {
  width: 100%;
}


.site-header.header-transparent .nav-site li a{
	color:#343438;
	transition:color .4s;
}

.site-header .nav-site li:not(.social-nav) a:hover,
.site-header .nav-site li.current a{
	color: #e58c21;
}
.social-header{
	margin-top:16px;
}
.social-header li{
	float:left;
	margin-left:14px;
}
.social-header li:first-child{
	margin-left:0;
}

.site-header .social-header a,
.site-header .social-nav a{
	transition:opacity .4s;
	display:block;
}
.site-header .social-nav{
	padding: 8px 0 9px;
}
.site-header .icon-fb{
	background-position:0 -25px;
	width:12px;
	height:25px!important;
}
.site-header.header-transparent li:not(.social-nav) .icon-fb{
	background-position:0 0;
}
.site-header .icon-tt{
	background-position:-12px -25px;
	width:25px;
	height:21px!important;
	margin-top: 3px;
}
.site-header.header-transparent  li:not(.social-nav) .icon-tt{
	background-position:-12px 0;
}
.site-header .icon-lk{
	background-position:-37px  -25px;
	width:24px;
	height:25px!important;
}
.site-header.header-transparent  li:not(.social-nav) .icon-lk{
	background-position:-37px 0;
}
.site-header .icon-ig{
	background-position:-61px -25px;
	width:26px;
	height:25px!important;
}
.site-header.header-transparent li:not(.social-nav) .icon-ig{
	background-position:-61px 0;
}
.social-header a:hover,
.social-nav a:hover{
	opacity:0.6;
	transition:opacity .4s;
}
.btn-menu-mobile{
	display:none;
	float:right;
	width:25px;
	height:25px;
	cursor:pointer;
	margin-top: 19px;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.btn-menu-mobile span{
	width:25px;
	height:3px;
	position: absolute;
	background-color:#929293;
	display:block;
	border-radius:2px;
	transition:background .4s;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.btn-menu-mobile span:nth-child(1) {
  top: 0px;
}

.btn-menu-mobile  span:nth-child(2) {
  top: 9px;
}

.btn-menu-mobile  span:nth-child(3) {
  top: 18px;
}

.btn-menu-mobile.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.btn-menu-mobile.open span:nth-child(2) {
  opacity: 0;
  left: -26px;
}

.btn-menu-mobile.open span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


.site-header.header-transparent .btn-menu-mobile span{
	background-color:#343438;
	transition:background .4s;
}
@media only screen and (max-width: 745px), only screen and (max-device-width: 745px){
	.btn-menu-mobile,
	.hide-desktop{
		display:block;
	}
	.social-header{
		display:none;
	}
	.nav-site{
		display:block;
		position:absolute;
		right: -212px;
		background-color:#242527;
		height:100vh;
		padding-left:70px;
		transition:all .4s;
	}
	.menu-open .nav-site {
		transition:all .4s;
		right: -142px;
		padding-left:0;
	}
	.site-header .nav-site li{
		float:none;
		margin-left:30px;
	}
	.site-header .nav-site li a{
		line-height: 50px;
		height: 50px;
	}
	.site-header.header-transparent .nav-site li a{
		color: #929293;
	}
	.site-header.header-transparent .nav-site li a:hover{
		color: #e58c21;
	}
}