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

.pointer {
	cursor: pointer;
}

.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) {
	.white {
		color: #fff !important;
	}
	.uppercase {
		text-transform: uppercase !important;
	}
	.center {
		text-align: center !important;
	}
	.header__80 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 2vw -0.3vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 3.65vw;
		font-weight: 700;
		line-height: 3.65vw;
	}
	.header__70 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 2vw -0.3vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 3.65vw;
		font-weight: 700;
		line-height: 3.65vw;
	}
	.header__60 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 2vw -0.3vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 3.15vw;
		font-weight: 900;
		line-height: 4.15vw;
	}
	.header__50 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 1.5vw -0.2vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 2.6vw;
		font-weight: 700;
		line-height: 2.6vw;
	}
	.header__40 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 1.5vw -0.3vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 2.1vw;
		font-weight: 700;
		line-height: 2.6vw;
	}
	.header__35 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 1vw 0px;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 1.8vw;
		font-weight: 600;
		line-height: 2.2vw;
	}
	.header__30S {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 1.4vw;
		font-weight: 600;
		line-height: 2vw;
	}
	.header__30 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #50bae9;
		font-size: 1.5vw;
		font-weight: 300;
		line-height: 2vw;
	}
	.header__25 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 1.3vw;
		font-weight: 700;
		line-height: 1.8vw;
	}
	.header__22, .text__19 h2, .text__19 h3 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 1vw 0px;
		padding: 0px 0px 0px 0px;
		color: #003f92;
		font-size: 1.2vw;
		font-weight: 600;
		line-height: 1.5vw;
	}
	.header__20 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #101010;
		font-size: 1.1vw;
		font-weight: 500;
		line-height: 1.3vw;
	}
	.header__19 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 1vw 0px;
		padding: 0px 0px 0px 0px;
		color: #e52e2e;
		font-size: 1vw;
		font-weight: 500;
		line-height: 1vw;
		text-transform: uppercase;
	}
	.text__19 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #696969;
		font-size: 1vw;
		font-weight: 400;
		line-height: 1.5vw;
		text-align: justify;
	}
			.text__19.text__18 {
				font-size: 0.9vw;
				line-height: 1.4vw;
			}
			.text__19.text__20 {
				font-size: 1.15vw;
				line-height: 1.65vw;
			}
			.text__19 strong {
				color: #000;
			}
		.text__19 a {
			color: #e52e2e;
			text-decoration: none;
		}
		.text__19 a:hover {
			color: #e52e2e;
			text-decoration: underline;
		}
		.text__19 ul, .text__19 ol {
			float:left;
			width:100%;
			margin: 0.5vw 0px 0px 0px;
			position:relative;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.text__19 ul li {
				float:left;
				width: 100%;
				margin:0px 0px 0.6vw 0px;
				padding:0px 0px 0px 1.3vw;
				position:relative;
				list-style: none;
				background: url(../images/listBg.svg) top 0.45vw left no-repeat;
				background-size: 0.2vw;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.text__19 ol li {
				float:left;
				width: 100%;
				margin:0px 0px 0.1vw 1.3vw;
				padding:0px 0px 0px 0px;
				position:relative;
			}
		.text__19 table {
			float:left;
			width:100%;
			border-spacing: 0;
			border: 0;
			border-collapse: collapse;
		}
		.text__19 table thead {
			background-color:#fafafa;
		}
		.text__19 table tr td {
			padding:0.5vw 0.8vw 0.5vw 0.8vw;
			border:1px solid #e5e5e5;
		}
		.text__19 table tr:hover {
			background-color:#fafafa;
		}
	.more__18 {
		float: left;
		height: 4.3vw;
		position: relative;
		margin: 2vw 0px 0px 0px;
		padding: 0px 2.2vw 0px 2.2vw;
		color: #fff;
		font-size: 0.9vw;
		font-weight: 600;
		line-height: 0.9vw;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
		background-color: #36388b;
		border-radius: 1vw;

		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
	.more__18:hover {
		background-color: #00d8fe;
	}
	.more__18.small {
		height: 3.3vw;
	}
	.more__18.light {
		height: 3.3vw;
		background-color: #00d8fe;
	}
	.more__18.light:hover {
		background-color: #36388b;
	}

.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:#01b7df;
	}

#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:#01b7df;
			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) {
	.white {
		color: #fff !important;
	}
	.uppercase {
		text-transform: uppercase !important;
	}
	.center {
		text-align: center !important;
	}
	.header__80 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 4vw 0vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 8vw;
		font-weight: 700;
		line-height: 8vw;
	}
	.header__70 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 2vw -0.3vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 3.65vw;
		font-weight: 700;
		line-height: 3.65vw;
	}
	.header__60 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 2vw -0.3vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 3.15vw;
		font-weight: 900;
		line-height: 4.15vw;
	}
	.header__50 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 4vw 0vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 6vw;
		font-weight: 700;
		line-height: 6vw;
	}
	.header__40 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 1.5vw -0.3vw;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 2.1vw;
		font-weight: 700;
		line-height: 2.6vw;
	}
	.header__35 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 2vw 0px;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 6.5vw;
		font-weight: 600;
		line-height: 6.5vw;
	}
	.header__30S {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 6.5vw;
		font-weight: 600;
		line-height: 6.5vw;
	}
	.header__30 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #50bae9;
		font-size: 6.5vw;
		font-weight: 300;
		line-height: 6.5vw;
	}
	.header__25 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #191919;
		font-size: 6vw;
		font-weight: 700;
		line-height: 6vw;
	}
	.header__22, .text__19 h2, .text__19 h3 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 1vw 0px;
		padding: 0px 0px 0px 0px;
		color: #003f92;
		font-size: 1.2vw;
		font-weight: 600;
		line-height: 1.5vw;
	}
	.header__20 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #101010;
		font-size: 4.5vw;
		font-weight: 500;
		line-height: 4.5vw;
	}
	.header__19 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 1vw 0px;
		padding: 0px 0px 0px 0px;
		color: #e52e2e;
		font-size: 1vw;
		font-weight: 500;
		line-height: 1vw;
		text-transform: uppercase;
	}
	.text__19 {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #696969;
		font-size: 4.5vw;
		font-weight: 400;
		line-height: 5.5vw;
		text-align: justify;
	}
			.text__19.text__18 {
				
			}
			.text__19.text__20 {
				
			}
			.text__19 strong {
				color: #000;
			}
		.text__19 a {
			color: #e52e2e;
			text-decoration: none;
		}
		.text__19 a:hover {
			color: #e52e2e;
			text-decoration: underline;
		}
		.text__19 ul, .text__19 ol {
			float:left;
			width:100%;
			margin: 2vw 0px 0px 0px;
			position:relative;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.text__19 ul li {
				float:left;
				width: 100%;
				margin:0px 0px 1vw 0px;
				padding:0px 0px 0px 4vw;
				position:relative;
				list-style: none;
				background: url(../images/listBg.svg) top 1.45vw left no-repeat;
				background-size: 1.2vw;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.text__19 ol li {
				float:left;
				width: calc(100% - 4vw);
				margin:0px 0px 0.5vw 4vw;
				padding:0px 0px 0px 0px;
				position:relative;
			}
		.text__19 table {
			float:left;
			width:100%;
			border-spacing: 0;
			border: 0;
			border-collapse: collapse;
		}
		.text__19 table thead {
			background-color:#fafafa;
		}
		.text__19 table tr td {
			padding:1.5vw 1.8vw 1.5vw 1.8vw;
			border:1px solid #e5e5e5;
		}
		.text__19 table tr:hover {
			background-color:#fafafa;
		}
	.more__18 {
		float: left;
		height: 12vw;
		position: relative;
		margin: 4vw 0px 0px 0px;
		padding: 0px 4vw 0px 4vw;
		color: #fff;
		font-size: 4vw;
		font-weight: 600;
		line-height: 4vw;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
		background-color: #36388b;
		border-radius: 2vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-ms-flex-line-pack: center;
			align-content: center;
	}
	.more__18:hover {
		background-color: #00d8fe;
	}
	.more__18.small {
		
	}
	.more__18.light {
		background-color: #00d8fe;
	}
	.more__18.light:hover {
		background-color: #36388b;
	}

.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:#01b7df;
	}

#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;
}

