/*-- normalize.css v1.1.2 | MIT License | git.io/normalize --*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none }
html { font-size: 100%; overflow-y: scroll; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px; line-height: 1.65em; }
html, button, input, select, textarea { font-family: inherit; color: #222; }
::-moz-selection { background: #66ccff; color: #fff; text-shadow: none; }
::selection { background: #66ccff; color: #fff; text-shadow: none; }
/*a:focus { outline: thin dotted }*/
a:focus, a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0 }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none }
q:before, q:after { content: ''; content: none; }
thin { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
dl, menu, ol, ul { margin: 1em 0 }
dd { margin: 0 0 0 0 }
menu, ol, ul { padding: 0 0 0 0 }
nav ul, nav ol, #nav ul, #navbar ul, #nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
form { margin: 0 }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], html input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
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; }
.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', Verdana, Tahoma, Arial, sans-serif; }
body {  font-size: 14px; line-height: 1.65em; text-align: left; color: #555555; background: #F7F7F7; }

/* ----------------------------------------------------------------------------
	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 .row {
	clear: both;
	width: auto;
}
.container .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/IE7 */
.oldie .hero { min-width: 1050px; }
/* --- 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;*/
}
.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 { width: 5.555555555555555%; }
.two { width: 13.88888888888889%; }
.three { width: 22.22222222222222%; }
.four { width: 30.555555555555557%; }
.five { width: 38.88888888888889%; }
.six { width: 47.22222222222222%; }
.seven { width: 55.55555555555556%; }
.eight { width: 63.888888888888886%; }
.nine { width: 72.22222222222221%; }
.ten { width: 80.55555555555556%; }
.eleven { width: 88.88888888888889%; }
.twelve { width: 97.22222222222221%; }

.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, .teb: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%; }

