html {width:100%; /* need to set a width to 100%, wich means here a min-width since it is displayed with the same specifities thas has a table , it shrinks and expand according to its content */}

body{
	margin:0px;
	padding:0px;
	width:100%;
}

#fancybox-outer > div, #fancybox-outer > a, #fancybox-loading > div{
	box-sizing: content-box !important;
}

#fancybox-wrap, #fancybox-outer, #fancybox-content, #fancybox-tmp, #fancybox-loading, #fancybox-overlay {
	box-sizing: content-box !important;
}

.headerContainer{
	height:64px;
	position:relative;
	z-index:101;
	width:100%;
	background-color:#FFF;
	-webkit-box-shadow: -1px 3px 5px 0px rgba(145,145,145,0.2);
	-moz-box-shadow: -1px 3px 5px 0px rgba(145,145,145,0.2);
	box-shadow: -1px 3px 5px 0px rgba(145,145,145,0.2);
}

.headerLogo{
	margin-left:40px;
	padding:20px;
	vertical-align:top;
	display:inline-block;
}

.headerContainer2{
	margin:auto;
	height:64px;
	width:100%;
}

.navbar a{
	/* margin-top:10px; */
	/* top:50%;
	transform:translateY(-50%); */
}

.nav-link.active{
	border-bottom:3px solid #000;
}

.nav-item{
	margin-right:35px!important;
}

#navbarNavAltMarkup{
	margin-left:50px;
}

.nav-item{
	font-size:15px;
}

.navbar-toggler{
	cursor:pointer
}

.create-shop{
	float:right;
	background-color:#008EEC;
	border-radius:5px;
	padding:10px 20px;
	font-weight:bold;
	display:inline-block;
	color:#FFF;
}

.create-shop_a{
	margin-right:10px;
}

.create-shop_a:hover{
	opacity:0.5;
}

.login{
	float:right;
	color:#008EEC;
	margin-right:10px;
}

.login_a:hover{
	opacity:0.5;
}

.nav-link.nav-special{
	display:none;
}

.nav-link.nav-special:hover{
	opacity:0.5;
}

.selectpicker_select{
	position:relative;
	/* top:5px; */
	height:30px;
}

@media screen and (max-width: 1210px) {
	.nav-item{
		margin-right:10px!important;
		font-size:15px;
	}
	
	.create-shop_a{
		margin-right:10px;
	}
	
	.login{
		margin-right:10px;
	}
	
	#navbarNavAltMarkup{
		margin-left:20px;
	}
}

@media screen and (max-width: 991px) {
	.create-shop_a{
		display:none;
	}
	
	.login_a{
		display:none;
	}
	
	.nav-link.nav-special{
		display:block;
	}
	
	.create-shop, .login{
		float:none;
	}
	
	.selectpicker_select{
		display:none;
	}
}
