body
{
	padding:0;
	margin:0;
}

@font-face
{
	font-family:Fira Sans;
	src: url(../fonts/Oswald-Light.ttf);
	
}

@font-face
{
	font-family:century gothic;
	src: url(../fonts/centurygothic.ttf);
	src: url(../fonts/centurygothic.woff);
}

@font-face
{
	font-family:archivo;
	src: url(../fonts/ArchivoNarrow-Regular.ttf);
	src: url(../fonts/ArchivoNarrow-Regular.woff);
}

@font-face
{
	font-family:ostrich;
	src: url(../fonts/OstrichSans-Heavy.otf);
	
}

#loader
{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#f1f1f1;
	z-index:100000;
	
	
}

#loader_image
{
	background: url(../images/cclp_dark2.png);
	background-size:cover;
	background-position:center;
	width:130px;
	height:37px;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
	display:none;
	
}

#loader1
{
	width:55px;
	height:55px;
	border-radius:50px;
	border-left: 3px solid #ff7f00;
	border-right:3px solid #ff7f00;
	border-top:3px solid #303030;
	border-bottom:3px solid #303030;
	position:absolute;
	top:-110px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
	-webkit-animation: rot 3s ease-in-out infinite;
	animation: rot 3s ease-in-out infinite;
	
}


@keyframes rot
{
	0% {transform: rotate(180deg);}
	50% {transform: rotate(-180deg);}
	100% {transform: rotate(360deg);}
}

@-webkit-keyframes rot
{
	0% {transform: rotate(180deg);}
	50% {transform: rotate(-180deg);}
	100% {transform: rotate(360deg);}
}

#loader2
{
	width:40px;
	height:40px;
	border-radius:50px;
	border-left: 3px solid #0099bc;
	border-right:3px solid #0099bc;
	border-top:3px solid #303030;
	border-bottom:3px solid #303030;
	position:absolute;
	top:-110px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
	-webkit-animation: rot2 3s ease-in-out infinite;
	animation: rot2 6s ease-in-out infinite;
	
}


@keyframes rot2
{
	0% {transform: rotate(-180deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(-360deg);}
}

@-webkit-keyframes rot2
{
	0% {transform: rotate(180deg);}
	50% {transform: rotate(-180deg);}
	100% {transform: rotate(360deg);}
}

#loader3
{
	width:70px;
	height:70px;
	border-radius:60px;
	border-left: 3px solid #0099bc;
	border-right:3px solid #0099bc;
	border-top:3px solid #303030;
	border-bottom:3px solid #303030;
	position:absolute;
	top:-110px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
	-webkit-animation: rot3 3s ease-in-out infinite;
	animation: rot3 3s ease-in-out infinite;
	
}


@keyframes rot3
{
	0% {transform: rotate(-180deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(-360deg);}
}

@-webkit-keyframes rot3
{
	0% {transform: rotate(180deg);}
	50% {transform: rotate(-180deg);}
	100% {transform: rotate(360deg);}
}


#body_back
{
	position:fixed;
	width:100%;
	height:100%;
	background-image: url(../images/hexellence.png);
	top:0px;
	left:0px;
}


#tipue_search_input
{
	
	background-color:#202020;
	border:none;
	opacity:0.8;
	color:#999999;
	width:86%;
	padding-top:30px;
	font-family:archivo;
	font-weight:100;
	font-size:18px;
	padding-left:2%;
	padding-right:2%;
	margin-left:5%;
	margin-right:5%;
	margin-top:30px;
	z-index:2000;
	border-top: 10px #0099bc inset;
	position:fixed;
}

#search_footer
{
width:100%;
	position:relative;
	height:100px;
	
	
}

#search_footer2
{
width:100%;
	position:relative;
	margin-top:20px;
	opacity:0.45;
	
}

body
{
	background-color:#f1f1f1;
	
	
}

#search_holder2
{
	
	position:relative;
	padding-top:15px;
	padding-bottom:0px;
	width:88%;
	padding-left:0%;
	padding-right:0%;
	margin-left:auto;
	margin-right:auto;
	
}

#search_header
{
	width:100%;
	height:80px;
	bottom:0px;
	background-color:#202020;
	position:fixed;
	left:0px;
	z-index:2000;
	opacity:0.85;
	
}

#search_header_text
{
	font-size:18px;
	letter-spacing:0px;
	font-family:Fira Sans;
	font-weight:600;
	color:#999999;
	position: relative;
	top:25px;
	padding-left:2%;
	text-align:center;
}

#search_box_text
{
position:fixed;
	top:33px;
	right:8%;
	font-size:15px;
	font-family:Fira Sans;
	color:#585858;
	font-weight:600;
	z-index:2001;
	display:none;
}

#search_head_spacer
{
	width:100%;
	height:110px;
	
}

#search_picture
{
	position:fixed;
	width:67px;
	height:70px;
	top:20px;
	left:220px;
	z-index:202;
	background: url(../images/searching.png);
	background-size:cover;
	background-position:center;
	opacity:0.8;
	display:none;
}

#text_footer
{
	color: #a4a4a4;
	font-size:15px;
	font-weight:600;
	font-family:Fira Sans;
	letter-spacing:1px;
	margin-top:10px;
	border-top: dotted 2px #dadada;
	padding-top:10px;
}

a.search_link:link
{
	color:#999999;
	text-decoration:none;
	
}

a.search_link:visited
{
	color:#999999;
	text-decoration:none;
	
}


a.search_link:hover
{
	color:#707070;
	text-decoration:none;
	
}


a.t_footer:link
{
	color:#0099bc;
	text-decoration:none;
	
}

a.t_footer:visited
{
	color:#0099bc;
	text-decoration:none;
	
}


a.t_footer:hover
{
	color:#404040;
	text-decoration:none;
	
}