/*-- 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; font-size: 16px; line-height: 1.65em; }
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;
}
/* 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: #3399ff;
	font-family: 'Roboto Slab', 'Open Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	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); }
.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; margin-top: 1em; mrgin-bottom: 1em; }
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.multiple select { padding: 0; height: auto; width: 100%; }
.touch .select.multiple select { padding: 6px 0 6px 7px; min-height: 34px; }
.select.multiple::after { display: 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); }
/* ----------------------------------------------------------------------------
	ASC Default stuff
----------------------------------------------------------------------------- */
#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 {
	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
----------------------------------------------------------------------------- */
html {
	/*background: #99ccff;	*/
	background: #60A5DC;
}
#header_wrap_error {
	background: #76afe7 url(../../images/banner_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#header_error {
	min-height: 100px;
	padding: 30px 0 45px 0;
	color: #fff;
}
#header_error h1 {
	font-size: 4.5em;
	margin-bottom: 0;
	color: #fff;
}
#header_error h3 {
	font-size: 1.9em;
	color: #fff;
}
.container {
}
#content_error {
	padding-top: 50px;
	padding-bottom: 40px;
}
.form_box {
	display: none;
    padding: 20px;
	width: 100%;
	height: auto;
	border: 1px solid #3399ff;
	border-radius: 5px;
	overflow: hidden;
}
.form_box form {
	margin: 0;
}
.form_box form .buttons {
	margin: 0;
}
.form_box form .btn-submit {
    float: right;
	margin: 5px 0;
    width: 150px;
    background: #3498db;
    border: 0;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    line-height: 47px;
}
.form_box form .btn-submit:hover  {
    background: #353C45;
}
#footer_wrap {
	background: #99ccff;
	color: #fff;
}
#footer p {
	font-family: 'Roboto Slab', 'Open Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	color: #fff;
}

.ErrorMessage {
    display: none;
}

/* ----------------------------------------------------------------------------
	Media Queries
----------------------------------------------------------------------------- */
@media only screen and (max-width: 67.5em) { /* roughtly 1080px/16px */
}
@media only screen and (max-width: 50em) { /* roughtly 800px/16px */
	.row.break .three { width: 47.22222222222222%; margin-bottom: 30px; }
	.row.break .three.third { clear: both; }
	.boxed .row.break .three { width: 47.05882352941176%; }
	#content_error { width: 97.22222222222221%; }
	#header_error h1 { font-size: 3.5em; line-height: 1.2em; margin-bottom: 5px; }
	#header_error h3 { font-size: 1.5em; }
}
@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: 37.5em) { /* roughtly 600px/16px */
	.four, .break .six, .eight { width: 97.22222222222221%; }
	#content_error { word-wrap: break-word; overflow-wrap: break-word; padding-top: 30px; }
	#header_error h1 { font-size: 3em; }
	#header_error h3 { font-size: 1.3em; }
	#footer p { font-size: 1em;
}
@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; }
	#header_error h1 { font-size: 2.5em; }
	#header_error h3 { font-size: 1.2em; }

}
@media only screen and (max-width: 20em) { /* roughtly 320px/16px */

}
