/* 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 {
	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;
}

.moreOne {
	float:left;
	height:2.45vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 2vw 0px 2vw;
	color: #000;
	font-size: 0.9vw;
	font-weight: 400;
	line-height: 0.9vw;
	text-transform: uppercase;
	text-decoration:none;
	letter-spacing: 0.18px;
	border:1px solid #eac081;
}
	.moreOne:before {
		content: ' ';
		float:left;
		width:0;
		height:0;
		position:absolute;
		top:-1px;
		left:-1px;
		opacity:0;
		border-left:2px solid #000;
		border-top:2px solid #000;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
		.moreOne:hover:before {
			width:100%;
			height:2.45vw;
			opacity:1;
		}
	.moreOne:after {
		content: ' ';
		float:right;
		width:0;
		height:0;
		position:absolute;
		bottom:-1px;
		right:-1px;
		opacity:0;
		border-right:2px solid #000;
		border-bottom:2px solid #000;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
		.moreOne:hover:after {
			width:100%;
			height:2.45vw;
			opacity:1;
		}

.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) {
#cookie_info { 
	float:right;
	width:430px;
	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) {
#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;
		}
}