/*

* élan DataMakers ©2015 / Dmitri Antos

* Based on:

* Skeleton V1.2

* Copyright 2011, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 6/20/2012

*/





/* Table of Content

==================================================

	#Reset & Basics

	#Basic Styles

	#Site Styles

	#Typography

	#Links

	#Lists

	#Images

	#Buttons

	#Forms

	#Misc */





/* #Reset & Basics (Inspired by E. Meyers)

================================================== */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, output, ruby, section, summary, time, mark, audio, video {

		margin: 0;

		padding: 0;

		border: 0;

		font-size: 100%;

		/*font: inherit;*/

		vertical-align: baseline; }

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, section {

		display: block; }

	body {

		line-height: 1; }

	ol, ul {

		list-style: none; }

	blockquote, q {

		quotes: none; 
		border:2px solid #eee !important;
		border-radius:30px;
		background:#F5F5F5;
		padding:15px !important;
		font-size:90% !important;
		}

	blockquote:before, blockquote:after,

	q:before, q:after {

		content: '';

		content: none; }

	table {

		border-collapse: collapse;

		border-spacing: 0; }



/* #Basic Styles

================================================== */

	body {
		background: #fff url(../images/bg-tile.jpg) top left repeat-x;
		background-attachment:fixed;
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
		line-height:normal;
		color: #2162a0;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
	

/* #Display Switches

================================================== */	


.desktop-nav {display:block;}
.mobile-menu {display:none;}
.container-unite {display:none !important;}



/* #Base 960 Grid

================================================== */


.wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	min-height:800px;
	background: #fff url(../images/home-bg.jpg) center 60px no-repeat;
	box-shadow:0px 0px 30px #888;
}
.head-wrap {
	width:100%;
	height:100px;
}
.header {
	width:960px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
}
.logo {
	width:80px;
	height:70px;
	position:relative;
	float:left;
	display:inline;
	margin-left:30px;
	margin-top:15px;
}
.logo a {
	 border:none !important;
 }
.mid {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:280px;
	height:auto;
	position:relative;
	z-index:5;
}
.mid-left { 
	width: 300px; 
	float:left;
	display:inline;
	margin:10px;	
}
.mid-center {
	width:300px;
	float:left;
	display:inline;
	margin:10px;	
}
.mid-right { 
	width:300px;
	float:left;
	display:inline;
	margin:10px;	
}
.homebox {
	width:100%;
	height:300px;
	background-color: rgba(106,161,243,0.9);
	box-shadow:0px 0px 15px #ccc;
	border:2px solid #b4e6fd;
	border-radius:16px;
}
.homebox-copy {
	padding:15px;
	text-align:left;
	color:#fff !important;
	font-family:'Open Sans', Sans-serif;
	font-size:14px;	
	position:relative;
}
.homebox-head {
	background-color:#fff;
	height:60px;
	border-top-left-radius:14px;
	border-top-right-radius:14px;
}
.homebox-icon {
	width:40px;
	height:40px;
	margin-left:12px;
	margin-top:12px;
	float:left;
	position:relative;
	display:inline;
}
.homebox h2 {
	float:left;
	display:inline;
	padding-top:20px;
	padding-left:6px;
	font-size:24px;
	color:#5bacd9;
	font-family:'Open Sans', Sans-serif;
	font-weight:bold;
	vertical-align:bottom;
}
.homebox-copy .readmore {
	position:absolute;
	top:200px;
	right:10px;	
}
#showcase-wrap {
	width:100%;
	height:auto;
	position:relative;
}
#showcase {
	height:auto;
	width:960px;
	margin:0 auto;
}
.testfader {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:30px;
	padding-top:30px;
	background:#fff;
	border:2px solid #eee;
	box-shadow:inset 0px 0px 40px #eee;
	border-top-left-radius:80px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.author {display:none !important;}
.testfader h2, typingtest h2 {
	margin-top:-40px;
	text-shadow:0px 1px 0px #000;
	font-weight: bold !important;
	margin-left:40px;
	font-size:28px !important;
}
.typingtest {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:30px;
	padding-top:30px;
	background:#fff;
	border:2px solid #eee;
	box-shadow:inset 0px 0px 40px #eee;
	border-top-left-radius:80px;
	border-top-right-radius:20px;
}
/* Desktop Menu Styles */
#nav-wrap {
	width:768px;
	float:right; 
	display:inline;
	position:relative;	
	margin-top:40px;

}
#nav-wrap a {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #91acd1;
	padding-left:24px;
	padding-right:24px;
}
.homelink {display:none !important;}
div.maximenuckh {
	width:780px;
	margin-left:auto;
	margin-right:auto;
}
.floatck {margin-top:-20px !important;}
.maxidrop-main {
	margin-top:20px !important;
}
ul.maximenuck li:hover {
	box-shadow:0px 0px 30px #999;	
}
ul.maximenuck li.level1.parent, ul.maximenuck li.level1 {
	line-height:47px;
}
ul.maximenuck li.level1.parent:hover, ul.maximenuck li.level1:hover {
	background:url(../images/menu-bg.png) top left no-repeat;
	border-top-right-radius:12px;
	border-top-left-radius:12px;
}
div.maximenuckh ul.maximenuck li {margin-bottom:0px !important;}