@media screen and (min-width: 1001px) and (max-width: 10000px) {
.page404 {
	float:left;
	width:100%;
	min-height: 70vh;
	max-height:100vh;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.page404__inside {
	width:1000px;
	position:relative;
	padding:5vw 0px 5vw 0px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}
	.page404__inside--left {
		float:left;
		width:150px;
		height:135px;
		position:relative;
		margin:0px 0px 0px 50px;
	}
		.page404__inside--icon--1 {
			float:right;
			margin:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:0;
			-webkit-animation:spin 6s linear infinite;
			-moz-animation:spin 6s linear infinite;
			animation:spin 6s linear infinite;
		}
		.page404__inside--icon--2 {
			float:left;
			margin:0px 0px 0px 0px;
			position:absolute;
			bottom:25px;
			left:0;
			-webkit-animation:spin 4s linear infinite;
			-moz-animation:spin 4s linear infinite;
			animation:spin 4s linear infinite;
		}
		.page404__inside--icon--3 {
			float:left;
			margin:0px 0px 0px 0px;
			position:absolute;
			bottom:0;
			left:50px;
			-webkit-animation:spin 2s linear infinite;
			-moz-animation:spin 2s linear infinite;
			animation:spin 2s linear infinite;
		}
	.page404__inside--right {
		float:right;
		width:650px;
		margin:0px 40px 0px 0px;
	}
		.page404__inside--header  {
			float:left;
			margin:0px 0px 15px 0px;
			width:100%;
			font-size:70px;
			line-height:70px;
			font-weight:700;
			color:#dc407f;
		}
			.page404__inside--header strong {
				font-weight:700;
				color:#000;
			}
		.page404__inside--text  {
			float:left;
			margin:0px 0px 0px 0px;
			width:100%;
			font-size:20px;
			line-height:30px;
			font-weight:400;
			color:#404040;
		}
			.page404__inside--text a {
				float:left;
				margin:10px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color:#dc407f;
				text-decoration:none;
			}
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.page404 {
	float:left;
	width:100%;
	height:100vh;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}

.page404__inside {
	width:90%;
	position:relative;
	padding:5vw 0px 5vw 5%;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}
	.page404__inside--left {
		float:left;
		width:150px;
		height:135px;
		position:relative;
		top:0;
		left:50%;
		margin:0px 0px 0px -75px;
	}
		.page404__inside--icon--1 {
			float:right;
			margin:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:0;
			-webkit-animation:spin 6s linear infinite;
			-moz-animation:spin 6s linear infinite;
			animation:spin 6s linear infinite;
		}
		.page404__inside--icon--2 {
			float:left;
			margin:0px 0px 0px 0px;
			position:absolute;
			bottom:25px;
			left:0;
			-webkit-animation:spin 4s linear infinite;
			-moz-animation:spin 4s linear infinite;
			animation:spin 4s linear infinite;
		}
		.page404__inside--icon--3 {
			float:left;
			margin:0px 0px 0px 0px;
			position:absolute;
			bottom:0;
			left:50px;
			-webkit-animation:spin 2s linear infinite;
			-moz-animation:spin 2s linear infinite;
			animation:spin 2s linear infinite;
		}
	.page404__inside--right {
		float:left;
		width:100%;
		margin:5vw 0px 0px 0px;
	}
		.page404__inside--header  {
			float:left;
			margin:0px 0px 15px 0px;
			width:100%;
			font-size:30px;
			line-height:30px;
			font-weight:700;
			color:#dc407f;
			text-align:center;
		}
			.page404__inside--header strong {
				font-weight:700;
				color:#000;
			}
		.page404__inside--text p  {
			float:left;
			margin:0px 0px 0px 0px;
			width:100%;
			font-size:16px;
			line-height:24px;
			font-weight:400;
			color:#404040;
			text-align:center;
		}

			.page404__inside--text a {
				float:left;
				margin:10px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color:#dc407f;
				text-decoration:none;
			}
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }