/* CSS */

.bi {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.animate {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.animate-fast {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.animate-slow {
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.noAnimate {
	-webkit-transition: all 0s ease-in-out !important;
	-moz-transition: all 0s ease-in-out !important;
	-o-transition: all 0s ease-in-out !important;
	transition: all 0s ease-in-out !important;
}

.d-c-c {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.d-c-b {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}
.d-c-s {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
}
.d-c-e {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	align-content:center;
}
.d-s-c {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:flex-start;
}
.d-s-s {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
}
.d-s-b {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
}
.d-s-e {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:flex-start;
	align-content:flex-start;
}
.d-e-c {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-end;
	align-content:flex-end;
}
.d-e-s {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-end;
	align-content:flex-end;
}
.d-e-e {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:flex-end;
	align-content:flex-end;
}

.facebook {
	float:right;
	width:330px;
	position: fixed;
	top:20%;
	right:-336px;
	z-index:50;
	border:3px solid #4a6ea9;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
	.facebook__img {
		float:left;
		width:50px;
		position: absolute; 
		top: -3px; 
		left: -50px;
		cursor:pointer;
	}
	.facebook__page {
		float:left;
		width:100%;
		position:relative;	
	}
		.facebook:hover {
			right:0;
		}

.odeeTip { 
	float:right;
	display:inline;
	position: relative;
	opacity: 0.6;
}
	.odeeTip:hover:after { 
		background: #333;
		background: rgba(0,0,0,.8);
		border-radius: 5px;
		bottom: 26px;
		color: #dc407f;
		content: attr(title);
		left: -180px;
		padding: 8px 20px 8px 20px;
		text-align:center;
		position: absolute;
		z-index: 98;
		width:180px;
		font-size:12px; 
	}
	.odeeTip:hover:before { 
		border:solid;
		border-color:rgba(0,0,0,.8) transparent;
		border-width: 6px 6px 0 6px;
		bottom: 20px;
		content: "";
		left: 40%;
		position: absolute;
		z-index: 99; 
	}
	.odeeTip:hover { 
		opacity: 1;	
	}
	.odeeLogo {
		float:left;
		position:relative;
	}
	
@media screen and (min-width: 1001px) and (max-width: 10000px) {
.popup {
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.9);
	z-index:80;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.popup__wrap {
		float:left;
		width:80%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
	.popup__title {
		float:left;
		width:100%;
		position:relative;
		color: #fff;
		font-size: 1.3vw;
		font-weight: 300;
		line-height: 1.6vw;
		text-align:center;
	}
		.popup__title a {
			color:#fff;
		}
	.popup__close {
		float:left;
		height: 3.15vw;
		position:relative;
		margin:20px 0px 0px 0px;
		padding:0px 2vw 0px 2vw;
		color: #fefefe;
		font-size: 1.1vw;
		font-weight: 300;
		line-height: 3.15vw;
		border:0;
		text-align:center;
		text-decoration:none;
		background:#ed1c24;
	}	
	
#cookie_info { 
	float:right;
	width:470px;
	position:fixed;	
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.8); 
	z-index:99999;
}
	#user_information { 
		float:left;
		width:84%;
		margin:0px 8% 0px 8%;
		padding:25px 0px 20px 0px;
		color:#fff;
		position:relative; 
	}
		#close_info_cookie { 
			float:left;
			position:absolute;
			left:0;
			top:0;
			margin:0px 0px 0px -55px;
			background-color:#df2157;
			color:#fff;
			width:55px;
			height:55px;
			font-size:23px;
			line-height:23px;
			font-weight:300;
			text-align:center;
			cursor:pointer;	
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;	
		}
		.user_information_nag { 
			float:left;
			width:100%;
			margin:0px 0px 5px 0px; 
			position:relative;
			color:#fff;
			font-size:14px;
			line-height:20px;	
			font-weight:600;
		}
		.user_information_text { 
			float:left;
			width:100%;
			position:relative;
			color:#fff;
			font-size:12px;
			line-height:18px;
			font-weight:400;
		}
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.popup {
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.9);
	z-index:80;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.popup__wrap {
		float:left;
		width:80%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
	.popup__title {
		float:left;
		width:100%;
		position:relative;
		color: #fff;
		font-size: 4vw;
		font-weight: 300;
		line-height: 5vw;
		text-align:center;
	}
		.popup__title a {
			color:#fff;
		}
	.popup__close {
		float:left;
		height: 8vw;
		position:relative;
		margin:2vw 0px 0px 0px;
		padding:0px 4vw 0px 4vw;
		color: #fefefe;
		font-size: 3vw;
		font-weight: 300;
		line-height: 8vw;
		border:0;
		text-align:center;
		text-decoration:none;
		background:#ed1c24;
	}	
	
#cookie_info { 
	float:left;
	width:100%;
	position:fixed;	
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.8); 
	z-index:99999;
}
	#user_information { 
		float:left;
		width:90%;
		margin:0px 0px 0px 0px;
		padding:25px 5% 20px 5%;
		color:#fff;
		position:relative; 
	}
		#close_info_cookie { 
			float:right;
			position:absolute;
			right:0;
			top:0;
			margin:-55px 0px 0px 0px;
			background-color:#df2157;
			color:#fff;
			width:55px;
			height:55px;
			font-size:23px;
			line-height:23px;
			font-weight:300;
			text-align:center;
			cursor:pointer;	
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;	
		}
		.user_information_nag { 
			float:left;
			width:100%;
			margin:0px 0px 5px 0px; 
			position:relative;
			color:#fff;
			font-size:14px;
			line-height:20px;	
			font-weight:600;
		}
		.user_information_text { 
			float:left;
			width:100%;
			position:relative;
			color:#fff;
			font-size:12px;
			line-height:18px;
			font-weight:400;
			text-align:justify;
		}
}

.hover__effect {
	float:left;
	width:100%;
	position:relative;
	padding:1vw 2vw 1vw 2vw;
}
.hover__effect a {
	float:left;
	margin:1vw;
	padding:1vw 2vw 1vw 2vw;
	background: #e1e1e1;
	color:#000;
}