ondesktop { display: block; }
onmobile { display: none; }
/* ----------------------------------------------------------------------------
	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: #444444;
	font-family: 'Titillium Web', 'Open Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal !important;
	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; }
.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: 32px; margin-right: 30px; }
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; }
ul.disc { list-style: disc outside; }
ul.square { list-style: square outside; }
ul.no_style { list-style: none; margin-left: 15px; }
ul.check, ul.star, ul.carrot { margin-left: 15px; list-style: none outside; }
ul.check li, ul.star li, ul.carrot li { padding: 0 0 0 18px; /*background: url(../images/new/check.png) no-repeat 0 .5em;*/ }
ul.check > li:before { display: inline-block; margin-top: -1px; 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-top: -1px; 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 25px; }
ol ol, ol ul { margin: 5px 0 5px 30px; list-style: lower-alpha; }
ol ul { list-style: circle; }
ul ol { margin: 5px 0 5px 30px; 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'; }

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: inline-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; }
form label { display: block; padding-left: 5px; line-height: 1.625em; cursor: pointer; }
form dt { margin: 0; }
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 { max-width: 100%; width: 100%; padding: 0; margin: 0; border: none; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: auto; }
input[type="text"], textarea { -webkit-appearance: none; }
.input { position: relative; padding: 0 8px; 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; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.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 8px; 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; }
.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.multiple {  background: #fff; height: auto; }
.select:after { font-family: 'icons'; font-size: 16px; content: "\E811"; z-index: 0; position: absolute; right: 12px; top: 6px; margin-top: 0; color: #555555; }
.select:first-child { margin-left: 0; }
.select select { position: relative; display: block; min-width: 100%; width: 108%; height: 34px; padding: 7px 0 6px 7px; border: none; background: transparent; outline: 0; -webkit-appearance: none; z-index: 50; cursor: pointer; }
.select.multiple select { padding: 0; height: auto; width: 100%; }
.touch .select.multiple select { padding: 6px 0 6px 7px; height: 34px; }
.select.multiple::after { display: none; }
.select select::-ms-expand { display: none; }
.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #555555; }
.field.inline label { display: inline-block; margin-right: 5px; width: 30%; text-align: right; vertical-align: middle; }
.field.inline.textarea label { margin-top: 5px; vertical-align: top; }
.field.inline input, .field.inline input[type="*"], .field.inline textarea, .field.inline .select { display: inline-block; width: 60% !important; vertical-align: middle; }
label.radio input, label.checkbox input { display: inline-block; margin-right: 2px; width: 1em; }
label.radio, label.checkbox { padding-left: 25px; }
label.radio input[type="radio"], label.checkbox input[type="checkbox"] { float: left; margin-top: 0.27em; margin-left: -20px; }
label.radio input:focus, label.checkbox input:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; outline: 0; }
input[type="submit"], button { 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; }
input[type=submit]: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, button:active { background: #f7f7f7; border: 1px solid #cccccc; }
.input.error { background: #FEF7EA; border-color: #ff9999; }

/* ----------------------------------------------------------------------------
	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 { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); border-width: 1px; border-style: solid; }
.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.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.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; padding: 6px 15px; text-align: inherit; vertical-align: middle; }
table tr:first-child td { border-top: 0; }
table tr:last-child td { border-bottom: 1px dotted #ccc; }
table tbody tr:hover td { 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:last-child td { border-bottom: 0; }
table.backed { background: #EDEDED; border: 0;}
table.backed thead {  }
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; }
/* ----------------------------------------------------------------------------
	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;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #a1c4e5;
	cursor: pointer;
}
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.dropdow 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;
	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-right: 5px;
	width: inherit;
	height: inherit;
	content: "\00BB";
	color: inherit;
	font-family: 'icons';
	text-align: center;
	font-size: inherit;
	vertical-align: top;
}

/*---------------mobile menu style---------------*/
#menutoggle {
	display: none;
	margin: 0;
	padding: 0 15px 0 15px;
	width: auto;
	color: #fff;
	background: #00AFF0;
	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 {
	background-color: #718191;
}
#menutoggle.active {
	background-color: #718191;
	-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 #00AFF0;
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
  }
  #nav ul {
  	  float: none;
	  margin: 0;
	  width: auto;
	  max-height: 0;
	  background: #00AFF0;
	  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 ul.active li a.active {
	  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 #33CCFF;
  }
  #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: 0 20px;
	  height: auto;
	  line-height: 40px;
	  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: 30px !important;
	  background: none;
	  border: 0;
  }
  #nav ul ul.drop li a:hover, #nav ul ul.drop li a:active { background: #718191; }
}
@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', Verdana, Tahoma, Helvetica, 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/new/price_bg.png) no-repeat 0 0;
}
.price.burst {
	padding: 60px 0 0 0;
	width: 155px;
	height: 155px;
	color: #fff;
	background: url(../images/new/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;
}
.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;
}
#asc_refund_policy h3 {
    padding-top: 20px;
    border-top: 1px dotted #ccc;
}
a.phone { border: 0; }
a.phone i {
    display: inline-block;
    margin: 0 10px 0 0;
    height: 35px;
    width: 35px;
    font-size: 1.4em;
    color: #ccc;
    line-height: 30px;
    border-radius: 50%;
    border: 2px solid #ccc;
    vertical-align: middle;
}
/* ----------------------------------------------------------------------------
	Start Page Styles
----------------------------------------------------------------------------- */
#header_wrap {
	margin: 0 auto 0 auto;
	background: #fff;
	border-top: 2px solid #283b8a;
}
#header {
	height: auto;
	position: relative;
	z-index: 99;
}
#header a.logo {
	float: left;
	margin: 10px 0 10px 5px;
	border: 0;
	max-width: 75%
}
#header a.logo img {
	float: left;
	width: 100%;
}
#header a.logo span {
	float: left;
	margin: 15px 0 0 10px;
	font: 600 18px/1.1em 'Titillium Web', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
