#header  {
	position: relative;
	z-index: 500;
	background: transparent;
	width: 100%;
}

#header .topbar {
	position: relative;
	height: 85px;
	background: transparent!important;
	padding: 0;
	border-bottom: 2px solid #fff;
}

.topbar .topbar-white {
	position: relative;
	height: 40px;
	background: #fff;
}

.topbar .topbar-black {
	position: relative;
	height: 50px;
	background: #000;
}

.topbar .topbar-black .custom {
	border-left: 2px solid #fff;
	height: 100%;
	float: right;
}

#buy-ticket {
	text-align: center;
	width: 132px;
}

#buy-ticket a {
	background: transparent;
	color: #fff;
	margin: 12px 0px;
	font-size: 10px;
	padding: 2px 4px;
	border: 1px solid #fff;
	display: inline-block;
	letter-spacing: 2px;
}

#buy-ticket a.isDisabled {
	cursor: default;
	opacity: 0.5;
	pointer-events: none;
}

#header .next-match-time .days, #header .next-match-time .hours, #header .next-match-time .minutes {
	font-size: 18px;
}

#next-match-time {
	text-align: center;
	color: #fff;
	font-size: 25px;
	width: 300px;
}

#next-match-time .days, #next-match-time .hours, #next-match-time .minutes {
	float: left;		
	margin: 4px auto;
}

#next-match-time .days span:nth-child(2), #next-match-time .hours span:nth-child(2) {
	float: right;
}

#next-match {
	text-align: center;
	margin: 1px auto;
	width: 150px;
}

#next-match .middle-line {
	height: 100%;
	border: 2px solid #fff;
	width: 2px;
	transform: skew(-30deg,0deg);
	float: left;
}

#next-match .team-1 {
	float: left;
	width: 48%;
	margin: 2px auto;
}

#next-match .team-2 {
	float: left;
	width: 48%;
	margin: 2px auto;
}

#next-match .team-2 > span{
	margin: 10px auto;
	display: inline-block;
	color: #fff;
}

#next-match img {
	height: 40px;
}

#header .topbar-icons {
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}

 .topbar-icons img.league-icons {
	height: 25px;
	margin: 2.5px 5px;
}

.topbar .topbar-titles {
	height: 100%;
	color: #000;
	text-align: center;
	font-size: 20px;
}

.topbar .topbar-titles .buy-ticket, .topbar .topbar-titles .next-match-time, .topbar .topbar-titles .next-match{
	float: right;
	height: 100%;
	font-size: 18px;
}

.topbar .topbar-titles .buy-ticket{
	width: 132px;
}

.topbar .topbar-titles .next-match-time {
	width: 300px;
}

.topbar .topbar-titles .next-match {
	width: 151px;
}

.topbar-titles .next-match-time .days, .topbar-titles .next-match-time .hours, .topbar-titles .next-match-time .minutes {
	height: 100%;
}
#header .header-holder {
	position: relative !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;	
	padding: 0px 0px;
	background: #fff;
	height: 110px;
	margin-bottom: 10px;
}

#header .header-holder .separate-effect {
	position: absolute;
	height: 100%;
	width: 120px;
	background: #fff;
	transform: skew(49deg,0deg);
	box-shadow: 4px 0px 25px #000;
	margin-left: -68px;
}

#header .header-holder .paok-logo {
	height: 100%;
	position: absolute;
	z-index: 100;
}

.header-holder .row-up {
	height: 60px;
}

.header-holder .row-up .store-lang {
	float: right;
	height: 100%;
	background: #000;
}

.header-holder .row-up .social {
	height: 30px;
	width: 100%;
}

.header-holder .row-up .title {
	height: 30px;
	width: 100%;
	background: black;
	padding-left: 30px;
}

.header-holder .row-menu {
	height: 35px;
	padding-left: 30px;
}

.header-holder .row-etc {
	height: 15px;
	background: #000000;
}

.paok-logo img {
	height: 100%;
}

.header-holder .header-container {
	height: 100%;
	background: #fff;
	margin-left: 80px;
	border-bottom: 2px solid #fff;
	overflow: visible;
}

.header-holder .store-lang-inside {
	background: #000;
	height: 100%;
	transform: skew(30deg,0deg);
	border-left: 3px solid #fff;
	width: 50px;
}

.header-holder .store-lang .separate-right{
	float: left;
	background: #fff;
	width: 3px;
	height: 100%;
	margin-left: 45px;
}

.header-holder .store-lang .separateline-middle{
	border: 1px solid white;
	margin-top: -30px;
	margin-left: 2px;
}

.header-holder .social-title {
	float: right;
	height: 100%;
}

.header-holder .social-title .social > div {
	float: right;
	margin-right: 4%;
}

.header-holder .social-title .social .search-icon {
	width: 28px;
	text-align: center;
	color: #000;
	margin-right: 25px;
	display: inline-block;
	font-size: 20px;
}

.header-holder .social-title .social .custom-icons {
	border: 2px solid #000;
	margin-top: 5px;
	width: 28px;
	text-align: center;
	border-top-left-radius: 28%;
	border-top-right-radius: 28%;
	color: #000;
	display: inline-block;
	margin-right: 7px;
}

.header-holder .social-title .title {
	color: #fff;
	font-size: x-large;
}

.header-holder .social-title .title > div {
	position: absolute;
	vertical-align: middle;
	line-height: 1.2;
}

#header .icons {
	position: absolute;
	margin: -15px 6%;
	width: 100%;
}

#header .icons div {
	display: inline-block;
}

#header .cart , #header .lang {
	border: 2px solid #fff;
	border-radius: 100px;
	display: inline-block;
	width: 30px;
	text-align: center;
	margin: 0px 10px;
	background: #fff;
}

#header .social .search-icon {
    cursor: pointer;
}


@media only screen and (min-width: 770px) {
	#header .topbar ~ .topbar-icons {
	    position: absolute;
	}

	.topbar-icons img.league-icons {
	    height: 35px;
	}
}


.module
{
	float: right;
}

.module > div
{
	position: relative;
	display: inline-block;
}