div.maximenuckh ul.maximenuck li li.maximenuck a {
	background: #fff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	display:inline-block;
	list-style:none;
	width:146px;
	height:22px;
	padding-top:8px !important;
	padding-bottom:8px;
	padding-left:6px !important;
	border-top:1px solid #dfeeff;
	border-bottom:1px solid #d4e2f3;
	border-left:2px solid #dfeeff;
	border-right:2px solid #dfeeff;
	color:#91acd1 !important;
	font-family:'Abel', Sans-Serif !important;
	font-size:16px !important;
	margin-top:0px !important;
}
div.maximenuckh ul.maximenuck li li.maximenuck a:hover {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:22px !important;
	color: #fff !important;
	background:url(../images/menu-bg.png) top left no-repeat !important;
	border-top:1px solid #dfeeff;
	border-bottom:1px solid #06C;
	border-left:6px solid #0CF;
	border-right:2px solid #0CF;
	border-top-right-radius:12px;
	border-bottom-right-radius:4px;
}


/* Breadcrumbs styles
#breadcrumbs {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:-10px;
	padding-left:5px;
	padding-top:10px;
	width:960px;
	height:32px;
	border-bottom:2px solid #b2b2b2;
}
#breadcrumbs a {
	color:#c1bfbf !important;
	font-family:'Open Sans Condensed', sans-serif !important;
	font-size:20px;
}
#breadcrumbs a:hover {
	color:#555 !important;
}
#breadcrumbs h1 {
	color:#c1bfbf !important;
	font-family:'Open Sans Condensed', sans-serif !important;
	font-size:20px;
}
 */
#maincontent-wrap {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	min-height:400px;
	margin-top:-62px;
}

/* #Homepage Content

================================================== */
	.content {
	margin-top:0px;	
	}
	.maincontent {
		color:#2162a0 !important;
		width:960px;
		margin-left:auto;
		margin-right:auto;
		height:auto;
		position:relative;
		padding-top:80px;
	}
	.main-copy-container {
		width:900px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:80px;
		background:#fff url(../images/elan-pacman-wtmk.png) 30px 80px no-repeat;
		border:2px solid #D8D8D8;
		box-shadow:inset 0px 0px 40px #eee;
		border-top-left-radius:100px;
		border-top-right-radius:20px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
	}
	.main-copy {
		padding:0px 30px 60px 30px;
		text-align:left;
		min-height:400px;
		height:auto;
	}
	.item-page h2 {
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight:bold;
	font-size:28px;
	color:#aaa !important;
	margin-bottom:10px;
	margin-top:20px;
	}

	.item-page p {
	margin-top:10px;
	margin-bottom:15px;	
	}
	.under {
		border-bottom:2px solid #ccc !important;
	}

/* Mobile Menu */

================================================== 