#header #support {
	clear: right;
	float: right;
	margin: 0;
	width: auto;
}
#header #support img {
	float: right;
}
#header #support a.login {
	float: right;
	margin: 0 5px 0 0;
	padding: 1px 15px 3px 15px;
	color: #fff;
	font: 14px/1.4em 'Titillium Web', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #283b8a;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	border: 0;
}
#header #support a.login:hover {
	text-decoration: none;
	padding: 1px 14px 3px 16px;
}
#header #support a.liveChat {
	float: right;
	margin: 3px 10px 0 0;
	font: bold 14px/20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	border: 0;
}
#header #support 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;
}
#header #support a.liveChat:hover:before {
	color: #00AFF0;
}
#header #support span.phone {
	float: right;
	margin: 5px 8px 0 0;
	padding: 0 8px 0 0;
	border-right: 1px dotted #333;
	font: normal 14px/1.1em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}
#header #support span.phone span {
	font-weight: bold;
}
#header #search_box {
	clear: right;
	float: right;
	margin: 15px 5px 15px 0;
	width: 300px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#header #search_box span.label {
	float: right;
	margin: 0 5px 0 0;
	color: #555;
	line-height: 30px;
}
#header #search_box form {
	float: right;
	margin: 0;
	diplay: block;
	height: 30px;
	position: relative;
	/*border: 1px solid #d7d7d7;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#header #search_box form input {
	margin: 0;
	font-size: 12px;
	vertical-align: baseline;
	*vertical-align: middle;
	line-height: normal;
	*overflow: visible;
}
#header #search_box input#input-search {
	float: left;
	margin: 0;
    padding: 0 45px 0 5px;
	width: 240px;
	height: 30px;
	line-height: 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	border: 0;
	color: #555;
	border: 1px solid #d7d7d7
}
#header #search_box input#go {
	display: block;
	margin: 0;
    padding: 0;
	width: 38px;
	height: 26px;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px 0 #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 0;
	background: #283b8a;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#ffb459), to(#ff761c));
	background: -moz-linear-gradient(top,  #ffb459,  #ff761c);
	background: linear-gradient(top, #ffb459, #ff761c);*/
	position: absolute;
	right: 2px;
	top: 2px;
	cursor: pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#header #search_box input#go:hover {
 	background: #142362;
}
/* --- Navigation Menu --- */
#nav {
	clear: both;
	margin-bottom: 3px;
	height: 40px;
	background: #414b4e;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	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;
	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);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
	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: #718191;
}
#nav ul li.right a {
	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	background: #ffffff;
}
#nav ul li.right a:hover, #nav ul li.right a:active, #nav ul li.right a.active {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	background: #718191;
}
#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: 240px;
	height: 0;
	position: absolute;
	/*left: -999em;  Hides the drop down*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background: #718191;
	top: 31px;
	z-index: 10;
	-webkit-border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 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;
}
#nav ul li:hover .drop, #nav ul li .drop.active {
	display: block;
	padding: 3px 0;
	left: 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;
	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 #00AFF0;
}
#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: #00AFF0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* --- banner --- */
#banner_wrap {
	background: #ebebeb;
	position: relative;
	z-index: 10;
}
#banner {
	background-color: #fff;
	position: relative;
	z-index: 10;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#banner h2 {
	margin: 0 0 0 0;
	padding: 10px 25px 10px 25px;
	color: #fff;
	font-family: 'Titillium Web', 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 600;
	position: absolute;
	top: 50px;
	left: 0;
	background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.6);
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	z-index: 2;
}
.oldie #banner h2 {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#banner h3 {
	margin: 15px 0 0 35px;
	color: #000;
	font-family: 'Titillium Web', 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 600;
	z-index: 2;
}
#banner .slides {
	width: 100%;
	height: auto;
}
#banner .item_content {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
#banner.inner .item_content {
	max-height: 300px;
}
#banner .item_content img.banner_img {
	display: block;
    width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
