body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, th, td { margin: 0; padding: 0; border: 0;} img {border: 0;} ol, ul {list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}
.both {clear:both;} br.both {clear:both; display: block; width: 1px; height: 0.001%; font-size: 0px; line-height: 0px; }
.left {float:left;} .right {float:right}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing: border-box;}
.cf:after { content:""; display:table; clear:both; } /* Clearfix */
:focus {border:none; outline:0px none; }
br.both { height:0px; overflow:hidden; }
img.left { float:left; margin-right:20px; }
img.right { float:right; margin-left:20px; }

* { font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif; }

@font-face {
	font-family: 'Open Sans Light';
	src: url('fonts/opensans-light.eot');
	src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/opensans-light.woff') format('woff'),
		 url('fonts/opensans-light.ttf') format('truetype'),
		 url('fonts/opensans-light.svg#OpenSansLightRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Semibold';
	src: url('fonts/opensans-semibold.eot');
	src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/opensans-semibold.woff') format('woff'),
		 url('fonts/opensans-semibold.ttf') format('truetype'),
		 url('fonts/opensans-semibold.svg#OpenSansSemiboldRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pictograms';
	src: url("fonts/pictograms.eot");
	src: url("fonts/pictograms.eot?#iefix") format('embedded-opentype'),
		 url("fonts/pictograms.woff") format('woff'), url("fonts/pictograms.ttf") format('truetype'),
		 url("fonts/pictograms.svg#pictograms") format('svg');
	font-weight: normal;
	font-style: normal;
}

* { font-family: Tahoma, Verdana, Segoe, sans-serif; }

body { background: #e7edf0; max-width:1600px; margin:0 auto; }

h1 { 
font-family: 'Open Sans Semibold', Tahoma, Verdana, Segoe, sans-serif;
font-size:2.8em;
font-weight:normal;
text-transform:uppercase;
}

h2 {
margin-bottom:10px;
color:#53595b;
font-family: 'Open Sans Light', Tahoma, Verdana, Segoe, sans-serif;
font-size:2.25em;
font-weight:normal;
line-height:1.4em;
}

h3, h4 {
color:#3a7ab5;
font-family: 'Open Sans Semibold', Tahoma, Verdana, Segoe, sans-serif;
font-size:1.125em;
font-weight:normal;
text-transform:uppercase;
}

h4 { font-size: 1em;}

h2 a { color:#53595b; }
h1 a, h2 a, h3 a, h4 a { font-family: 'Open Sans Light', Tahoma, Verdana, Segoe, sans-serif; text-decoration:none; }

a { color:#3a7ab5; }
p, ul {
color:#767d7f;
font-size:1em;
line-height:1.6em;
margin-bottom:10px;
}	ul.bullets { margin-left:30px; list-style-type:square;}

.button { 
display:block;
position:relative;
overflow:hidden;
width:100%;
max-width:500px; 
height:40px;
padding:0 10px 0 50px;
margin-bottom:20px;
background: #478fc2; /* Old browsers */
background: -moz-linear-gradient(top, #478fc2 0%, #3b7bb6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#478fc2), color-stop(100%,#3b7bb6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #478fc2 0%,#3b7bb6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #478fc2 0%,#3b7bb6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #478fc2 0%,#3b7bb6 100%); /* IE10+ */
background: linear-gradient(to bottom, #478fc2 0%,#3b7bb6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#478fc2', endColorstr='#3b7bb6',GradientType=0 ); /* IE6-9 */
border:1px solid #336899;
box-shadow:inset 0px 1px 0px #5297c6, 0px 2px 6px rgba(0,0,0,0.1);
color:#d4dee6;
font-family: 'Open Sans Light', Tahoma, Verdana, Segoe, sans-serif;
line-height:40px;
text-align:center;
text-decoration:none;
text-shadow:0px 1px 0px #3975a7;
}	a.button:before { 
	display:block;
	content: attr(data-icon);
	width:38px;
	height:38px;
	position:absolute;
	top:0px; left:0px;
	background:#f00;
	border-right:1px solid #336899;
	background: #5296c6; /* Old browsers */
	background: -moz-linear-gradient(top, #5296c6 0%, #4783ba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5296c6), color-stop(100%,#4783ba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5296c6 0%,#4783ba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5296c6 0%,#4783ba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5296c6 0%,#4783ba 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5296c6 0%,#4783ba 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5296c6', endColorstr='#4783ba',GradientType=0 ); /* IE6-9 */
	font-family: 'pictograms';
	-webkit-font-smoothing: antialiased;
	vertical-align:middle;
	speak: none; /* Not to be trusted, but hey. */
	}
	.button:hover, .button:focus, {
	background: #3b7bb6;
	}
	.button span { font-size:10px; text-transform:uppercase; color:#9ec7dd;}
	
	.button.small {
border:1px solid #336899;
background: #f0f4f6;
background: -moz-linear-gradient(top, #f6f8fa 0%, #f0f4f6 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8fa), color-stop(30%,#f0f4f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f8fa 0%,#f0f4f6 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f8fa 0%,#f0f4f6 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6f8fa 0%,#f0f4f6 30%); /* IE10+ */
background: linear-gradient(to bottom, #f6f8fa 0%,#f0f4f6 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8fa', endColorstr='#f0f4f6',GradientType=0 ); /* IE6-9 */
box-shadow:inset 0px 1px 0px #e2e5e7, 0px 2px 6px rgba(0,0,0,0.1);
color:#5296c6;
text-shadow:0px 1px 0px #3975a7;
	height:30px; 
	padding:0px;
	font-family: 'Open Sans Semibold', Tahoma, Verdana, Segoe, sans-serif;
	font-size:12px; 
	line-height:30px;
	text-transform:uppercase;
	margin-bottom:20px;
	}	.button.small:before { visibility:hidden; }
	
	.button.wide { max-width:750px; }
	
a.button.money {
border:1px solid #3a842e;
background: #46a237; /* Old browsers */
background: -moz-linear-gradient(top, #46a237 0%, #3c922f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46a237), color-stop(100%,#3c922f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #46a237 0%,#3c922f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #46a237 0%,#3c922f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #46a237 0%,#3c922f 100%); /* IE10+ */
background: linear-gradient(to bottom, #46a237 0%,#3c922f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a237', endColorstr='#3c922f',GradientType=0 ); /* IE6-9 */
box-shadow:inset 0px 1px 0px #51a743, 0px 2px 6px rgba(0,0,0,0.1);
color:#e7eee5;
text-shadow:0px 1px 0px #39892d;
}	a.button.money:before { 
	border-right:1px solid #3a842e;
	background: #51a743; /* Old browsers */
	background: -moz-linear-gradient(top, #51a743 0%, #47983b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51a743), color-stop(100%,#47983b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #51a743 0%,#47983b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #51a743 0%,#47983b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #51a743 0%,#47983b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #51a743 0%,#47983b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a743', endColorstr='#47983b',GradientType=0 ); /* IE6-9 */
	}

	a.button.money:hover, a.button.money:focus {
	background:#3c922f;
	}
	a.button.money span { color:#96ca7d;}

span.quiet { display:block; width:100%; font-size:12px; font-style:italic; color: #949b9e; margin-bottom:20px; margin-top:-10px; }
	div.intro-wrap span.quiet { text-align:center;  }
 
nav.main { 
width:100%; 
background: #3776b4 url(images/nav-bg.png) repeat;
border-bottom:1px solid #2e68a0;
box-shadow:0px 1px 0px #6baad0, inset 0px -4px 8px rgba(0,0,0,0.05);
position:relative;
z-index:2;
}	nav.main ul { margin-bottom:0px; }
	nav.main ul a { 
	width:50%;
	height:30px;
	display:block;
	float:left;
	padding-left:20px;
	color:#e4eaed;
	font-family: 'Open Sans Light', Tahoma, Verdana, Segoe, sans-serif;
	font-size:.875em;
	font-weight:normal;
	line-height:30px;
	text-align:left;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:0px 1px 0px #396fa7;
	}	nav.main ul a:hover, nav.main ul a:active,
		nav.main ul a:focus, nav.main ul a.active {
		color:#fff;
		font-weight:700;
		}
	
header { 
padding:20px;
background: #4493c4 url(images/header-bg.png) repeat;
border-bottom:1px solid #2e68a0;
box-shadow:0px 1px 0px #f3f8fa, inset 0px -4px 8px rgba(0,0,0,0.05);
position:relative;
z-index:1;
}	header a { text-decoration:none; }
	header span.logo { 
	width:91px;
	height:83px;
	display:block;
	overflow:hidden;
	background: transparent url(images/header-logo.png) no-repeat;
	text-indent:-999px;
	}
	
	header h1 { color:#e3e9ec; text-shadow:0px 1px 0px #407fac; }
	
	header span.caption { font-size:1.5em; font-style:italic; color: #85bbec; text-shadow:0px 1px 0px #407fac; }

	header.small {
	padding-top:30px;
	padding-bottom:20px;
	}
		header.small span.logo { float:left; margin-right:20px; width:45px; height:42px; background-size:100%; }
		header.small h1 { float:left; font-size:2.4em; line-height:1em; }
		header.small span.caption { display:none; }
		
div.wrap { padding:20px; }

header span.image { display:none; visibility:hidden; height:0px width:0px; }

div.feature { margin-bottom:20px; }
	div.feature:last-child, div.feature.last { margin-bottom:0px; }
	div.feature h3 { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #cfd8dc; box-shadow:0px 1px 0px #eef2f4; }
	
a.esword-live { 
display:block;
padding:20px;
background: #4493c4 url(images/header-bg.png) repeat;
border-bottom:1px solid #2e68a0;
border-top:1px solid #2e68a0;
box-shadow:0px 1px 0px #fff, 0px -1px 0px #f3f8fa;
text-decoration:none;
}	a.esword-live h3 { 
	color:#e5ecef;
	font-family: 'Open Sans Light', Tahoma, Verdana, Segoe, sans-serif;
	font-size:24px;
	line-height:1.5em;
	text-transform:none;
	text-shadow:0px 1px 0px #336d97;
	}
	a.esword-live span.button { margin-top:10px; margin-bottom:0px; }
	
.about-wrap { 
background: #f0f4f6;
background: -moz-linear-gradient(top, #f6f8fa 0%, #f0f4f6 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8fa), color-stop(30%,#f0f4f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f8fa 0%,#f0f4f6 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f8fa 0%,#f0f4f6 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6f8fa 0%,#f0f4f6 30%); /* IE10+ */
background: linear-gradient(to bottom, #f6f8fa 0%,#f0f4f6 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8fa', endColorstr='#f0f4f6',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #e2e5e7; 
}

.features-wrap {
border-top:1px solid #fff;
border-bottom:1px solid #cad5d9;
background: #f9fbfb; /* Old browsers */
background: -moz-linear-gradient(top, #f9fbfb 0%, #f5f8f9 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fbfb), color-stop(30%,#f5f8f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9fbfb 0%,#f5f8f9 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9fbfb 0%,#f5f8f9 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9fbfb 0%,#f5f8f9 30%); /* IE10+ */
background: linear-gradient(to bottom, #f9fbfb 0%,#f5f8f9 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfb', endColorstr='#f5f8f9',GradientType=0 ); /* IE6-9 */
}	.features-wrap div.feature h3 {
	border-bottom:0px solid rgba(255,255,255,0.0);
	box-shadow:0px 0px 0px #000;
	margin-bottom:5px;
	padding-bottom:0px;
	}

.review-wrap { 
background: #ecf1f3;
box-shadow:inset 0px 1px 0px #f5f6f7;
}	div.review { margin-bottom:20px; border-bottom:1px solid #cad5d9; }
	div.review span { display:block; clear:both; text-align:left; margin-top:10px; margin-bottom:5px;}
	
footer {
padding:20px;
background: #4993c3 url(images/header-bg.png) repeat;
border-top:1px solid #2e68a0;
box-shadow:0px -1px 0px #f3f8fa, inset 0px 4px 8px rgba(0,0,0,0.05);
}	footer div.section { margin-bottom:20px; }
	footer h3 {
	color:#ccdfe8;
	text-shadow:0px 1px 0px #3b81ae;
	padding-bottom:10px; 
	margin-bottom:10px; 
	border-bottom:1px solid #3173a3; 
	box-shadow:0px 1px 0px #5a9fca;
	}
	
	footer p, footer ul, footer a {
	color:#ccdfe8;
	text-decoration:none;
	font-size:14px;
	line-height:1.6em
	}	footer a:hover { text-decoration:underline;}
	
	footer .section input.email {
	width:100%;
	height:30px; 
	padding:5px;
	margin-bottom:20px;
	background:#4891c2;
	border:1px solid #3278ab;
	color:#ccdfe8;
	font-style:italic;
	text-shadow:0px 1px 0px #4081ad;
	}	footer .section input.email:focus {
		font-style:normal;
		}
	
	footer .section ul li { width:50%; float:left;  }
		
	div.lower-footer {
	width:100%; 
	padding:20px;
	background: #3776b4 url(images/nav-bg.png) repeat;
	border-top:1px solid #2e68a0;
	box-shadow:0px -1px 0px #6baad0, inset 0px 4px 8px rgba(0,0,0,0.05);
	text-align:center;
	}	div.lower-footer p, .lower-footer a { color:#ccdfe8; font-size:12px; margin-bottom:0px;}


ul.timeline li { clear:both; }
ul.timeline span.date { float:left; width:80px; line-height:1.6em; margin-right: 20px; font-style:italic; color:#666d6f; font-size:1em;
line-height:1.6em;
margin-bottom:10px;}
ul.timeline p { margin-left:100px;}
ul.timeline p.big-event { color: #800; }
ul.timeline h3 { margin-top:10px; margin-bottom:10px; }

ul.download-box li { 
max-width:700px;
margin:0 0 6px 6px;
background: #fff;  
font-size:0.75em;
font-weight:normal;
line-height:1em;
}	ul.download-box li a { padding: 12px; display:block; width:100%; height:100%;
font-weight:normal; text-decoration:none; color:#767d7f;}
	ul.download-box li a:hover { text-decoration:underline; }
.training-wrap .button {max-width:500px; }

ul.links li { margin-bottom:20px;}

@media all and (min-width:36em) {
a.esword-live .button { width:200px; float:right; }
}


@media all and (min-width: 45em) {

nav.main { padding: 0 3.75%; }
nav.main ul a { display:inline-block; height:40px; line-height:40px; width:inherit; float:left; padding-left:0px; padding-right:20px; }

header { padding: 3.75%; position:relative; z-index:2; }
div.header-inner { float:left; width:40%; margin-right:3.75% }
	div.header-inner h1 { max-width:100%; }

div.wrap { padding: 3.75%; }
div.intro-wrap { position:relative; z-index:3; padding: 3.75%;}

header span.image {
display:block;
visibility:visible;
width:56.25%;
max-width:700px;
padding-bottom:40%;
float:right;
margin-bottom:-160px;
overflow:hidden;
background: url(images/e-sword.png) no-repeat;
background-size: cover;
box-shadow:0px 0px 10px rgba(0,0,0,0.4);
border-radius:7px;
text-indent:-999px;
}

div.intro-wrap .button { float:left; width: 40%; }
div.intro-wrap span.quiet { float:left; width:40%; clear:both; margin-bottom:30px; }

div.intro-wrap .feature { 
width:30.833333333333333333333333333333%; 
float:left;
margin-right: 3.75%;
margin-bottom:0px;
}	div.intro-wrap .last { margin-right: 0; }

div.features-wrap .feature { clear:none; width:48.125%; float:left; margin: 0 3.75% 3.75% 0;}
	div.features-wrap .feature:nth-child(odd) { margin-right:0%; }
div.features-wrap { padding-bottom:0; }

aside.sidebar-container .button { float:left; margin-right:3.75%; width:48.125%; }
	aside.sidebar-container .button.money { margin-right:0; }
	
div.review-wrap .review { width:48.125%; float:left; margin: 0 3.75% 3.75% 0; clear:none; border-bottom:0px; margin-bottom:0px; }
	div.review-wrap .review:nth-child(even) { margin-right:0%; }
	div.review-wrap .button { width:240px; float:right; margin-bottom:0; }
	
footer div.section { clear:none; width:30.833333333333333333333333333333%; float:left; margin: 0 3.75% 0 0; }
	footer .section:nth-child(3n) { margin-right:0%; }
	footer .section input.button { width: 200px; float:right; }
	
}

@media all and (min-width: 56em) {
header span.image { padding-bottom:38%;}

aside.sidebar-container { float:right; margin-left:3.75%; width:30%; }
	aside.sidebar-container .button { width:100%; margin-right:0;}
div.main-container { width: 66.25%; }

div.features-wrap .feature { clear:none; width:30.833333333333333333333333333333%; float:left; margin: 0 3.75% 3.75% 0;}
	div.features-wrap .feature:nth-child(odd) { margin-right:3.75%; }
	div.features-wrap .feature:nth-child(3n) { margin-right:0%; }
	
}

@media all and (min-width: 60em) {
header span.image { padding-bottom:36%;}

ul.links li { float:left; width:50%; clear:none; margin-bottom:20px;}
	ul.links li:nth-child(even) { float:right; }
}


@media all and (min-width: 64em) {
body .wrap, a.esword-live, header, nav.main, footer { padding-left:5%; padding-right:5%; }
header span.image { padding-bottom:32%; }
header h1 { font-size:2.8em; font-weight:normal; }

}

@media all and (min-width: 84em) {
body .wrap, a.esword-live, header, nav.main, footer { padding-left:8%; padding-right:8%; }

header span.image { padding-bottom:32.2%; margin-bottom:-200px; }
header span.caption { font-size:24px; font-family: 'Open Sans Light', Tahoma, Verdana, Segoe, sans-serif; }

.intro-wrap .button { height:50px; line-height:50px; font-size:24px;}
	.intro-wrap .button:before { width:48px; height:48px; font-size:24px;}
}

/* stop spam */
.mapspots {
	display: none;
}