/*-- normalize.css v3.0.2 | MIT License | git.io/normalize --*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-y: scroll; }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none }
a { background-color: transparent }
a:active, a:hover, a:focus { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
mark { background: #ff0; color: #000; }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
menu, ol, ul { padding: 0 0 0 0 }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: textfield; /*-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;*/ }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
blockquote { color: #777; margin: 10px 0 20px 15px; padding: 5px 0 5px 15px; border-left: 3px solid #cccccc; }
blockquote p { color: #777; }
blockquote cite { display: block; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a { color: #555555; }
blockquote cite a:visited { color: #555555; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
iframe { border: 0; }

.cfix:before, .cfix:after { content: "."; display: block; height: 0; overflow: hidden; }  
.cfix:after { clear: both; }  
.cfix { zoom: 1; }  
*, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { font-family: 'Open Sans','Helvetica Neue', Helvetica, Verdana, Tahoma, Arial, sans-serif; }
body {  font-size: 14px; line-height: 1.65em; text-align: left; color: #555555; background: #fff; }
nav ul, nav ol, #nav ul, #navbar ul, #nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* ----------------------------------------------------------------------------
	Containers  & Grid
----------------------------------------------------------------------------- */
.wrap { width: 100%; }
.container, .row, .hero {
	display: block;
	margin: 0 auto;
	width: 94%;
	max-width: 1080px; /* 1050px content area */
}
.hero {
	max-width: 1050px; /* 1050px content area */
	width: 91.4%;      /* somehow makes this .hero section same width as a .twelve inside a .container */
}
.container.boxed {
	width: 100%;
	max-width: 1050px; /* 1050px/990px content area */
	background: #e1e1e1
}
.container.boxed.wide {
	max-width: 1110px; /* 1110px/1050px content area */
}
.container .row {
	clear: both;
	width: auto;
}
.container.boxed .row {
	width: auto;
	margin-left: 1.4285714285714286%;
	margin-right: 1.4285714285714286%;
}
.container.boxed .hero {
	width: auto;
	margin-left: 2.857142857142857%;
	margin-right: 2.857142857142857%;
}
.container.boxed.wide .row {
	width: auto;
	margin-left: 1.3513513513513513%;
	margin-right: 1.3513513513513513%;
}
.container .row .row, .container.boxed .row .row, .one .row, .two .row, .three .row, .four .row, .five .row, .six .row, .seven .row, .eight .row, .nine .row, .ten .row, .eleven .row, .twelve .row {
	width: auto !important;
	margin-top: 20px;
	margin-left: -1.3888888888888888% !important;
	margin-right: -1.3888888888888888% !important;
	margin-bottom: 20px;
}
.oldie .wrap { min-width: 1080px; }  /* for non-responisve IE8 */
.oldie .container { min-width: 1080px; }  /* change this to the max-width of the .container for IE8 */
.oldie .hero { min-width: 1050px; }  /* for non-responisve IE8 */
/* --- 12 Column Grid --- */
.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .boxed.wide .one, .boxed.wide .two, .boxed.wide .three, .boxed.wide .four, .boxed.wide .five, .boxed.wide .six, .boxed.wide .seven, .boxed.wide .eight, .boxed.wide .nine, .boxed.wide .ten, .boxed.wide .eleven, .boxed.wide .twelve {
	display: block;
	float: left;
	position: relative;
	margin-left: 1.3888888888888888%;
	margin-right: 1.3888888888888888%;
	margin-bottom: 30px;
	/*overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;*/
}
.boxed .one, .boxed .two, .boxed .three, .boxed .four, .boxed .five, .boxed .six, .boxed .seven, .boxed .eight, .boxed .nine, .boxed .ten, .boxed .eleven, .boxed .twelve {
	margin-left: 1.4705882352941175%;
	margin-right: 1.4705882352941175%;
}
.row .row .one, .row .row .two, .row .row .three, .row .row .four, .row .row .five, .row .row .six, .row .row .seven, .row .row .eight, .row .row .nine, .row .row .ten, .row .row .eleven, .row .row .twelve {
	margin-bottom: 0;
}
.one.centered, .two.centered, .three.centered, .four.centered, .five.centered, .six.centered, .seven.centered, .eight.centered, .nine.centered, .ten.centered, .eleven.centered, .twelve.centered {
	clear: both;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.one, .boxed.wide .one { width: 5.555555555555555%; }
.two, .boxed.wide .two { width: 13.88888888888889%; }
.three, .boxed.wide .three { width: 22.22222222222222%; }
.four, .boxed.wide .four { width: 30.555555555555557%; }
.five, .boxed.wide .five { width: 38.88888888888889%; }
.six, .boxed.wide .six { width: 47.22222222222222%; }
.seven, .boxed.wide .seven { width: 55.55555555555556%; }
.eight, .boxed.wide .eight { width: 63.888888888888886%; }
.nine, .boxed.wide .nine { width: 72.22222222222221%; }
.ten, .boxed.wide .ten { width: 80.55555555555556%; }
.eleven, .boxed.wide .eleven { width: 88.88888888888889%; }
.twelve, .boxed.wide .twelve { width: 97.22222222222221%; }
.boxed .one { width: 5.392156862745098%; }
.boxed .two { width: 13.725490196078432%; }
.boxed .three { width: 22.058823529411764%; }
.boxed .four { width: 30.392156862745097%; }
.boxed .five { width: 38.72549019607843%; }
.boxed .six { width: 47.05882352941176%; }
.boxed .seven { width: 55.392156862745104%; }
.boxed .eight { width: 63.725490196078425%; }
.boxed .nine { width: 72.05882352941177%; }
.boxed .ten { width: 80.3921568627451%; }
.boxed .eleven { width: 88.72549019607843%; }
.boxed .twelve { width: 97.05882352941177%; }

.container:before, .container:after, .row:before, .row:after, .hero:before, .hero:after, .one:before, .one:after, .two:before, .two:after, .three:before, .three:after, .four:before, .four:after, .five:before, .five:after, .six:before, .six:after, .seven:before, .seven:after, .eight:before, .eight:after, .nine:before, .nine:after, .ten:before, .ten:after, .eleven:before, .eleven:after, .twelve:before, .twelve:after { content: "."; display: block; height: 0; overflow: hidden; }  
.container:after, .row:after, .hero:after, .one:after, .two:after, .three:after, .four:after, .five:after, .six:after, .seven:after, .eight:after, .nine:after, .ten:after, .eleven:after, .twelve:after { clear: both; }  
.container, .row, .hero, .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { zoom: 1; }  

/* --- Responsive Video --- */
.video_box { margin-bottom: 15px; padding-bottom: 56.25%; width: 100%; position: relative; height: 0; }
.video_box > video, .video_box > iframe, .video_box > object, .video_box > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ----------------------------------------------------------------------------
	Fonts for Icons
----------------------------------------------------------------------------- */
@font-face {
  font-family: 'icons';
  src: url('../font/icons.eot');
  src: url('../font/icons.eot#iefix') format('embedded-opentype'),
       url('../font/icons.woff') format('woff'),
       url('../font/icons.ttf') format('truetype'),
       url('../font/icons.svg#icons') format('svg');  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icons';
    src: url('../font/icons.svg?31573121#icons') format('svg');
  }
}
*/
/* ----------------------------------------------------------------------------
	Typography 
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
	margin: 0 0 0.325em 0;
	padding: 0; 
	color: #333; 
	font-family: 'Open Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600; 
	text-rendering: optimizeLegibility; 
	line-height: 1.3em; 
}
h1, .h1 { font-size: 2.441em; }
h2, .h2 { font-size: 1.953em; }
h3, .h3 { font-size: 1.563em; }
h4, .h4 { font-size: 1.25em; }
h5, .h5 { font-size: 1.15em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #CC4433; }
p { margin: 0 0 1em 0; }
a { color: #CC4433; text-decoration: none; outline: none !important; }
a:hover, a:active { /*text-decoration: underline;*/ border-width: 0 0 1px 0; border-style: dotted; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a[href^="tel:"] { color: inherit; border: 0; }
a.img { border: 0; }
.float_left { float: left; }
.float_right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
ul, ol { margin-left: 35px; }
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h1 + ol, h2 + ol, h3 + ol, h4 + ol  { margin-top: 0; }
ul { list-style: circle outside; }
ol { list-style: decimal; margin-left: 35px; }
ul.check, ul.star, ul.carrot { margin-left: 15px; list-style: none outside; }
ul.disc { list-style: disc outside; }
ul.square { list-style: square outside; }
ul.check li, ul.star li, ul.carrot li { padding: 0 0 0 18px; /*background: url(../images/check.png) no-repeat 0 .5em;*/ }
ul.check > li:before { display: inline-block; margin-left: -18px; width: 18px; content: "\E805"; height: inherit; color: #0099FF; font-family: 'icons'; font-size: 12px; vertical-align: top; font-weight: normal !important; }
ul.star > li:before { display: inline-block; margin-left: -18px; width: 18px; content: "\E826"; height: inherit; color: #0099FF; font-family: 'icons'; font-size: 13px; vertical-align: top; font-weight: normal !important; }
ul.carrot > li:before { display: inline-block; margin-left: -13px; width: 13px; content: "\00BB"; height: inherit; color: inherit; font-size: inherit; vertical-align: top; font-weight: normal !important; }
ul.check li li, ul.star li li, ul.carrot li li { padding: 0; /*background: none;*/ }
ul ul, ul ol { margin: 5px 0 5px 20px; }
ol ol, ol ul { margin: 5px 0 5px 20px; list-style: lower-alpha; }
ol ul { list-style: circle; }
ul ol { margin: 5px 0 5px 25px; list-style: decimal; }
ul li, ol li { margin: 5px 0 5px 0; }
dl dt { font-weight: bold; }

/* --- Font Icons --- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-down-arrow:before { content: '\e801'; }
.icon-left-arrow:before { content: '\e802'; }
.icon-right-arrow:before { content: '\e803'; }
.icon-up-arrow:before { content: '\e804'; }
.icon-check:before { content: '\e805'; }
.icon-close:before { content: '\e806'; }
.icon-plus:before { content: '\e807'; }
.icon-minus:before { content: '\e808'; }
.icon-right-arrow-thin:before { content: '\e809'; }
.icon-left-arrow-thin:before { content: '\e810'; }
.icon-angle-down:before { content: '\e811'; }
.icon-angle-up:before { content: '\e812'; }
.icon-facebook:before { content: '\e813'; }
.icon-twitter:before { content: '\e814'; }
.icon-gplus:before { content: '\e815'; }
.icon-linkedin:before { content: '\e816'; }
.icon-pinterest:before { content: '\e817'; }
.icon-tumblr:before { content: '\e818'; }
.icon-menu:before { content: '\e819'; }
.icon-chat:before { content: '\e820'; }
.icon-phone:before { content: '\e821'; }
.icon-down-arrow-thin:before { content: '\e822'; }
.icon-up-arrow-thin:before { content: '\e823'; }
.icon-angle-right:before { content: '\e824'; }
.icon-angle-left:before { content: '\e825'; }
.icon-star:before { content: '\e826'; }
.icon-search:before { content: '\e827'; }
.icon-lock:before { content: '\e828'; }

a.social {
    display: inline-block;
    height: 45px;
    width: 45px;
    margin: 0 4px 10px 0;
	color: #fff !important;
	background-color: #ccc;
	font-size: 22px;
	text-align: center;
    overflow: hidden;
    vertical-align: middle;
	border: 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
}
a.social [class^="icon-"]:before, a.social [class*=" icon-"]:before {
	display: block;
	margin: 0;
	padding: 0;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
}
a.social:hover, a.social:active { 
	font-size: 24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a.social.facebook:hover, a.social.facebook:active { background-color: #3f5495; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a.social.twitter:hover, a.social.twitter:active { background-color: #5d87c4; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a.social.linkedin:hover, a.social.linkedin:active { background-color: #2575b2; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a.social.google_plus:hover, a.social.google_plus:active { background-color: #cc4436; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a.social.pinterest:hover, a.social.pinterest:active { background-color: #c2142f; -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* ----------------------------------------------------------------------------
	Forms Elements 
----------------------------------------------------------------------------- */
form { margin: 0 0 20px 0; width: 100%; overflow: hidden; }
form label { display: inline-block; line-height: 1.625em; cursor: pointer; margin-right: 5px; padding-left: 5px; width: 30%; text-align: right; vertical-align: middle; }
form textarea { height: 150px; }
form fieldset { border-style: solid; border-width: 0.0625em; padding: 1.5625em; border-color: #d8d8d8; margin: 18px 0; }
form fieldset legend { padding: 5px 10px; }
.field { position: relative; max-width: 100%; margin-bottom: 15px; vertical-align: middle; overflow: hidden; }
input, input[type="*"], textarea, .select { display: inline-block; max-width: 100%; width: 60%; padding: 0; margin: 0; border: none; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: auto; vertical-align: middle; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], textarea { -webkit-appearance: none; }
.input { position: relative; padding: 0 10px; background: #fff; border: 1px solid #d8d8d8; height: 36px; line-height: 34px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.input.search { height: 36px; line-height: 34px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; border-radius: 1000px; padding-right: 0; }
textarea.input { height: 100px; min-height: 100px; padding: 5px 0 0 10px; line-height: 1.6em; resize: vertical; }
input:focus, textarea:focus, select:focus { -moz-box-shadow: inset 0 0 3px #ccc; -webkit-box-shadow: inset 0 0 3px #ccc; box-shadow: inset 0 0 3px #ccc; outline: 0; border: 1px solid #ccc; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.select { position: relative; overflow: hidden; border: 1px solid #d8d8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; height: auto; background: #ffffff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background-image: -webkit-linear-gradient(#ffffff, #f2f2f2); background-image: -moz-linear-gradient(#ffffff, #f2f2f2); background-image: -o-linear-gradient(#ffffff, #f2f2f2); background-image: linear-gradient(#ffffff, #f2f2f2); }
.select:after { font-family: 'icons'; font-size: 16px; content: "\E811"; z-index: 0; position: absolute; right: 12px; top: 6px; margin-top: 0; color: inherit; }
.select:first-child { margin-left: 0; }
.select select { position: relative; display: block; min-width: 100%; width: 108%; height: 34px; padding: 6px 0 6px 7px; border: none; background: transparent; outline: 0; -webkit-appearance: none; z-index: 99; cursor: pointer; -moz-transition: none; -webkit-transition: none; transition: none; }
.select select::-ms-expand { display: none; }
.select select option { width: 100%; }
.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #555555; }
.field.textarea label { margin-top: 5px; vertical-align: top; }
.field.block label { display: block; margin-bottom: 2px; width: 100%; text-align: left; }
.field.block.textarea label { margin-top: 0; }
.field.block input, .field.block input[type="*"], .field.block textarea, .field.block .select { display: block; width: 100% !important; }
.field .group { display: inline-block; vertical-align: middle; width: 60%; }
.field .group input { display: inline-block !important; vertical-align: middle; margin-right: 3px; }
label.radio, label.checkbox { display: inline-block; margin: 0 10px 0 0; margin-left: 1px !important; padding-left: 20px; width: auto !important; text-align: left; line-height: 1.5em; vertical-align: middle; }
.field .group label.radio, .field .group label.checkbox { width: auto !important; margin-left: 5px; margin-right: 10px; }
label.radio input, label.checkbox input { display: inline-block; width: 1em; }
label.radio input[type="radio"], label.checkbox input[type="checkbox"] { float: left; margin-top: 0.265em; margin-left: -20px; width: auto !important; }
label.radio.block, label.checkbox.block { display: block; margin: 0; width: 100% !important; }
label.radio.block + label.radio.block, label.checkbox.block + label.checkbox.block { margin-top: 8px; }
label.radio input:focus, label.checkbox input:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; outline: 0; border: 0; }
input[type="submit"], input[type="button"], button { display: inline-block; position: relative; background: #f7f7f7; border: 1px solid #d8d8d8; height: 36px; line-height: 34px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: inline-block; padding: 0 15px; width: 100%; font-size: 100%; cursor: pointer; font-weight: 400; text-shadow: 0 1px 1px #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #ebebeb)); background-image: -webkit-linear-gradient(#f7f7f7, #ebebeb); background-image: -moz-linear-gradient(#f7f7f7, #ebebeb); background-image: -o-linear-gradient(#f7f7f7, #ebebeb); background-image: linear-gradient(#f7f7f7, #ebebeb); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #cccccc; vertical-align: middle; }
input[type="submit"]:hover, input[type="button"]:hover, button:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #f7f7f7)); background-image: -webkit-linear-gradient(#ebebeb, #f7f7f7); background-image: -moz-linear-gradient(#ebebeb, #f7f7f7); background-image: -o-linear-gradient(#ebebeb, #f7f7f7); background-image: linear-gradient(#ebebeb, #f7f7f7); }
input[type="submit"]:active, input[type="button"]:active, button:active { background: #f7f7f7; border: 1px solid #cccccc; }
.input.error { background: #fffce6; border-color: #FF3333; border-style: dashed; }
/* ----------------------------------------------------------------------------
	Buttons 
----------------------------------------------------------------------------- */
.btn { display: inline-block; margin: 10px; padding: 0; text-align: center; position: relative; width: 100%; max-width: 250px; height: 45px; line-height: 46px; font-size: 21px; font-weight: normal; font-family: 'Fjalla One', Tahoma, Verdana;  text-transform: uppercase; color: #444444; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);  -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8); -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8); border: 1px solid #cccccc; background: #f7f7f7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #ebebeb)); background-image: -webkit-linear-gradient(#f7f7f7, #ebebeb); background-image: -moz-linear-gradient(#f7f7f7, #ebebeb); background-image: -o-linear-gradient(#f7f7f7, #ebebeb); background-image: linear-gradient(#f7f7f7, #ebebeb); vertical-align: middle; outline: 0; overflow: hidden; }
.btn:hover, .btn:active { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); border-width: 1px; border-style: solid; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #f7f7f7)); background-image: -webkit-linear-gradient(#ebebeb, #f7f7f7); background-image: -moz-linear-gradient(#ebebeb, #f7f7f7); background-image: -o-linear-gradient(#ebebeb, #f7f7f7); background-image: linear-gradient(#ebebeb, #f7f7f7); }
.btn.flat { border: 0; line-height: 48px; text-shadow: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn.dark.flat { background: #555555; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn.orange.flat { background: #ff9933;  }
.btn.yellow.flat { background: #ffcc00;  }
.btn.green.flat { background: #99cc33; }
.btn.blue.flat { background: #00aeef; }
.btn.red.flat { background: #ff0000; }
.btn.dark { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); border-color: #555555; background: #464D54; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7B8085), color-stop(100%, #464D54)); background-image: -webkit-linear-gradient(#7B8085, #464D54); background-image: -moz-linear-gradient(#7B8085, #464D54); background-image: -o-linear-gradient(#7B8085, #464D54); background-image: linear-gradient(#7B8085, #464D54); -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); }
.btn.dark:hover, .btn.dark:active { background: #464D54; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.btn.orange { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); border-color: #ff6633; background: #ff9933; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9933), color-stop(100%, #ff6633)); background-image: -webkit-linear-gradient(#ff9933, #ff6633); background-image: -moz-linear-gradient(#ff9933, #ff6633); background-image: -o-linear-gradient(#ff9933, #ff6633); background-image: linear-gradient(#ff9933, #ff6633); }
.btn.orange:hover, .btn.orange:active { background: #ff6633; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.btn.yellow { color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); border-color: #C19545; background: #ffcc00; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe300), color-stop(100%, #ff9900)); background-image: -webkit-linear-gradient(#ffe300, #ff9900); background-image: -moz-linear-gradient(#ffe300, #ff9900); background-image: -o-linear-gradient(#ffe300, #ff9900); background-image: linear-gradient(#ffe300, #ff9900); }
.btn.yellow:hover, .btn.yellow:active { background: #ffbb00; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.btn.green { color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); border-color: #76b51c; background: #99cc33; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfe068), color-stop(100%, #76b51c)); background-image: -webkit-linear-gradient(#bfe068, #76b51c); background-image: -moz-linear-gradient(#bfe068, #76b51c); background-image: -o-linear-gradient(#bfe068, #5e9732); background-image: linear-gradient(#bfe068, #76b51c); }
.btn.green:hover, .btn.green:active { background: #bfe068; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.btn.blue { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); border-color: #0099ff; background: #00aeef; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6dcff5), color-stop(100%, #0099ff)); background-image: -webkit-linear-gradient(#6dcff5, #0099ff); background-image: -moz-linear-gradient(#6dcff5, #0099ff); background-image: -o-linear-gradient(#6dcff5, #0099ff); background-image: linear-gradient(#6dcff5, #0099ff); }
.btn.blue:hover, .btn.blue:active { background: #0099ff; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.btn.red { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); border-color: #ff0000; background: #ff6633; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff6633), color-stop(100%, #ff0000)); background-image: -webkit-linear-gradient(#ff6633, #ff0000); background-image: -moz-linear-gradient(#ff6633, #ff0000); background-image: -o-linear-gradient(#ff6633, #ff0000); background-image: linear-gradient(#ff6633, #ff0000); }
.btn.red:hover, .btn.red:active { background: #ff3333; -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* ----------------------------------------------------------------------------
	Tables 
----------------------------------------------------------------------------- */
table { background: #fff; margin: 20px 0; width: 100%; border-collapse: collapse; border-spacing: 0; text-align: left; }
table th { font-size: inherit; font-weight: normal; padding: 8px 15px; text-align: inherit; border-bottom: 1px solid #999; vertical-align: middle; }
table td { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 6px 15px; text-align: inherit; vertical-align: middle; }
table th + tr:first-child td { border-top: 0; }
table tr:hover td, table tr:hover th { color: #333; }
table.rounded { border-collapse: separate; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
table.rounded tr:first-child td { border-top: 0; }
table.rounded tr td { border-bottom: 0; }
table.backed { background: #EDEDED; border: 0;}
table.backed th { background: #e4e4e4; border-bottom: 2px solid #fff; }
table.backed th:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
table.backed th:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
table.backed td { border-top: 1px solid #fff; }
table.backed th:first-child td { border-top: 0; }
table.backed td { border-bottom: 0; }
/* ----------------------------------------------------------------------------
	Dropdown Selects 
----------------------------------------------------------------------------- */
ul.dropdown {
	margin: 10px auto;
	width: auto;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}
ul.dropdown li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.dropdown li span.dropdown, ul.dropdown li a.dropdown {
	display: block;
	margin: 0;
	padding: 0 10px;
	width: auto;
	height: 36px;
	line-height: 34px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #a1c4e5;
	cursor: pointer;
	overflow: hidden;
}
ul.dropdown li span.dropdown:hover, ul.dropdown li span.dropdown:active, ul.dropdown li a.dropdown:hover, ul.dropdown li a.dropdown:active {
	background: #f1f1f1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul.dropdown li span.dropdown:after, ul.dropdown li a.dropdown:after {
	float: right; 
	margin-top: 1px; 
	margin-left: 10px; 
	width: 15px;
	height: inherit; 
	content: "\E811"; 
	color: ineherit;
	font-family: 'icons';
	text-align: center;
	font-size: inherit; 
	vertical-align: top;
}
ul.dropdown li span.dropdown.active:after, ul.dropdown li a.dropdown.active:after {
	content: "\E812"; 
}
ul.dropdown li a:hover {
	text-decoration: none;
	border-bottom: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul.dropdown li .drop {
	display: none;
	float:left;
	margin: 0 0 0 0;
	width: 100%;
	max-height: 300px;
	position: absolute;
	left: -999em; /* Hides the drop down */
	background: #fff;
	top: 35px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	z-index: 10;
	border: 1px solid #a1c4e5;
	overflow-y: auto;
}
ul.dropdown li:hover .drop, ul.dropdown li:hover .drop.active {
	display: block;
	left: 0;
}
ul.dropdown li .drop li {
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	height: auto;
	border-top: 1px dotted #ccc;
}
ul.dropdown li .drop li:first-child {
	border-top: 0;
}
ul.dropdown li .drop li a {
	float: none;
	display: block;
	margin: 0;
	padding: 5px 10px 5px 25px;
	height: auto;
	width: auto;
	text-transform: none;
	color: inherit;
	background: #fff;
	text-align: left;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0;
}
ul.dropdown li .drop li a:hover, ul.dropdown li .drop li a:active {
	background: #f1f1f1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul.dropdown li .drop li a:before {
	display: inline-block; 
	margin-left: -15px; 
	margin-right: 5px;
	width: 10px;
	height: inherit; 
	content: "\00BB"; 
	color: inherit;
	font-family: 'icons';
	text-align: center;
	font-size: inherit; 
	vertical-align: top;
}

/* ----------------------------------------------------------------------------
	Navigation Menu 
----------------------------------------------------------------------------- */
#nav {
	clear: right;
	float: right;
	margin-top: 15px;
	height: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	z-index: 99;
}
#nav ul {
	float: left;
	width: 100%;
	margin: 4px 0;
	position: relative;
	z-index: 10;
}
#nav ul li {
	float: left;
	margin: 0 5px;
	padding: 0;
	height: 32px;
	position: relative;
}
#nav ul li:first-child {
	margin-left: 4px;
	border-left: 0;
}
#nav ul li.last {
	border-right: 0;
}
#nav ul li.right {
	float: right;
	margin-right: 4px;
	border-right: 0;
}
#nav ul li.onmobile {
	display: none;
}
#nav ul li a, #nav ul li span.dropdown {
	float: left;
	margin: 0;
	padding: 0 14px;
	height: 32px;
	border: 0;
	color: #fff;
	background: #555555;
	font-size: 14px;
	font-weight: normal;
	line-height: 34px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
	border-radius: 3px;
	cursor: pointer;
}
#nav ul li a:hover, #nav ul li a:active, #nav ul li a.active, #nav ul li:hover span.dropdown, #nav ul li span.dropdown.active.hover {
	background: #cc0000;
}
#nav ul li:hover a.dropdown, #nav ul li:hover span.dropdown, #nav ul li span.dropdown.active:hover {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#nav ul li:hover {
	z-index: 11;
}
#nav ul li .drop {
	float:left;
	margin: 0;
	width: 260px;
	height: 0;
	max-height: 370px;
	position: absolute;
	/*left: -999em;  Hides the drop down*/
	right: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background: #cc0000;
	top: 95%;
	z-index: 10;
	-webkit-border-radius: 3px 0 3px 3px;
	-moz-border-radius: 3px 0 3px 3px;
	border-radius: 3px 0 3px 3px;
    /*-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
	overflow: hidden;
	overflow-y: auto;
}
#nav ul li:hover .drop, #nav ul li .drop.active {
	display: block;
	padding: 3px 0;
	left: auto;
	right: 0;
	height: auto;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#nav ul li .drop li {
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	height: auto;
}
#nav ul li .drop li a {
	float: none;
	display: block;
	margin: 0;
	padding: 7px 15px 7px 28px;
	height: auto;
	background: transparent;
	text-transform: none;
	text-align: left;
	line-height: 1.5em;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0;
	border-top: 1px dotted #ff6666;
}
#nav ul li .drop li a:before {
	display: inline-block; 
	margin-right: 5px;
	margin-left: -15px;
	width: 10px;
	height: inherit; 
	content: "\00BB"; 
	color: inherit;
	font-family: 'icons';
	text-align: center;
	font-size: inherit; 
	vertical-align: top;
}
#nav ul li .drop li:first-child a {
	border: 0;
}
#nav ul li .drop li a:hover, #nav ul li .drop li a:active {
	background: #990000;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/*---------------mobile menu style---------------*/
#menutoggle {
	display: none;
	margin: 0;
	padding: 0 15px 0 15px;
	width: auto;
	color: #fff;
	background: #cc0000;
	height: 40px;
	font: 16px/41px 'Open Sans','Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
#menutoggle:after {
	display: inline-block; 
	margin-left: 12px; 
	width: 18px;
	height: 40px; 
	line-height: 41px; 
	content: "\e819"; 
	color: inherit;
	font-family: 'icons';
	text-align: center;
	font-size: 18px; 
	vertical-align: top;
}
#menutoggle.active:after {
	content: "\e806"; 
}
#menutoggle:hover, #menutoggle:active, #menutoggle.active { 
	background-color: #990000;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
@media only screen and (max-width: 50em) { /* roughtly 800px/16px */
  #menutoggle { display: block; }
  #nav { 
	  margin: 0;
	  width: 100%;
	  height: 0;
	  overflow: visible;
	  position: relative;
	  z-index: 100;
	  border-top: 1px solid #cc0000;
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
  }
  #nav ul { 
  	  float: none;
	  margin: 0;
	  width: auto;
	  max-height: 0; 
	  background: #cc0000; 
	  overflow: hidden; 
	  -webkit-transition: all 0.3s ease-in 0s;
	  -moz-transition: all 0.3s ease-in 0s;
	  transition: all 0.3s ease-in 0s;
	  -webkit-border-radius: 0 0 4px 4px;
	  -moz-border-radius: 0 0 4px 4px;
	  border-radius: 0 0 4px 4px;
	  top: 1px;
	  border: 0;
  }
  #nav #menutoggle.active + ul {		
	  max-height: 1000px;
  }
  #nav ul li, #nav ul ul.drop li { 
	  float: none !important; 
	  display: block; 
	  margin: 0 !important; 
	  padding: 0 !important;
	  height: auto;
	  overflow: hidden;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  border: 0;
	  border-top: 1px dotted #ff6666;
  }
  #nav ul li:first-child { 
	  border-top: 0;
  }
  #nav ul li.onmobile { display: block; }
  #nav ul li a, #nav ul li span.dropdown, #nav ul li ul.drop li a { 
	  float: none; 
	  display: block; 
	  margin: 0; 
	  padding: 8px 20px;
	  height: auto;
	  background: transparent;
	  line-height: 1.6em;
	  text-align: left; 	
	  font-size: 16px !important;
	  font-weight: normal;
	  font-family: 'Open Sans', 'Helvetica Neue', Tahoma, Arial, sans-serif !important;
	  text-transform: none;
	  -webkit-border-radius: 0 !important;
	  -moz-border-radius: 0 !important;
	  border-radius: 0 !important;
  }
  #nav ul li span.dropdown:after {
	  float: right; 
	  margin-left: 10px; 
	  width: 15px;
	  height: inherit; 
	  content: "\E811"; 
	  color: ineherit;
	  font-family: 'icons';
	  text-align: center;
	  font-size: inherit; 
	  vertical-align: top;
  }
  #nav ul li span.dropdown.active:after {
	  content: "\E812"; 
  }
  #nav ul ul.drop {		
	  display: block;
	  margin: 0;
	  padding: 0 !important;
	  width: 100%;
	  max-height: 0;
	  background: none;
	  opacity: 1;
	  position: relative;
	  top: 0;
	  -webkit-transition: all 0.3s ease-in 0s;
	  -moz-transition: all 0.3s ease-in 0s;
	  transition: all 0.3s ease-in 0s;
  }
  #nav ul li span.dropdown.active + ul.drop {
	  height: auto;
	  max-height: 1000px;
  }
  #nav ul ul.drop li a {		
	  padding-left: 40px !important;
	  background: none;
	  border: 0;
  }
  #nav ul ul.drop li a:hover, #nav ul ul.drop li a.active, #nav ul li:hover span.dropdown, #nav ul li a:hover, #nav ul li a.active { background: #990000; }
}
@media only screen and (max-width: 30em) { /* roughtly 480px/16px */
  #menutoggle { padding: 0 20px 0 20px; }
  #menutoggle span { display: none; }
  #menutoggle:after { margin-left: 0; }
}

/* ----------------------------------------------------------------------------
	ASC Default stuff 
----------------------------------------------------------------------------- */
/* --- price and registration --- */
.price {
	display: inline-block;
	*display: inline;
	margin: 10px;
	padding: 0;
	width: auto;
	height: auto;
	color: #555;
	text-align: center;
	font: bold 0 'Trebuchet MS', 'Droid Serif', Arial, sans-serif;
	overflow: hidden;
	/*text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	zoom: 1;
	vertical-align: middle;
}
.price.ribbon {
	margin-top: -6px;
	margin-bottom: 0;
	padding: 28px 0 0 0;
	width: 140px;
	height: 93px;
	color: #fff;
	background: url(../images/price_bg.png) no-repeat 0 0;
}
.price.burst {
	padding: 60px 0 0 0;
	width: 155px;
	height: 155px;
	color: #fff;
	background: url(../images/price_bg_burst.png) no-repeat 50% 50%;
}
.price span.dollar_sign, .price span.cents {
	display: inline-block;
	margin: 5px 0 0 0;
	font-size: 30px;
	line-height: 30px;
	vertical-align: top;
}
.price span.dollars {
	display: inline-block;
	margin-left: -1px;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -1px;
	vertical-align: top;
}
.price span.cents {
	margin: 4px 0 0 3px;
	letter-spacing: -1px;
}
.price.small span.dollar_sign, .price.small span.cents {
	font-size: 24px;
	line-height: 24px;
}
.price.small span.dollars {
	font-size: 40px;
	line-height: 40px;
}	
.action {
	float: none;
	margin: 20px auto;
	padding: 0 0 5px 0;
	max-width: 450px; 
	height: 75px;
	background: #fff;
	border: 1px solid #00AFF0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
.action .price.ribbon {
	vertical-align: top;
}
.action .btn {
	margin-top: 14px;
	max-width: 200px;
	vertical-align: middle;
}
a.login:before {
	display: inline-block; 
	margin-top: 1px; 
	margin-right: 6px; 
	width: inherit;
	height: inherit; 
	content: "\e828"; 
	color: inherit;
	font-family: 'icons';
	font-weight: normal;
	text-align: center;
	font-size: 105%;
	vertical-align: top;
}
a.livechat:before {
	display: inline-block; 
	margin-right: 5px; 
	width: inherit;
	height: inherit; 
	content: "\e820"; 
	color: inherit;
	font-family: 'icons';
	font-weight: normal;
	text-align: center;
	font-size: 105%;
	vertical-align: top;
}
#footer {
	padding: 15px 0 10px 0;
	color: #999;
	border-top: 1px dashed #ccc;
	overflow: hidden;
}
#footer p {
	margin: 0 0 5px 0;
}
#footer p.trustmark {
	margin: 0;
}
#footer a {
	color: #999;
}
#footer .social a {
	border: 0;
}
#footer img {
	display: inline-block;
}
#footer img.mcafee, #footer #trustwaveSealImage {
	float: left;
	margin: 0 10px 30px 10px;
}
#footer img.bbb {
	float: right;
	margin: 0 10px 30px 10px;
}
#back_top {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 10;
}
#back_top:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
  border: 0;
}
#back_top:before { 
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 42px;
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  content: '\e804';
  font-size: 130%;
}
/* ----------------------------------------------------------------------------
	Start Page Styles 
----------------------------------------------------------------------------- */
body {
	background: #F7F7F7;
}
#header_wrap {
	border-top: 3px solid #CC0000;
	border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 10;
}
#header a.logo {
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 15px;
	border: 0;
	width: 75%;
	max-width: 390px;
}
#header a.logo img { 
	max-width: 100%;
	vertical-align: middle;
}
#header #support {
	float: right;
	margin: 0 5px 0 0;
	width: auto;
}
#header #support p {
	float: right;
	margin: 2px 12px 0 7px;
}
#header #support p strong {
	font-size: 16px;
}
#header #support a.login {
	float: right;
	margin: 0 0 0 0;
	padding: 0 12px 2px 12px;
	font-weight: normal;
	color: #fff;
	background: #CC0000;
	text-decoration: none;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border: 0;
}
#header #support a.login:hover {
	color: #333;
}
#header #support a.livechat:hover:before {
	color: #CC0000;
}
#header #support span.phone {
	margin-right: 5px;
	padding-right: 8px;
	border-right: 1px dotted #333;
}
#header #support a.livechat {
	color: #555;
}
#content_wrap {
	background: #fff url(../images/body_bg.jpg) repeat-x scroll 0 -90px;
	overflow: hidden;
}
#banner {
	margin-top: 0;
	margin-bottom: 0;
}
#banner h1 {
    margin: 30px 0 0 0;
    padding: 10px;
    text-align: center;
    color: #333333;
	font-family: "Trebuchet MS","Open Sans",Verdana,Tahoma,Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 2.8em;
}
#banner h1 span {
    color: #cc0000;
    display: block;
    font-size: 1.4em;
	line-height: 1.2em;
}
#banner .flexslider {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #f2f2f2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 40px solid #f2f2f2;
	border-width: 20px 40px;
}
#banner .slides {
	max-height: 235px;
	overflow: hidden;	
}
#banner a.slide {
	float: left;
	display: block;
	margin-right: 10px;
	width: 225px;
	background: #f8f8f8;
	overflow: hidden;
	text-align: left;
	font-size: 12px;
	border: 0;
	text-decoration: none;
	position: relative;
}
#banner a.slide img {
	padding-bottom: 60px;
	border: 1px solid #cc0000;
	border-bottom: 0;
}
#banner a.slide.soon img {
	border: 0;
}
#banner a.slide.soon {
	cursor: default;
	text-align: center;
}
#banner a.slide span.info {
	display: block;
	padding: 10px 15px 10px 15px;
	width: 100%;
	height: 60px;
	background: #cc0000;
	color: #fff;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	line-height: 1.5em;
}
#banner a.slide span.info span.title {
	display: block;
	margin: 0 0 13px 0;
	padding-right: 10px;
	font: bold 16px/1.3em 'Trebuchet MS', 'Open Sans', Verdana, Tahoma, Helvetica, Arial, sans-serif;
	position: relative;
}
#banner a.slide span.info span.title:after {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-family: 'icons';
	font-style: normal;
	font-weight: normal;
	speak: none;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	content: '\e807';
	font-size: 100%;
	right: 0;
	top: 12px;
	position: absolute;
}
#banner a.slide:hover span.info span.title:after {
	content: '\e808';
}
#main_content {
	padding-top: 50px;
}
#content ul.index {
	font-size: 18px;
	font-weight: 600;
}
#content ul.index li {
	margin-top: 10px;
}

#aside .section {
	margin: 0 auto 10px auto;
	padding: 10px 20px;
	width: 100%;
	max-width: 420px;
	min-height: 60px;
	background: #fff url(../images/selection_bg.jpg) no-repeat 100% 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
}
#aside #find_course {
	padding-bottom: 5px;
}
#aside #find_course h3 {
	margin-top: 5px;
	color: inherit;
	text-align: center;
	color: #CC0000;
}
#aside #find_course .select {
	margin: 10px auto;
	width: 100%;
	max-width: 100%;
}
#aside #find_course input[type=submit] {
	display: block;
	margin: 10px auto 0 auto;
	max-width: 170px;
}
#aside.feature {
	padding-top: 10px;
	padding-left: 2.8%;
	background: url(../images/aside_bg.png) no-repeat 0 50%;
}
#aside.feature ul {
	margin-left: 2px;
}
#aside img {
	display: block;
	margin: 10px auto;
	max-width: 100%;
}
/*----- course options -----*/
#options .line:hover {
	background: #f5f5f5;
}
#options .line {
	padding: 15px 20px 15px 20px;
	vertical-align: middle;
	border-bottom: 1px dotted #3a217d;
	font-size: 0;
	text-align: center;
}
#options .line div {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}
#options .line:first-child {
	border-top: 1px dotted #3a217d;
}
#options .course {
	padding-left: 60px;
	padding-right: 20px;
	width: 60%;
	cursor: pointer;
	text-align: left;
	position: relative;
}
#options .course:before {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-family: 'icons';
	font-style: normal;
	font-weight: normal;
	speak: none;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	content: '\e807';
	font-size: 135%;
	left: 0;
	top: 10px;
	position: absolute;
	zoom: 1;
}
#options .course.open:before {
	content: '\e808';
}
#options .course h3, #options .course p {
	margin: 5px 0;
}
#options .course h3 {
	color: #cc0000;
	font-style: italic;
}
#options .course.open h3 {
	margin-bottom: 5px;
}
#options .pricing {
	width: 20%;
}
#options .pricing .price {
	display: block;
	margin: 0;
	width: auto;
}
#options .register {
	padding: 0 0 0 20px;
	width: 20%;
}
#options .register a.btn {
	display: inline-block;
	width: 100%;
	max-width: 170px;
	margin: 5px 0;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	background: #438bca;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6aa9da), color-stop(100%, #2767b4));
	background-image: -webkit-linear-gradient(#6aa9da, #2767b4);
	background-image: -moz-linear-gradient(#6aa9da, #2767b4);
	background-image: -o-linear-gradient(#6aa9da, #2767b4);
	background-image: linear-gradient(#6aa9da, #2767b4);
	vertical-align: middle;
	border-color: #438bca;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#options .register a.btn:hover {
	background: #438bca;
}
/* --- footer --- */
#footer_wrap {
	padding: 15px 0 0 0; 
	overflow: hidden;
	border-top: 1px solid #e1e1e1;
}
#footer_info {
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	color: #777;
	overflow: hidden;
}
#footer_info h4 {
	margin-bottom: 10px;
	color: #555;
	font-weight: normal;
}
#footer_info h4.bottom {
	margin-top: 30px;
}
#footer_info h4.bottom.short {
	margin-top: 15px;
}
#footer_info .field {
	margin-bottom: 10px;
}
#footer_info .field.alive, .field.alive * {
	display: block;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	border: 0;
}
#footer_info ul {
	margin: 0;
}
#footer_info ul.carrot li {
	padding-left: 14px;
}
#footer_info a {
	color: #777;
}
#footer_info input[type=submit] { 
	margin-top: 5px;
	max-width: 120px;
}

/* ----------------------------------------------------------------------------
	Media Queries 
----------------------------------------------------------------------------- */
@media only screen and (max-width: 67.5em) { /* roughtly 1080px/16px */
	.container.boxed .row { width: 96% !important; margin-left: auto !important; margin-right: auto !important; }
	.container.boxed .hero { width: 93.15% !important; margin-left: auto !important; margin-right: auto !important; }
	.container.boxed .row .row { width: auto !important; }
}
@media only screen and (max-width: 62.5em) { /* roughtly 1000px/16px */
	#banner h1 { font-size: 2.6em; }
}
@media only screen and (max-width: 60em) { /* roughtly 960px/16px */
	#header #support span.phone { display: none; }
	#banner h1 { font-size: 2.5em; }
	#options .course { padding-left: 40px; }
}
@media only screen and (max-width: 56.25em) { /* roughtly 900px/16px */
	/*#main_content { width: 97.22222222222221%; }*/
	#banner h1 { font-size: 2.4em; }
	#course_options + .ten.centered { width: 97.22222222222221%; }
	#options .course { width: 100%; padding-right: 0; }
	#options .pricing, #options .register { width: 35%; margin-top: 15px; min-width: 200px; padding-left: 0; }
}
@media only screen and (max-width: 50em) { /* roughtly 800px/16px */
	.container.break .three, .row.break .three { width: 47.22222222222222%; margin-bottom: 30px; }
	.container.break .three.third, .row.break .three.third { clear: both; }
	.boxed .row.break .three { width: 47.05882352941176%; }
	#header a.logo { margin-left: 0; }
	#header #support { margin-right: 0; }
	#banner h1 { font-size: 2em; }
    #footer p.trustmark, #main_content img.seal { display: none; }
}
@media only screen and (max-width: 48em) { /* roughtly 768px/16px */
	h1, .h1 { font-size: 2.074em; }
	h2, .h2 { font-size: 1.728em; }
	h3, .h3 { font-size: 1.44em; }
	h4, .h4 { font-size: 1.2em; }
	h5, .h5 { font-size: 1em; }
	input, input[type="*"], textarea, .select, .field .group { width: 65%; }

}
@media only screen and (max-width: 43.75em) { /* roughtly 700px/16px */
    #header #support p { display: none; }
	#main_content #content, #main_content #aside { width: 97.22222222222221%; margin-bottom: 20px; }
	#aside.feature { padding-top: 0; }
	#banner .slides { max-height: 265px; }
	#main_content { padding-top: 25px; }
}
@media only screen and (max-width: 37.5em) { /* roughtly 600px/16px */
	.four, .break .six, .eight { width: 97.22222222222221%; }
	#content { word-wrap: break-word; overflow-wrap: break-word; }
	#header_wrap { border-top: 0; }
    #header #support { display: none; }
	#options .line { padding-left: 10px; padding-right: 10px; }

}
@media only screen and (max-width: 30em) { /* roughtly 480px/16px */
	h1, .h1 { font-size: 1.702em; }
	h2, .h2 { font-size: 1.524em; }
	h3, .h3 { font-size: 1.366em; }
	h4, .h4 { font-size: 1.125em; }
	h5, .h5 { font-size: 1em; }
	.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { width: 97.22222222222221% !important; margin-bottom: 20px !important; }
	.field label { display: block; margin-top: 0 !important; margin-right: 0; margin-bottom: 2px; width: 100%; text-align: left; }
	.field input, .field input[type="*"], .field textarea, .field .select, .field .group { width: 100% !important; }
	label.radio + label.radio, label.checkbox + label.checkbox { margin-top: 8px !important; }
	#content ul.index { font-size: 16px; font-weight: normal; }
	#banner h1 { font-size: 1.75em; }
	#banner .slides { max-height: 345px; }
	#options .line { padding-left: 0; padding-right: 0; }
	#options .line:hover { background: transparent; }

}
@media only screen and (max-width: 28.75em) { /* roughtly 460px/16px */
	#options .course:before { display: none; }
	#options .course { padding-left: 0; }
	#options .course h3 { text-align: center; }
}
@media only screen and (max-width: 20em) { /* roughtly 320px/16px */
	
}