#banner .desc {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.6);
	z-index: 2;
}
.oldie #banner .desc {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#banner .desc p {
	margin: 15px 25px 30px 25px;
	color: #fff;
}
#banner .desc a.learnmore {
	display: inline-block;
	margin: 0 0 0 10px;
	/*border: 0;*/
	color: #f65956;
	font-weight: 600;
}
#banner .desc a.learnmore:hover {
	/*text-decoration: underline;*/
	margin-bottom: -1px;
}
/* --- contents --- */
#content_wrap {
	background: #fff;
	border-top: 1px solid #EBEBEB;
}
#content {
	margin: 0 auto;
	padding: 30px 0 10px 0;
}
#find_course  {
	margin-top: -28px;
	padding: 10px 15px;
	background: #414b4e;
	text-align: center;
	overflow: hidden;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#find_course #catalog  {
	margin: 0;
}
#find_course h3  {
	display: inline-block;
	margin: 5px 7px;
	font-size: 21px;
	color: #fff;
	vertical-align: middle;
}
#find_course .select {
	display: inline-block;
	margin: 5px 7px;
	max-width: 260px;
	vertical-align: middle;
	border: 0;
}
#find_course input[type=submit] {
    display: inline-block;
    margin: 5px 7px;
    padding: 0;
    width: 120px;
    height: 34px;
    color: #fff;
    font: 600 18px/34px 'Titillium Web', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    background: #e4161c;
    background: -webkit-gradient(linear, left top, left bottom, from(#e9302a), to(#e4161c));
    background: -moz-linear-gradient(top, #e9302a, #e4161c);
    background: linear-gradient(top, #e9302a, #e4161c);
    cursor: pointer;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#find_course input[type=submit]:hover {
 	background: #be070c;
}
#content .category h2 {
	margin-top: 0;
	color: #0099ff;
	line-height: 1.4em;
	font-weight: normal;
	text-align: center;
}
#content .category p {
	text-align: justify;
}
#content  #partners {
	padding: 20px 0 0 0;
	background: #f4f4f4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}
#content #partners h4 {
	margin: -10px 20px 0 20px;
}
#content #partners #logos {
	margin: 0 auto;
	width: 98%;
	height: 130px;
	overflow-x: scroll;
	overflow-y: hidden;
}
#content #partners ul.partners {
	margin: 10px 0;
	padding: 0;
}
#content #partners ul.partners li {
	display: inline-block;
	*display: inline;
	margin: 0 15px;
	vertical-align: middle;
	zoom: 1;
}
#content .contact .row {
	font-size: 0;
}
#content .contact .four {
	float: none;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px;
	vertical-align: top;
}
#course_catalog.row {
	margin-bottom: 20px;
	overflow: hidden;
}
#course_catalog h1 {
	margin-top: 0;
	margin-bottom: 10px;
}
#course_catalog .four {
    margin: 0;
    padding: 0 2.38095% 10px;
    width: 33.3333%;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}
#course_catalog .four.middle {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#course_catalog h2 {
	font-size: 1.25em;
	margin-top: 10px;
	margin-left: -3% !important;
	margin-right: -3% !important;
	margin-bottom: 20px;
	padding: 10px 5px;
	color: #fff;
	background: #A4A6A6;
	font-weight: 600 !important;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#course_catalog .item {
	overflow: hidden;
}
#course_catalog img.icon {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
#course_catalog h3 {
	font-size: 1.15em;
}
#course_catalog p {
	overflow: hidden;
}
form[name=resellerForm] {
	margin-top: 30px;
	margin-top: 30px;
}
/* --- sideabar --- */
#aside h3.top {
	margin-top: 15px;
}
#aside .section {
	margin: 0 auto 10px auto;
	padding: 10px 14px;
	width: 100%;
	max-width: 420px;
	min-height: 60px;
	background: #fff url(../images/new/section_bg.jpg) no-repeat 100% 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #9cf;
}
#aside img.img_aside {
	display: block;
	margin: 15px auto;
	width: auto;
	max-width: 100%;
}
#aside img.img_aside.medium {
	max-width: 250px;
}
#aside img.img_aside.wide {
	max-width: 300px;
}
#aside #find_course h3 {
	color: inherit;
}
#aside #find_course .select {
	margin: 10px auto;
	max-width: 280px;
	border: 1px solid #D8D8D8;
}

#reviews {
	padding: 30px 0 15px 0;
    border-top: 1px solid #e5ecf4;
    /*border-bottom: 1px solid #e5ecf4;*/
	background: #fafafa;
}
#reviews blockquote {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 1.35em;
	line-height: 1.4em;
    font-weight: 400;
	color: #444;
	border: 0;
	/*font-family: "Roboto Slab","Open Sans","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif !important;*/
}
#reviews blockquote p {
	margin: 0;
	padding: 0;
	font-family: "Georgia","Open Sans","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-style: italic;
}
#reviews blockquote p:before, #reviews blockquote p:after {
	margin-right: 8px;
	display: inline-block;
	content: '\201C';
	color: #ccc;
	font-family: serif;
	font-size: 36px;
	font-weight: bold;
	vertical-align: middle;
	font-style: normal;
}
#reviews blockquote p:after {
	margin-left: 8px;
	content: '\201D';
}
#reviews blockquote p a {
	color: inherit;
    border: 0;
}
p.reviewer {
	margin-bottom: 20px;
	color: #777;
}
p.more_reviews {
	font-family: "Fjalla One","Open Sans","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}
p.more_reviews a.shopperlink {
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
}
p.more_reviews a.shopperlink img {
    display: inline-block;
    vertical-align: middle;
}

/* --- footer --- */
#footer_wrap {
	padding: 15px 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;
}
#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;
}
#footer {
	padding: 15px 0 0 0;
	color: #999;
	border-top: 1px dotted #ccc;
	overflow: hidden;
}
#footer p {
	margin: 5px 0 5px 0;
}
#footer p.trustmark {
	margin: 0;
}
#footer a {
	color: #999;
}
#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;
}
/* --- Searh Results --- */
#search_results .webResult {
	margin: 20px 0;
}
#search_results .webResult p {
	margin: 0 0 5px 0;
}
#search_results .webResult p + a {
	color: #999999;
}
#more span.btn {
	display: block;
    margin: 40px auto 40px auto;
    width: 170px;
	font-size: 16px;
	text-shadow: none;
}