#mega_main_menu.primary-menu > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, #mega_main_menu.primary-menu > .menu_holder > .menu_inner > ul > li > .item_link, #mega_main_menu.primary-menu > .menu_holder > .menu_inner > ul > li > .item_link * {

	font-family: 'Open Sans Condensed', sans-serif !important;

}


/* #Footer Widget Wrapper

================================================== */
	#submain-wrap {
	width:100%;
	background: rgba(236,236,236,0.25);
	border-top:1px solid #ddd;	
	}
	#submain {
	text-shadow:#ccc 1px 1px 2px;
	width:726px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 0.2em;
	}
.sub-logo {
	background: url(../images/elan-data-makers-logo-small.png);
	width:320px;
	height:115px;
	margin-top:-60px;
	left:-40px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:1000;
}

/* #Footer Modules

================================================== 	*/

.address {
	padding:10px;
}
	.bot1 {
		width:330px;
		height:auto;
		min-height:140px;
		font-size:14px;
		color:#666 !important;
		border-right:1px solid #eee;
	}

	.bot2 {
		width:330px;
		height:auto;
		min-height:140px;
		font-size:14px;
		color:#666 !important;
	}

	.bot1 h4, .bot2 h4 {
		font-family:'Open Sans Condensed', Sans-serif !important;
		font-size:22px !important;
		border-bottom:1px solid #ddd !important;
	}


/* #Footer

================================================== */	

	#footer-wrap {
		width:960px;
		margin-left:auto;
		margin-right:auto;
		height:80px;
		position:relative;
		bottom:0px;
	}
	#footer {
		height:26px;
		background-color:#3987ba;
		border-top:2px solid #1d6ea5;
		border-bottom:2px solid #1d6ea5;
		width:100%;
	}
	#footerlinks ul{
		list-style:none;
	}

	#footerlinks ul li{
		display:inline;
		padding:8px;
	}
	#footerlinks span {
		color: #73e8f9;
	}
	#footerlinks a {
		font-size:10px;
		color:#d9fbfb;
		text-shadow:0 1px 0 #000;
		text-decoration:none;
		padding:4px;
		font-family:'Open Sans' sans-serif;
	}
	#footerlinks a:hover {
		color:#73e8f9;
	}
	#footerlinks {
		width:960px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	#copy-wrap {
		background-color:#44a1de;
		height: 28px;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 10px;
	}
	#copyright {
		font-size:12px;
		font-family:'Open Sans' sans-serif;
		font-weight:normal;
		color:#fff;
		width:960px;
		height:34px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		text-align: center;
	}
	

.contactinfo {

	margin-top:-30px; 

	width:200px; 

	float:left; 

	display:inline;

}

	.field {

		width:280px;

		margin-right:40px;

		float:left;

		display:inline;

	}

	.fullfield {

		width:600px;

	}

	.subject {

		width:600px !important;

	}

