
#header {
}

#pnlHeader {
	position: relative;
	width: 1000px;
	/*height: 100px;*/
	margin: 10px auto;
}


/*--------------------------------------------------------------------------------------*/
/*Language selector*/

#pnlSelectLanguage {
	position: absolute;
	z-index: 10;
}

#pnlSelectLanguage span {
	color: #1a96cf;
}

#pnlSelectLanguage ul {
	display: inline-block;
	margin: 0px;
	padding-left: 10px;
}

#pnlSelectLanguage ul li {
    list-style: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-transform: uppercase;
	background-color: white;
	border-radius: 20px;
}
#pnlSelectLanguage ul li a,
#pnlSelectLanguage ul li a:link,
#pnlSelectLanguage ul li a:visited,
#pnlSelectLanguage ul li a:hover,
#pnlSelectLanguage ul li a:active {
	display: inline-block;
	width: 30px;
	height: 30px;
	color: black;
	text-decoration: none;
	border-radius: 20px;
}

#pnlSelectLanguage ul li:hover {
	background-color: lightgray;
}

#pnlSelectLanguage ul li.selected {
    background-color: #1a96cf !important;
	font-weight: normal;
}
#pnlSelectLanguage ul li.selected a {
	color: white;
}

/*--------------------------------------------------------------------------------------*/
/*Logo*/

#pnlHeaderLogo {
	/*position: absolute;*/
	width: 1024px;
	top: 15px;
	text-align: center;
	z-index: 1;
}

#pnlHeaderLogo a {
	display: inline-block;
	width: 203px;
	height: 108px;
	background-image: url("logo-big.jpg");
}


/*--------------------------------------------------------------------------------------*/
/*Links*/

#pnlHeaderLinks {
	position: absolute;
	right: 0px;
	top: 7px;
	z-index: 10;
}


#pnlHeaderLinks a,
#pnlHeaderLinks a:link,
#pnlHeaderLinks a:visited,
#pnlHeaderLinks a:active {
	color: #1a96cf;
	margin: 0px 5px;
	text-decoration: none;
	border-bottom: 2px solid #1a96cf;
}
#pnlHeaderLinks a:hover {
	color: black;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}


#pnlHeaderLinks .login,
#pnlHeaderLinks .logout {
	display: none;
}
body.logged-in #pnlHeaderLinks .logout {
	display: inline;
}
body.not-logged-in #pnlHeaderLinks .login {
	display: inline;
}



/*--------------------------------------------------------------------------------------*/
/*Badge*/


.free-shipping-badge::before {
	content: "free shipping";
	position: absolute;
	top: 13px;
	left: 0;
}
.free-shipping-badge {
	position: absolute;
    right: 100px;
    top: 35px;
    width: 60px;
    height: 60px;
    background: url(gold-star.svg);
	background-size: 100%;
    border-radius: 100px;
	text-align: center;
	/*padding-top: 11px;*/
    box-sizing: border-box;
	/*border: 3px double darkseagreen;*/
	text-transform: uppercase;
	font-weight: bold;
	transform: rotate(0deg);
	animation: pulse 2s linear infinite;
	z-index: 10;
}
@keyframes pulse {
	50% {
		transform: rotate(15deg) scale(1.1);
	}
	100% {
		transform: rotate(0deg) scale(1);
	}
}
@media only screen and (max-width: 1049px) {
	.free-shipping-badge {
		top: -5px;
		right: 10px;
	}
}
@media only screen and (max-width: 480px) {
	.free-shipping-badge {
		display: none;
	}
}
