/* Add here all your CSS customizations */

.main-header{ position:static; margin-top:-180px; }
#social-top{ right:-110px; margin-left:50px; }
.logo-mobile{ display:none; }

.navbar-collapse.nav-main-collapse{ z-index:2; margin-top: 50px !important; }
.btn.btn-responsive-nav.btn-inverse.collapsed{ z-index:3; }


.sub-menu li a{ color:black !important; }


@media (max-width: 1199px) {
	.header-top nav{ 
		clear:both;	
	}
}


@media (max-width: 980px) {
	.header-top nav{ clear:none; 	}
	.main-header{ margin-top:0px; }
	header h1.logo{ margin-top: -60px !important; padding-top:17px; }
	.main{ margin-top:30px; }
	.main-header .container:nth-child(2){ height:0px; }
	footer{ width:auto !important; }
}

@media (max-width: 480px){
	header nav ul.nav-top, header div.header-top {
		display: block;
	}
	#social-top{ right:0; margin-top:10px; }
	
	header h1.logo{ display:none !important; }
	.logo-mobile{ 
		display:block;
		margin-bottom: 0;
		padding-top: 40px;
	}
	.logo-mobile a, .logo-mobile img{
		max-width:200px; 
	}
	
}

.tp-caption.sfb.start{ z-index: -1; }