/* #Typography

================================================== */

	h1, h5 {
		color: #76c0f1;
		text-shadow:0px 1px 0px #000;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: bold !important;
		margin-left:25px;
	}
	
	h1 {
		border-bottom:1px solid #aaa;
	}
	
	h2, h6 {
		color: #5bacd9;
		font-family: 'Open Sans', sans-serif;
		line-height:22px !important;
		padding-bottom:6px !important;
		font-weight: normal;
		 }
	h3{
		color: #444;
		font-family: 'Arial', sans-serif;
		font-weight: bold;
	}

	h4{
	    color:#454545;
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
	    text-shadow:#FFFFFF 1px 1px 0;
		padding-bottom:6px !important;
	    font-size:26px !important;
	    border-bottom:none !important;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

	h1 { font-size: 40px; line-height: 44px; margin-top:15px; display: inline-block; margin-bottom: 26px;}

	h3 { font-size: 22px; line-height: 26px; margin-bottom: 8px; }

	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }

	h5 { font-size: 17px; line-height: 24px; }

	h6 { font-size: 14px; line-height: 21px; }

	.subheader { color: #ffa306; }



	p { margin: 0 0 20px 0; }

	p img { margin: 0; }

	p.lead { font-size: 21px; line-height: 27px; color: #ffa306;  }



	em { font-style: italic; }

	small { font-size: 80%; }


/*	Blockquotes  */

	blockquote, blockquote p { font-size: 18px; line-height: 24px; color: #444; text-align:left !important; }

	blockquote { 
	margin: 0 0 20px; 
	padding: 9px 20px 30px 19px; 
}

	blockquote cite { display: block; font-size: 12px; color: #555; }

	blockquote cite:before { content: "\2014 \0020"; }

	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	blockquote .client {color:#999 !important; font-size:16px !important; margin-left:30px; padding-top:10px; float:left;}

.tall {

	padding-bottom:60px !important;

}


	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links

================================================== */

	a, a:visited {
	color: #91acd1;
	text-decoration: none;
	outline: 0;
}

	a:hover {
	color: #999;
}

	p a, p a:visited { line-height: inherit; }
	

	h2 a {
		font-family:'Open Sans Condensed', sans-serif !important;
		margin-bottom:6px !important;
		font-size:28px !important;
	}

/* #Lists

================================================== */

	ul, ol { margin-bottom: 20px; }

	ul { list-style: none outside; }

	ol { list-style: decimal; }

	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }

	ul.square { list-style: square outside; }

	ul.circle { list-style: circle outside; }

	ul.disc { list-style: disc outside; }

	ul ul, ul ol,

	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }

	ul ul li, ul ol li,

	ol ol li, ol ul li { margin-bottom: 6px; }

	li { line-height: 18px; margin-bottom: 12px; }

	ul.large li { line-height: 21px; }

	li p { line-height: 21px; }

/* #Images

================================================== */

	img.scale {
		max-width: 100%;
		height: auto; 
		}


/* #Buttons

================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"], 
	#sclogin-username,
	#sclogin-passwd,
	#readmore {
	-webkit-appearance: none;
	background: #eee; /* Old browsers */
	display:inline-block;
	list-style:none;
	max-width:100%;
	width:140px;
	height:36px;
	padding-top:4px;
	padding-bottom:2px;
	margin-bottom:-2px !important;
	border:2px solid #ccc;
	border-radius:8px;
	color:#888 !important;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:16px !important;
}

.readmore {
	display:inline-block;
	list-style:none;
	max-width:100%;
	width:112px;
	height:30px;
	padding-top:6px;
	padding-bottom:0px;
	text-align:left;
	padding-left:5px;
	color:#a6dffa !important;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:16px !important;
	text-shadow:none !important;
	-webkit-appearance: none;
}

.readmore:hover {
	color: #fff !important;
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	#sclogin-username:hover,
	#sclogin-passwd:hover,
	#readmore:hover {
	color: #999 !important;
	background:#eee !important;
	border:2px solid #ddd;
 }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
	color: #fff !important;
	background:#111 !important;
	border:2px solid #aaa;
}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; 
}


	/* Fix for odd Mozilla border & padding issues */

	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

.searchcontainer {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	height:50px;
	/*background:rgba(0,0,0,0.45);*/
	}

.searchbar {
	position:relative;
	width:960px;
	height:30px;
	margin:0 auto;
	top:10px;
}

.searchzone {
	float:left;
	width:960px;
	height:26px;
	margin-right:40px;
}

.searchbox {float:right; display:inline-block !important; margin-right:200px;}

.search {
	margin-top:30px;
	margin-bottom:30px;
	padding:20px;
	border:2px solid #dad7d7;
	border-radius:30px;
	background:#e5e4e4;
	box-shadow:0 0 20px #ccc;
}

.searchbtn {width:60px !important; float:right; display:inline-block !important; margin-right:10px; margin-top:-2px; cursor:pointer; -webkit-appearance: none;}

.searchbox {position:relative; width:130px !important; margin-top:3px !important;}