/*---------------mobile menu style---------------*/
#menutoggle {
	display: none;
	margin: 0;
	padding: 0 15px 0 15px;
	width: auto;
	color: #fff;
	background: #414b4e;
	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 {
	background-color: #718191;
}
#menutoggle.active {
	background-color: #718191;
	-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: 53em) { /* roughtly 800px/16px */
  #menutoggle { display: block; }
  #header #search_box { display: none; }
  #nav {
	  margin: 0 0 3px 0;
	  width: 100%;
	  height: 0;
	  overflow: visible;
	  position: relative;
	  z-index: 100;
	  border-top: 1px solid #00AFF0;
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
  }
  #nav ul {
  	  float: none;
	  margin: 0;
	  width: auto;
	  max-height: 0;
	  background: #718191;
	  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 #menutoggle.active + ul li a.active {
	  background: #00AFF0;
  }
  #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 #33CCFF;
  }
  #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;
	  line-height: inherit;
	  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: inherit;
	  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 li.right a {
  	  background: none;
	  color: #fff;
	  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  }
  #nav ul li.right a:hover {
  	  background: #718191;
  }
  #nav ul ul.drop li a:hover, #nav ul ul.drop li a.active, #nav ul ul.drop li a:active { background: #00AFF0 !important; }
  #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: #00AFF0;
}
}
@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; }
}
.red { color: #bb2026; }
.employeespotlight {
	margin-top: 40px;
	background: #F7F7F7;
	padding: 20px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
}
img.ceo {
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.ceodetail {
	margin-left: 250px;
}
img.spotlight {
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}
.spotlightdetail {
	margin-right: 250px;
}
.asclogo img {
	max-width: 100%;
}
/* ----------------------------------------------------------------------------
	Media Queries
----------------------------------------------------------------------------- */
@media only screen and (max-width: 60em) { /* roughtly 960px/16px */
	#header a.logo img { max-width: 290px; }
    #find_course h3, #find_course input[type="submit"] { display: block; margin-left: auto; margin-right: auto; }
  #find_course .select { max-width: 300px; }
  #find_course input[type="submit"] { margin-top: 10px; width: 170px; }
}
@media only screen and (max-width: 50em) { /* roughtly 800px/16px */
  .break .three { width: 47.22222222222222%; margin-bottom: 30px; }
  .break .three.third { clear:left; }
  .onmobile { display: block !important; }
  #header #support span.phone { display: none; }
  #banner h2 { float: none; top: auto; bottom: 0; padding-bottom: 30px; font-size: 1.563em; position: relative; border-radius: 0; text-align: center; background: transparent; }
  #banner .slides { background: #888888; }
  #banner.inner h2 { font-size: 1.563em; width: 100%; padding-bottom: 10px; position: absolute; text-align: center; }
  #banner .desc { display: none; }
  #content  h1, #content  h2.h2 { font-size: 1.953em; }
  #content .category h2 { font-size: 1.563em; }
  #content .contact .four { width: 47.22222222222222%; }
  #course_catalog .four { width: 100% !important; border: 0 !important; margin-bottom: 0; padding-bottom: 0; font-size: 0; }
  #course_catalog .four h2 { font-size: 21px; }
  #course_catalog .four .item { font-size: 14px; display: inline-block; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; width: 47.22222222222222%; vertical-align: top; }
  .eight.reseller { width: 80%; }
  #footer p.trustmark { display: none; }
}
@media only screen and (max-width: 48em) { /* roughtly 768px/16px */
	img.ceo, img.spotlight { float: none; display: block; margin: 10px auto 20px;	}
	.ceodetail { margin-left: 0; }
	.spotlightdetail { margin-right: 0; }
}
@media only screen and (max-width: 37.5em) { /* roughtly 600px/16px */
  .four, .break .six, .eight { width: 97.22222222222221%; margin-bottom: 10px; }
  #header_wrap { border-top: 0; }
  #header #support { display: none; }
  .ondesktop { display: none !important; }
  #content { word-wrap: break-word; overflow-wrap: break-word; }
  #find_course .select { margin-left: auto; margin-right: auto; }
  #aside img.img_aside { margin: 15px 20px; }
  #course_catalog .four .item { display: block; width: 100%; }
  .eight.reseller { width: 97.22222222222221% !important; }

}
@media only screen and (max-width: 30em) { /* roughtly 480px/16px */
  .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { width: 97.22222222222221% !important; margin-bottom: 20px !important; }
  .field.inline label { display: block; margin-top: 0; margin-right: 0; width: 100%; text-align: left; }
  .field.inline input, .field.inline input[type="*"], .field.inline textarea, .field.inline .select { display: block; width: 100% !important; }
  #header #support, #header #search_box, a.logo span { display: none; }
  #banner h2 { font-size: 1.25em; }
  #content { padding-top: 20px; }
  #content #find_course { margin-top: -18px; }
  #content .contact .row .four { margin-bottom: 10px !important; }

}
@media only screen and (max-width: 20em) { /* roughtly 320px/16px */
  #banner.inner h2 { height: 100%; }
  ul.check, ul.star, ul.carrot { margin-left: 5px; }
}

.chat-floating-btn-container .chat-floating-btn {
	line-height: 11px !important;
}