input.searchbox {background:rgba(0,0,0,0.20) !important; border:2px solid #000 !important; height:20px !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-radius:4px !important;}

.result-category, .result-created, .ordering-box , .only {display: none !important;}

.result-text {margin-bottom:15px !important;}

.result-title {font-size:22px; font-weight:bold; border-bottom:2px solid #ccc; padding-bottom:5px;}

.pagination {margin-top:20px; background:#000; height:24px; padding:5px; color:#ccc; text-shadow:none !important; border-radius:20px;}

.pagination ul li {display:inline; padding:5px; position:relative;}



/* #Forms

================================================== */

	form {

		margin-bottom: 20px; }

	fieldset {

		margin-bottom: 20px; }

	input {
	width:180px;
	height:28px;
	font: 14px 'Open Sans Condensed', sans-serif;	
	color:#999;
	padding-left:5px;
	}

	select {
	background:#eee !important;
	color:#000 !important;
	cursor:pointer;	
	}

	input[type="radio"], input[type="checkbox"]{
	width:16px !important;
	height:16px !important;
	}

	input[type="radio"]{
	vertical-align:bottom;	
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select, .nav.unite-nav > li input {
	margin-top:20px;
	margin-bottom:20px;	
	background:#fff;
	border:2px solid #ccc;
	box-shadow:inset 0px 0px 40px #eee;
	border-radius:6px;
	}

	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover,
	select:hover, .nav.unite-nav > li input:hover {
	background:#eee;
	border:2px solid #999;
	box-shadow:inset 0px 0px 40px #eee;
	border-radius:6px;
	}

	.nav.unite-nav > li input {
	width:90% !important;
	height:20px !important;
	}

	textarea {
	width:620px;
	font: 14px 'Open Sans Condensed', sans-serif;	
	color:#666;
	padding-left:5px;
	}

	select {
		padding: 10px; 
		}

	textarea {
		min-height: 60px; 
		}

	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  
		}

	input[type="checkbox"] {
		display: inline; 
		}

	label span,

	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; 
		}
#recaptcha_area input[type="text"]{
	margin:0 !important;
}

/* #Misc

================================================== */

	.remove-bottom { margin-bottom: 0 !important; }

	.half-bottom { margin-bottom: 10px !important; }

	.add-bottom { margin-bottom: 20px !important; }

	.more-bottom { margin-bottom: 30px !important; }

	



/* #Make Youtube Embeds Responsive by wrapping in .video class

================================================== */

	.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	}

	.video {
	box-shadow:0px 0px 20px #666;
	border:2px solid #888;
	}

	.video:hover {
	box-shadow:0px 0px 20px #999;
	}

	.video iframe,
	.video object,
	.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}	

.video iframe:hover {

}

.thumbtitle {text-shadow:none !important; width:120px !important; text-align:left !important; background:#222; padding:5px 0 5px 0; border:2px solid #666; border-radius:6px;}

.thumbtitle:hover {background:#444 !important; border-color:#888 !important;}

.gallery {background:#444 !important; border:2px solid #222; box-shadow:0 0 20px #ccc;}

.prev, .next {margin-top:20px !important;}



/* #Make Images Responsive

================================================== */

img {
	max-width:100%;
}

.styleimg {
	border-top:2px solid #000;
	border-left:2px solid #111;
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	box-shadow: inset 0px 0px 20px #000, 0px 0px 20px #111;
	border-top-left-radius:30px;
	border-bottom-right-radius:30px;
}

.styleimg:hover {
	border-top:2px solid #C60000;
	border-left:2px solid #DF4800;
	border-right:2px solid #FC0;
	border-bottom:2px solid #FF3;
	box-shadow: inset 0px 0px 20px #F60, 0px 0px 20px #F60;
}

/* #Clearing

================================================== */


    /* Self Clearing Goodness */

    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



    /* Use clearfix class on parent to clear nested columns,

    or wrap each row of columns in a <div class="row"> */

    .clearfix:before,

    .clearfix:after,

    .row:before,

    .row:after {

      content: '\0020';

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0; }

    .row:after,

    .clearfix:after {

      clear: both; }

    .row,

    .clearfix {

      zoom: 1; }



    /* You can also use a <br class="clear" /> to clear columns */

    .clear {

      clear: both;

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0;

    }
.item-separator {border-top:4px double #ccc; margin-top:30px; margin-bottom:50px;}