/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, footer, header, nav, section { display: block; }
h1 { font-size: 2em; margin: .67em 0; }
figcaption, figure, main{ display: block; }
figure{ margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active,a:hover{outline-width:0}
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: inherit; font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
audio,video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img { border-style:none; }
svg:not(:root) { overflow: hidden;}
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; color: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{ border-style:none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin:0 2px; padding: .35em .625em .75em; }
legend { box-sizing: border-box; color:inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{ height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}
details, menu { display: block; }
summary { display:list-item }
canvas { display: inline-block; }
template { display: none; }
[hidden] { display: none; }

optgroup { font-weight: 700 }
table { border-collapse: collapse; border-spacing: 0; }
td, th, ul, ol { 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; }

*, :before, :after { box-sizing: border-box; }
html { font-size: 1em; height: 100%; }
body { font-family: 'Open Sans', Verdana, Tahoma, Arial, sans-serif; line-height: 1.65; text-align: left; color: #555555; background-color: #ffffff; height: 100%; text-rendering: optimizeLegibility !important; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ }
nav ul, nav ol, #nav ul, #navbar ul, #nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

.cfix:after { content: ""; display: table; clear: both; }
.img_resp { display: block; width: auto; max-width: 100%; height: auto; }
[role="button"] { cursor: pointer; }

/* ----------------------------------------------------------------------------
	Containers & Grid
----------------------------------------------------------------------------- */
.wrap { width: 100%; }
.container, .row {
	display: block;
	margin: 0 auto;
	/*padding-left: 15px;
	padding-right: 15px;*/
	/*width: 94%;*/
	width: 100%;
	max-width: 1200px; /* 1170px content area */
	/*max-width: 540px;*/
	/*transition: all 0.3s ease 0s;*/
}
.container.boxed {
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	max-width: 1230px;
	/* 1170px content area */
	background: #e1e1e1;
	/* just here for demo */
}
.row {
	clear: both;
	width: auto;
	max-width: 1200px;
	/*margin-left: -15px;
	margin-right: -15px;*/
}
.container.fluid {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1200px; /* 1170px content area */
	/*padding-left: 15px;
	padding-right: 15px;*/
	/*transition: all 0.3s ease 0s;*/
}
.col-xs-1 .row, .col-xs-2 .row, .col-xs-3 .row, .col-xs-4 .row, .col-xs-5 .row, .col-xs-6 .row, .col-xs-7 .row, .col-xs-8 .row, .col-xs-9 .row, .col-xs-10 .row, .col-xs-11 .row, .col-xs-12 .row, .col-sm-1 .row, .col-sm-2 .row, .col-sm-3 .row, .col-sm-4 .row, .col-sm-5 .row, .col-sm-6 .row, .col-sm-7 .row, .col-sm-8 .row, .col-sm-9 .row, .col-sm-10 .row, .col-sm-11 .row, .col-sm-12 .row, .col-md-1 .row, .col-md-2 .row, .col-md-3 .row, .col-md-4 .row, .col-md-5 .row, .col-md-6 .row, .col-md-7 .row, .col-md-8 .row, .col-md-9 .row, .col-md-10 .row, .col-md-11 .row, .col-md-12 .row, .col-lg-1 .row, .col-lg-2 .row, .col-lg-3 .row, .col-lg-4 .row, .col-lg-5 .row, .col-lg-6 .row, .col-lg-7 .row, .col-lg-8 .row, .col-lg-9 .row, .col-lg-10 .row, .col-lg-11 .row, .col-lg-12 .row, .col-xl-1 .row, .col-xl-2 .row, .col-xl-3 .row, .col-xl-4 .row, .col-xl-5 .row, .col-xl-6 .row, .col-xl-7 .row, .col-xl-8 .row, .col-xl-9 .row, .col-xl-10 .row, .col-xl-11 .row, .col-xl-12 .row {
	width: auto !important;
	margin-top: 0;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
    position: relative;
    min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
    width: 100%;
    /*transition: all 0.3s ease 0s;*/
}
.centered, .center_block {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.container:after, .row:after, .col-xs-1:after, .col-xs-2:after, .col-xs-3:after, .col-xs-4:after, .col-xs-5:after, .col-xs-6:after, .col-xs-7:after, .col-xs-8:after, .col-xs-9:after, .col-xs-10:after, .col-xs-11:after, .col-xs-12:after, .col-sm-1:after, .col-sm-2:after, .col-sm-3:after, .col-sm-4:after, .col-sm-5:after, .col-sm-6:after, .col-sm-7:after, .col-sm-8:after, .col-sm-9:after, .col-sm-10:after, .col-sm-11:after, .col-sm-12:after, .col-md-1:after, .col-md-2:after, .col-md-3:after, .col-md-4:after, .col-md-5:after, .col-md-6:after, .col-md-7:after, .col-md-8:after, .col-md-9:after, .col-md-10:after, .col-md-11:after, .col-md-12:after, .col-lg-1:after, .col-lg-2:after, .col-lg-3:after, .col-lg-4:after, .col-lg-5:after, .col-lg-6:after, .col-lg-7:after, .col-lg-8:after, .col-lg-9:after, .col-lg-10:after, .col-lg-11:after, .col-lg-12:after, .col-xl-1:after, .col-xl-2:after, .col-xl-3:after, .col-xl-4:after, .col-xl-5:after, .col-xl-6:after, .col-xl-7:after, .col-xl-8:after, .col-xl-9:after, .col-xl-10:after, .col-xl-11:after, .col-xl-12:after {
	content: "";
    display: table;
    clear: both;
}

.hide, .hidden { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text_hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.affix { position: fixed; }
.float_left { float: left; }
.float_right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }

.col-xs-1 { width: 8.33333333% }
.col-xs-2 { width: 16.66666667% }
.col-xs-3 { width: 25% }
.col-xs-4 { width: 33.33333333% }
.col-xs-5 { width: 41.66666667% }
.col-xs-6 { width: 50% }
.col-xs-7 { width: 58.33333333% }
.col-xs-8 { width: 66.66666667% }
.col-xs-9 { width: 75% }
.col-xs-10 { width: 83.33333333% }
.col-xs-11 { width: 91.66666667% }
.col-xs-12 { width: 100% }
.offset-xs-0 { margin-left: 0% }
.offset-xs-1 { margin-left: 8.33333333% }
.offset-xs-2 { margin-left: 16.66666667% }
.offset-xs-3 { margin-left: 25% }
.offset-xs-4 { margin-left: 33.33333333% }
.offset-xs-5 { margin-left: 41.66666667% }
.offset-xs-6 { margin-left: 50% }
.offset-xs-7 { margin-left: 58.33333333% }
.offset-xs-8 { margin-left: 66.66666667% }
.offset-xs-9 { margin-left: 75% }
.offset-xs-10 { margin-left: 83.33333333% }
.offset-xs-11 { margin-left: 91.66666667% }
.offset-xs-12 { margin-left: 100% }
.pull-xs-0 { right: auto }
.pull-xs-1 { right: 8.33333333% }
.pull-xs-2 { right: 16.66666667% }
.pull-xs-3 { right: 25% }
.pull-xs-4 { right: 33.33333333% }
.pull-xs-5 { right: 41.66666667% }
.pull-xs-6 { right: 50% }
.pull-xs-7 { right: 58.33333333% }
.pull-xs-8 { right: 66.66666667% }
.pull-xs-9 { right: 75% }
.pull-xs-10 { right: 83.33333333% }
.pull-xs-11 { right: 91.66666667% }
.pull-xs-12 { right: 100% }
.push-xs-0 { left: auto }
.push-xs-1 { left: 8.33333333% }
.push-xs-2 { left: 16.66666667% }
.push-xs-3 { left: 25% }
.push-xs-4 { left: 33.33333333% }
.push-xs-5 { left: 41.66666667% }
.push-xs-6 { left: 50% }
.push-xs-7 { left: 58.33333333% }
.push-xs-8 { left: 66.66666667% }
.push-xs-9 { left: 75% }
.push-xs-10 { left: 83.33333333% }
.push-xs-11 { left: 91.66666667% }
.push-xs-12 { left: 100% }
.centered-xs {
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.uncentered-xs {
	float: left;
	clear: none;
	margin-right: 0;
	margin-left: 0;
}

/*@media (min-width: 36em) { /* Small devices (landscape phones, 576px and up) */
@media (min-width: 34.375em) { /* Small devices (landscape phones, 549px and up) */
	.container { width: 94%; max-width: 570px; max-width: 600px; }
	.container.fluid { max-width: 94%; }
    .col-sm-1 { width: 8.33333333% }
    .col-sm-2 { width: 16.66666667% }
    .col-sm-3 { width: 25% }
    .col-sm-4 { width: 33.33333333% }
    .col-sm-5 { width: 41.66666667% }
    .col-sm-6 { width: 50% }
    .col-sm-7 { width: 58.33333333% }
    .col-sm-8 { width: 66.66666667% }
    .col-sm-9 { width: 75% }
    .col-sm-10 { width: 83.33333333% }
    .col-sm-11 { width: 91.66666667% }
    .col-sm-12 { width: 100% }
    .offset-sm-0 { margin-left: 0% }
    .offset-sm-1 { margin-left: 8.33333333% }
    .offset-sm-2 { margin-left: 16.66666667% }
    .offset-sm-3 { margin-left: 25% }
    .offset-sm-4 { margin-left: 33.33333333% }
    .offset-sm-5 { margin-left: 41.66666667% }
    .offset-sm-6 { margin-left: 50% }
    .offset-sm-7 { margin-left: 58.33333333% }
    .offset-sm-8 { margin-left: 66.66666667% }
    .offset-sm-9 { margin-left: 75% }
    .offset-sm-10 { margin-left: 83.33333333% }
    .offset-sm-11 { margin-left: 91.66666667% }
    .offset-sm-12 { margin-left: 100% }
    .pull-sm-0 { right: auto }
    .pull-sm-1 { right: 8.33333333% }
    .pull-sm-2 { right: 16.66666667% }
    .pull-sm-3 { right: 25% }
    .pull-sm-4 { right: 33.33333333% }
    .pull-sm-5 { right: 41.66666667% }
    .pull-sm-6 { right: 50% }
    .pull-sm-7 { right: 58.33333333% }
    .pull-sm-8 { right: 66.66666667% }
    .pull-sm-9 { right: 75% }
    .pull-sm-10 { right: 83.33333333% }
    .pull-sm-11 { right: 91.66666667% }
    .pull-sm-12 { right: 100% }
    .push-sm-0 { left: auto }
    .push-sm-1 { left: 8.33333333% }
    .push-sm-2 { left: 16.66666667% }
    .push-sm-3 { left: 25% }
    .push-sm-4 { left: 33.33333333% }
    .push-sm-5 { left: 41.66666667% }
    .push-sm-6 { left: 50% }
    .push-sm-7 { left: 58.33333333% }
    .push-sm-8 { left: 66.66666667% }
    .push-sm-9 { left: 75% }
    .push-sm-10 { left: 83.33333333% }
    .push-sm-11 { left: 91.66666667% }
    .push-sm-12 { left: 100% }
	.centered-sm {
		float: none;
		clear: both;
		margin-right: auto;
		margin-left: auto;
	}
	.uncentered-sm {
		float: left;
		clear: none;
		margin-right: 0;
		margin-left: 0;
	}
}
@media (min-width: 48em) { /* Medium devices (tablets, 768px and up) */
	.container { width: 94%; max-width: 750px; max-width: 800px }
	.container.fluid { max-width: 94%; }
    .col-md-1 { width: 8.33333333% }
    .col-md-2 { width: 16.66666667% }
    .col-md-3 { width: 25% }
    .col-md-4 { width: 33.33333333% }
    .col-md-5 { width: 41.66666667% }
    .col-md-6 { width: 50% }
    .col-md-7 { width: 58.33333333% }
    .col-md-8 { width: 66.66666667% }
    .col-md-9 { width: 75% }
    .col-md-10 { width: 83.33333333% }
    .col-md-11 { width: 91.66666667% }
    .col-md-12 { width: 100% }
    .offset-md-0 { margin-left: 0% }
    .offset-md-1 { margin-left: 8.33333333% }
    .offset-md-2 { margin-left: 16.66666667% }
    .offset-md-3 { margin-left: 25% }
    .offset-md-4 { margin-left: 33.33333333% }
    .offset-md-5 { margin-left: 41.66666667% }
    .offset-md-6 { margin-left: 50% }
    .offset-md-7 { margin-left: 58.33333333% }
    .offset-md-8 { margin-left: 66.66666667% }
    .offset-md-9 { margin-left: 75% }
    .offset-md-10 { margin-left: 83.33333333% }
    .offset-md-11 { margin-left: 91.66666667% }
    .offset-md-12 { margin-left: 100% }
    .pull-md-0 { right: auto }
    .pull-md-1 { right: 8.33333333% }
    .pull-md-2 { right: 16.66666667% }
    .pull-md-3 { right: 25% }
    .pull-md-4 { right: 33.33333333% }
    .pull-md-5 { right: 41.66666667% }
    .pull-md-6 { right: 50% }
    .pull-md-7 { right: 58.33333333% }
    .pull-md-8 { right: 66.66666667% }
    .pull-md-9 { right: 75% }
    .pull-md-10 { right: 83.33333333% }
    .pull-md-11 { right: 91.66666667% }
    .pull-md-12 { right: 100% }
    .push-md-0 { left: auto }
    .push-md-1 { left: 8.33333333% }
    .push-md-2 { left: 16.66666667% }
    .push-md-3 { left: 25% }
    .push-md-4 { left: 33.33333333% }
    .push-md-5 { left: 41.66666667% }
    .push-md-6 { left: 50% }
    .push-md-7 { left: 58.33333333% }
    .push-md-8 { left: 66.66666667% }
    .push-md-9 { left: 75% }
    .push-md-10 { left: 83.33333333% }
    .push-md-11 { left: 91.66666667% }
    .push-md-12 { left: 100% }
	.centered-md {
		float: none;
		clear: both;
		margin-right: auto;
		margin-left: auto;
	}
	.uncentered-md {
		float: left;
		clear: none;
		margin-right: 0;
		margin-left: 0;
	}
}
@media (min-width: 62em) { /* Large devices (desktops, 992px and up) */
	.container { width: 96%; max-width: 1200px; }
	.container.fluid { max-width: 96%; }
    .col-lg-1 { width: 8.33333333% }
    .col-lg-2 { width: 16.66666667% }
    .col-lg-3 { width: 25% }
    .col-lg-4 { width: 33.33333333% }
    .col-lg-5 { width: 41.66666667% }
    .col-lg-6 { width: 50% }
    .col-lg-7 { width: 58.33333333% }
    .col-lg-8 { width: 66.66666667% }
    .col-lg-9 { width: 75% }
    .col-lg-10 { width: 83.33333333% }
    .col-lg-11 { width: 91.66666667% }
    .col-lg-12 { width: 100% }
    .offset-lg-0 { margin-left: 0% }
    .offset-lg-1 { margin-left: 8.33333333% }
    .offset-lg-2 { margin-left: 16.66666667% }
    .offset-lg-3 { margin-left: 25% }
    .offset-lg-4 { margin-left: 33.33333333% }
    .offset-lg-5 { margin-left: 41.66666667% }
    .offset-lg-6 { margin-left: 50% }
    .offset-lg-7 { margin-left: 58.33333333% }
    .offset-lg-8 { margin-left: 66.66666667% }
    .offset-lg-9 { margin-left: 75% }
    .offset-lg-10 { margin-left: 83.33333333% }
    .offset-lg-11 { margin-left: 91.66666667% }
    .offset-lg-12 { margin-left: 100% }
    .pull-lg-0 { right: auto }
    .pull-lg-1 { right: 8.33333333% }
    .pull-lg-2 { right: 16.66666667% }
    .pull-lg-3 { right: 25% }
    .pull-lg-4 { right: 33.33333333% }
    .pull-lg-5 { right: 41.66666667% }
    .pull-lg-6 { right: 50% }
    .pull-lg-7 { right: 58.33333333% }
    .pull-lg-8 { right: 66.66666667% }
    .pull-lg-9 { right: 75% }
    .pull-lg-10 { right: 83.33333333% }
    .pull-lg-11 { right: 91.66666667% }
    .pull-lg-12 { right: 100% }
    .push-lg-0 { left: auto }
    .push-lg-1 { left: 8.33333333% }
    .push-lg-2 { left: 16.66666667% }
    .push-lg-3 { left: 25% }
    .push-lg-4 { left: 33.33333333% }
    .push-lg-5 { left: 41.66666667% }
    .push-lg-6 { left: 50% }
    .push-lg-7 { left: 58.33333333% }
    .push-lg-8 { left: 66.66666667% }
    .push-lg-9 { left: 75% }
    .push-lg-10 { left: 83.33333333% }
    .push-lg-11 { left: 91.66666667% }
    .push-lg-12 { left: 100% }
	.centered-lg {
		float: none;
		clear: both;
		margin-right: auto;
		margin-left: auto;
	}
	.uncentered-lg {
		float: left;
		clear: none;
		margin-right: 0;
		margin-left: 0;
	}
}
@media (min-width: 75em) { /* Extra large devices (large desktops, 1200px and up) */
	.container.fluid { width: 96%; max-width: 1200px; }
    .col-xl-1 { width: 8.33333333% }
    .col-xl-2 { width: 16.66666667% }
    .col-xl-3 { width: 25% }
    .col-xl-4 { width: 33.33333333% }
    .col-xl-5 { width: 41.66666667% }
    .col-xl-6 { width: 50% }
    .col-xl-7 { width: 58.33333333% }
    .col-xl-8 { width: 66.66666667% }
    .col-xl-9 { width: 75% }
    .col-xl-10 { width: 83.33333333% }
    .col-xl-11 { width: 91.66666667% }
    .col-xl-12 { width: 100% }
    .offset-xl-0 { margin-left: 0% }
    .offset-xl-1 { margin-left: 8.33333333% }
    .offset-xl-2 { margin-left: 16.66666667% }
    .offset-xl-3 { margin-left: 25% }
    .offset-xl-4 { margin-left: 33.33333333% }
    .offset-xl-5 { margin-left: 41.66666667% }
    .offset-xl-6 { margin-left: 50% }
    .offset-xl-7 { margin-left: 58.33333333% }
    .offset-xl-8 { margin-left: 66.66666667% }
    .offset-xl-9 { margin-left: 75% }
    .offset-xl-10 { margin-left: 83.33333333% }
    .offset-xl-11 { margin-left: 91.66666667% }
    .offset-xl-12 { margin-left: 100% }
    .pull-xl-0 { right: auto }
    .pull-xl-1 { right: 8.33333333% }
    .pull-xl-2 { right: 16.66666667% }
    .pull-xl-3 { right: 25% }
    .pull-xl-4 { right: 33.33333333% }
    .pull-xl-5 { right: 41.66666667% }
    .pull-xl-6 { right: 50% }
    .pull-xl-7 { right: 58.33333333% }
    .pull-xl-8 { right: 66.66666667% }
    .pull-xl-9 { right: 75% }
    .pull-xl-10 { right: 83.33333333% }
    .pull-xl-11 { right: 91.66666667% }
    .pull-xl-12 { right: 100% }
    .push-xl-0 { left: auto }
    .push-xl-1 { left: 8.33333333% }
    .push-xl-2 { left: 16.66666667% }
    .push-xl-3 { left: 25% }
    .push-xl-4 { left: 33.33333333% }
    .push-xl-5 { left: 41.66666667% }
    .push-xl-6 { left: 50% }
    .push-xl-7 { left: 58.33333333% }
    .push-xl-8 { left: 66.66666667% }
    .push-xl-9 { left: 75% }
    .push-xl-10 { left: 83.33333333% }
    .push-xl-11 { left: 91.66666667% }
    .push-xl-12 { left: 100% }
	.centered-xl {
		float: none;
		clear: both;
		margin-right: auto;
		margin-left: auto;
	}
	.uncentered-xl {
		float: left;
		clear: none;
		margin-right: 0;
		margin-left: 0;
	}
}

/* --- Responsive Video --- */
.video_wrap { margin-bottom: 15px; padding-bottom: 56.25%; width: 100%; position: relative; height: 0; }
.video_wrap > video, .video_wrap > iframe, .video_wrap > object, .video_wrap > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ----------------------------------------------------------------------------
	Font Icons
----------------------------------------------------------------------------- */
@font-face {
	font-family: 'icons';
	src: url('../font/icons.eot?24804043');
	src: url('../font/icons.eot?24804043#iefix') format('embedded-opentype'),
		 url('../font/icons.woff?24804043') format('woff'),
		 url('../font/icons.ttf?24804043') format('truetype'),
		 url('../font/icons.svg?24804043#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[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%; */
	/* Font smoothing. That was taken from TWBS */
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-dribbble:before { content: '\e801'; }
.icon-instagram:before { content: '\e802'; }
.icon-behance:before { content: '\e803'; }
.icon-linkedin:before { content: '\e804'; }
.icon-facebook:before { content: '\e805'; }
.icon-twitter:before { content: '\e806'; }
.icon-gplus:before { content: '\e807'; }
.icon-pinterest:before { content: '\e808'; }
.icon-tumblr:before { content: '\e809'; }
.icon-down:before { content: '\e810'; }
.icon-left:before { content: '\e811'; }
.icon-right:before { content: '\e812'; }
.icon-up:before { content: '\e813'; }
.icon-left-small:before { content: '\e814'; }
.icon-right-small:before { content: '\e815'; }
.icon-up-small:before { content: '\e816'; }
.icon-down-small:before { content: '\e817'; }
.icon-down-thin:before { content: '\e818'; }
.icon-left-thin:before { content: '\e819'; }
.icon-right-thin:before { content: '\e820'; }
.icon-up-thin:before { content: '\e821'; }
.icon-down-arrow:before { content: '\e822'; }
.icon-left-arrow:before { content: '\e823'; }
.icon-right-arrow:before { content: '\e824'; }
.icon-up-arrow:before { content: '\e825'; }
.icon-menu:before { content: '\e826'; }
.icon-home:before { content: '\e827'; }
.icon-lock:before { content: '\e828'; }
.icon-phone:before { content: '\e829'; }
.icon-chat:before { content: '\e830'; }
.icon-mail:before { content: '\e831'; }
.icon-comment:before { content: '\e832'; }
.icon-at:before { content: '\e833'; }
.icon-star:before { content: '\e834'; }
.icon-search:before { content: '\e835'; }
.icon-zoom:before { content: '\e836'; }
.icon-cog:before { content: '\e837'; }
.icon-link:before { content: '\e838'; }
.icon-share:before { content: '\e839'; }
.icon-check:before { content: '\e840'; }
.icon-cancel:before { content: '\e841'; }
.icon-plus:before { content: '\e842'; }
.icon-minus:before { content: '\e843'; }
.icon-close:before { content: '\e844'; }
.icon-user:before { content: '\e845'; }
.icon-spinner:before { content: '\e846'; }

a.social {
    display: inline-block;
    height: 50px;
    width: 50px;
    margin: 5px;
	color: #fff !important;
	background-color: #ccc;
	background-color: rgba(0,0,0,0.20);
	font-size: 22px;
	text-align: center;
    overflow: hidden;
    vertical-align: middle;
	border: 0 !important;
	border-radius: 30px;
    transition: all 0.15s linear 0s;
}
a.social [class^="icon-"]:before {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 50px;
}
a.social:hover, a.social:active {
	font-size: 24px;
	border-radius: 4px;
	/*transform: rotate(360deg);*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a.social.dribbble:hover, a.social.dribbble:active { background-color: #EA4C89; }
a.social.instagram:hover, a.social.instagram:active { background-color: #49789D; }
a.social.behance:hover, a.social.behance:active { background-color: #1769FF; }
a.social.facebook:hover, a.social.facebook:active { background-color: #3f5495; }
a.social.twitter:hover, a.social.twitter:active { background-color: #5d87c4; }
a.social.linkedin:hover, a.social.linkedin:active { background-color: #2575b2; }
a.social.gplus:hover, a.social.gplus:active { background-color: #cc4436; }
a.social.pinterest:hover, a.social.pinterest:active { background-color: #c2142f; }
a.social.tumblr:hover, a.social.tumblr:active { background-color: #529ECC; }
/* ----------------------------------------------------------------------------
	Typography
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
	/*margin: 25px 0 15px 0;*/
	margin: .5em 0 0.5em 0;
	padding: 0;
	color: #1f57a9;
	font-family: 'Roboto Slab', 'Open Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400 !important;
	text-rendering: optimizeLegibility;
	line-height: 1.4;
}
h1, .h1 { font-size: 1.602em; margin-top: 0; }
h2, .h2 { font-size: 1.424em; }
h3, .h3 { font-size: 1.266em; }
h4, .h4 { font-size: 1.125em; }
h5, .h5 { font-size: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #CC4433; }
p { margin: 0 0 1.3em 0; }
a { color: #CC4433; text-decoration: none; outline: none !important; }
a:hover, a:active { /*text-decoration: underline;*/ border-width: 0 0 1px 0; border-style: dotted; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a[href^="tel:"] { color: inherit; border: 0; }
a.img:hover, a.img:active { text-decoration: none; border: 0; }
ul, ol { margin-left: 35px; margin-top: 1em; margin-bottom: 1em; }
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h1 + ol, h2 + ol, h3 + ol, h4 + ol  { margin-top: 0; }
ul { list-style: disc outside; }
ol { list-style: decimal; }
ul.check, ul.star, ul.carrot { margin-left: 15px; list-style: none outside; }
ul.disc { list-style: disc outside; }
ul.circle { list-style: circle outside; }
ul.square { list-style: square outside; }
ul.check li, ul.star li, ul.carrot li { padding: 0 0 0 22px; }
ul.carrot li { padding: 0 0 0 16px; }
ul.check > li:before, ul.star > li:before, ul.carrot > li:before { display: inline-block; margin-top: 1px; margin-left: -22px; width: 22px; content: "\e840"; height: inherit; color: #0099FF; font-family: 'icons'; font-size: 14px; vertical-align: top; font-weight: normal !important; }
ul.star > li:before { content: "\e834"; }
ul.carrot > li:before { margin-top: -1px; margin-left: -16px; width: 16px; content: "\00BB"; color: inherit; font-size: inherit; }
ul.check li li, ul.star li li, ul.carrot li li { padding: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 5px 0 5px 25px; }
ol ol { list-style: lower-alpha; }
ol ul, ul ul { list-style: circle; }
ul ol { list-style: decimal; }
ul li, ol li { margin: 5px 0 5px 0; }
dl dt { font-weight: bold; }
#content, #main_content, .break_word { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; }

@media (min-width: 48em) { /* Medium devices (tablets, 768px and up) */
    h1, .h1 { font-size: 1.8em; }
	h2, .h2 { font-size: 1.55em; }
	h3, .h3 { font-size: 1.32em; }
	h4, .h4 { font-size: 1.125em; }
	h5, .h5 { font-size: 1em; }
}
@media (min-width: 62em) { /* Large devices (desktops, 992px and up) */
	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: 1.1em; }
}
@media (min-width: 75em) { /* Extra large devices (large desktops, 1200px and up) */
	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.1em; }
}
/* ----------------------------------------------------------------------------
	Forms Elements
----------------------------------------------------------------------------- */
form { margin: 0 0 20px 0; width: 100%; }
label { display: inline-block; line-height: 1.625em; cursor: pointer; margin-bottom: 2px; padding-left: 3px; width: auto; vertical-align: middle; }
textarea { height: 150px }
fieldset { border-style: solid; border-width: 0.0625em; padding: 1.5625em; border-color: #d8d8d8; margin: 18px 0; }
fieldset legend { padding: 5px 10px }
.form_row { clear: both; position: relative; max-width: 100%; margin-bottom: 10px; vertical-align: middle; overflow: visible; }
input, input[type="*"], textarea, select, .select { display: inline-block; max-width: 100%; width: 100%; padding: 0; margin: 0; border: none; box-shadow: none; overflow: visible; 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; -moz-appearance: none; appearance: none; position: relative; padding: 0 10px; background: #fff; border: 1px solid #cccccc; height: 40px; line-height: 36px; border-radius: 4px; transition: border 0.3s ease 0s, box-shadow 0.3s ease 0s, background 0.3s ease 0s;  }
/*input[type="search"] { height: 40px; line-height: 36px; border-radius: 1000px; }*/
textarea { height: 115px; min-height: 115px; padding: 5px 0 0 10px; line-height: 1.6em; resize: vertical; }
input:focus, textarea:focus, select:focus { background-color: #ffffff; outline: 0; border: 1px solid #a1c4e5; box-shadow: 0 0 3px rgba(43, 153, 255); box-shadow: 0 0 3px rgba(43, 153, 255, 0.5); transition: all 0.3s ease 0s; }
/* this next line is here becasue of IE9 not supporting :invalid - duplicate rules with added selectors */
input:focus, textarea:focus, select:focus, input:invalid:focus, input.invalid:focus { background-color: #ffffff; outline: 0; border: 1px solid #a1c4e5; box-shadow: 0 0 3px rgba(43, 153, 255); box-shadow: 0 0 3px rgba(43, 153, 255, 0.5); transition: all 0.3s ease 0s; }
input.invalid { background: #fffef4; border-color: #f0ad4e; border-style: dashed; }
/* this next line is here becasue of IE9 not supporting :invalid - duplicate rules with added selectors */
input:invalid, input.invalid { background: #fffef4; border-color: #f0ad4e; border-style: dashed; }
button:focus { outline:0; }
.select select { width: 100% !important; }
select { padding: 6px 30px 6px 6px; width: 100%; height: 40px; border: none; background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNDQ0NDQ0O30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTcuNCw5LjNsNC42LDQuNmw0LjYtNC42bDEuNCwxLjRsLTYsNmwtNi02TDcuNCw5LjN6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0wLTAuOGgyNHYyNEgwVi0wLjh6Ii8+Cjwvc3ZnPg==) no-repeat; background-position: right 0.35em center; background-size: 20px 20px; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0; text-overflow: ''; z-index: 99; cursor: pointer; transition: none !important; border: 1px solid #d8d8d8; border-radius: 3px; }
.ie9 select { padding-right: 5px; background-image: none; }
select[multiple] { padding: 4px 0; height: auto; text-indent: 1px; background-image: none; overflow-y: scroll; }
/*.touch select[multiple] { min-height: 38px; height: 38px; padding: 6px 0 6px 7px; }*/
select::-ms-expand { display: none }
select[multiple] option { padding: 2px 10px; width: 100%; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #555555; }
label.spacer { display: none; }
label.radio, label.checkbox { display: inline-block; margin: 4px 15px 4px 0; margin-left: 5px !important; padding-left: 26px !important; width: auto !important; text-align: left !important; vertical-align: middle; position: relative; }
label.radio.block, label.checkbox.block { margin: 4px; width: 100% !important; }
label.radio input[type="radio"], label.checkbox input[type="checkbox"] { display: inline-block; width: 1px; height: 1px; position: absolute; opacity: 0; z-index: -1; top: 3px; left: 3px; }
input[type="radio"] + label, input[type="checkbox"] + label { display: inline-block; margin-left: 3px; padding-left: 0; text-align: left; width: auto; }
input[type="radio"], input[type="checkbox"] { display: inline-block; width: auto; }
input[type="radio"]:focus, input[type="checkbox"]:focus { box-shadow: none; outline: 0; border: 0; }
input[type="radio"]~span:before, input[type="checkbox"]~span:before { display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 2px; border: 2px solid #ccc; content:''; border-radius: 3px; background: #fff; background-size: 5px 5px; background-position: center center; transition: all 0.2s ease 0s; }
input[type="radio"]~span:before { border-radius: 50px; box-shadow: inset 0 0 0 6px #ffffff; }
input[type="radio"]:checked~span:before { border: 2px solid #2B99FF; background: #2B99FF; box-shadow: inset 0 0 0 3px #fff; transition: all 0.2s ease 0s; }
input[type="checkbox"]:checked~span:before { border: 2px solid #2B99FF; background-color: #ffffff; background-position: center center; background-size: 14px 14px; background-repeat:no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMkI5OUZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjEsMy4zbC05LjcsMTBMNC45LDkuMmwtMy43LDMuN2w4LjEsNy44TDIyLjgsN0wxOS4xLDMuM3oiLz4KPC9zdmc+); transition: all 0.2s ease 0s; }
input[type="submit"], input[type="button"], button { display: inline-block; padding: 0 15px; background: #f7f7f7; height: 40px; line-height: 34px; border-radius: 4px; width: 100%; max-width: 220px; font-size: 100%; cursor: pointer; font-weight: 400; text-shadow: 0 1px 1px #fff; background-image: linear-gradient(#f7f7f7, #ebebeb); box-shadow: inset 0 0 3px white; border: 1px solid #cccccc; position: relative; vertical-align: middle; }
input[type="submit"]:hover, input[type="button"]:hover, button:hover { background-image: linear-gradient(#ebebeb, #f7f7f7); }
input[type="submit"]:active, input[type="button"]:active, button:active { background: #f7f7f7; border: 1px solid #cccccc; line-height: 40px; overflow: hidden;  }
.form_row.block { margin-bottom: 10px; }
.form_row.block label { display: block; padding-left: 3px; width: 100%; text-align: left; }
.form_row.block input, .form_row.block input[type="*"], .form_row.block textarea, .form_row.block select { display: block; width: 100%; }
.form_row.block input[type="submit"], .form_row.block input[type="button"], .form_row.block button { display: block; margin-left: auto; margin-right: auto; }
.form_row.block.textarea label, .form_row.block.multiple_select label { margin-top: 0 }
.form_row .form_group { display: inline-block; vertical-align: middle; width: 100%; }
.form_row .form_group input { display: inline-block !important; vertical-align: middle; margin-left: 3px; }
.form_row .form_group input:first-child { margin-left: 0; }
.form_row .form_group label.radio, .form_row .form_group label.checkbox { width: auto !important; margin-left: 5px; margin-right: 10px; }
@media (min-width: 48em) { /* Medium devices (tablets, 768px and up) */
	label.radio, label.checkbox { padding-right: 0 !important; }
	input, input[type="*"], textarea, select, .form_row .form_group, .select { width: 65%; }
	label.spacer { display: inline-block !important; height: 10px; line-height: 10px; }
	.form_row { margin-bottom: 15px; }
	.form_row label { display: inline-block; padding-left: 0; padding-right: 5px; width: 30%; text-align: right; }
	.form_row.textarea label, .form_row.multiple_select label { margin-top: 4px !important; vertical-align: top; }
	.form_row.block .select { width: 100%; }
	/*.touch .form_row.multiple_select label { margin-top: 0 !important; vertical-align: middle; }*/
}
/* ----------------------------------------------------------------------------
	Buttons
----------------------------------------------------------------------------- */
.btn { display: inline-block; margin: 10px; padding: 0; text-align: center; position: relative; width: 100%; max-width: 220px; height: 45px; line-height: 48px; font-size: 21px; font-weight: normal; font-family: 'Fjalla One', Impact, Verdana; text-transform: uppercase; letter-spacing: 0.01em; color: #444444; border-radius: 4px; cursor: pointer; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/ vertical-align: middle; outline: 0; overflow: hidden; /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/ transition: all 0.2s ease 0s; }
.btn.fancy { /*line-height: 46px; box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8); border: 1px solid #cccccc;*/ background: #f7f7f7; background-image: linear-gradient(#f7f7f7, #ebebeb); transition: none;  }
.btn:hover, .btn:active { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); border-width: 0; background-image: linear-gradient(#ebebeb, #f7f7f7); }
.btn.fancy:hover, .btn.fancy:active { /*border-width: 1px; border-style: solid;*/ }
.btn.big { height: 50px; line-height: 54px; }
.btn.big.fancy { /*line-height: 56px;*/ }
.btn.big.outline { line-height: 51px !important; }
.btn.small { height: 39px; line-height: 42px; font-size: 18px; }
.btn.small.fancy { line-height: 41px; }
.btn.small.outline { line-height: 39px !important; }
.btn.dark { color: #fff; background: #555555; }
.btn.orange { color: #fff; background: #FF6633; }
.btn.yellow { color: #333; background: #ffc107; }
.btn.green { color: #fff; background: #5CB865; }
.btn.red { color: #fff; background: #f44336; }
.btn.blue { color: #fff; background: #00aeef; }
.btn[class~=outline] { border: 1px solid #555555; }
.btn.dark.outline { color: #555555; background: transparent; border-color: #555555; line-height: 46px; }
.btn.orange.outline { color: #FF6633; background: transparent; border-color: #FF6633; line-height: 46px; }
.btn.green.outline { color: #5CB865; background: transparent; border-color: #5CB865; line-height: 46px; }
.btn.red.outline { color: #f44336; background: transparent; border-color: #f44336; line-height: 46px; }
.btn.yellow.outline { color: #ffc107; background: transparent; border-color: #ffc107; line-height: 46px; }
.btn.blue.outline { color: #00aeef; background: transparent; border-color: #00aeef; line-height: 46px; }
.btn.pill { border-radius: 100px; }
.btn.dark.fancy { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); background: #555555; background-image: linear-gradient(#7B8085, #464D54);  }
.btn.dark:hover, .btn.dark:active { background: #464D54; }
.btn.dark.outline:hover, .btn.dark.outline:active { background: rgba(85, 85, 85, 0.1); }
.btn.orange.fancy { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); background: #FF6633; background-image: linear-gradient(#ff9933, #ff6633); }
.btn.orange:hover, .btn.orange:active { background: #fb8c00; }
.btn.orange.outline:hover, .btn.orange.outline:active { background: rgba(255, 102, 51, 0.1); }
.btn.green.fancy { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); background: #5CB865; background-image: linear-gradient(#62C462, #51A351); color: #fff; }
.btn.green:hover, .btn.green:active { background: #55ab5d; }
.btn.green.outline:hover, .btn.green.outline:active { background: rgba(92, 184, 101, 0.1); }
.btn.red.fancy { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); background: #f44336; background-image: linear-gradient(#ff6633, #ff0000); }
.btn.red:hover, .btn.red:active { background: #ff5252; }
.btn.red.outline:hover, .btn.red.outline:active { background: rgba(244, 67, 54, 0.1); }
.btn.blue.fancy { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); background: #00aeef; background-image: linear-gradient(#6dcff5, #0099ff); }
.btn.blue:hover, .btn.blue:active { background: #0099ff; }
.btn.blue.outline:hover, .btn.blue.outline:active { background: rgba(0, 174, 239, 0.1); }
.btn.yellow.fancy { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background: #ffcc00; background-image: linear-gradient(#ffe300, #ff9900); }
.btn.yellow:hover, .btn.yellow:active { background: #ffd54f; }
.btn.yellow.outline:hover, .btn.yellow.outline:active { background: rgba(255, 193, 7, 0.1); }
/* ----------------------------------------------------------------------------
	Tables
----------------------------------------------------------------------------- */
.table_wrap { margin: 20px 0; width: 100%; overflow-x: auto; }
table { margin: 0 0 10px 0; width: 100%; background: #fff; border-collapse: collapse; border-spacing: 0; text-align: left; }
table th { font-size: inherit; font-weight: normal; padding: 8px 15px; text-align: inherit; border-bottom: 1px solid #999; vertical-align: middle; }
table td { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 6px 15px; text-align: inherit; vertical-align: middle; }
table th + tr:first-child td { border-top: 0; }
table tr:hover td, table tr:hover th { color: #333; }
table.rounded { border-collapse: separate; border: 1px solid #ccc; border-radius: 4px; }
table.rounded tr:first-child td { border-top: 0; }
table.rounded tr td { border-bottom: 0; }
table.backed { background: #EDEDED; border: 0;}
table.backed th { background: #e4e4e4; border-bottom: 2px solid #fff; }
table.backed th:first-child { border-radius: 4px 0 0 0; }
table.backed th:last-child { border-radius: 0 4px 0 0; }
table.backed td { border-top: 1px solid #fff; }
table.backed th:first-child td { border-top: 0; }
table.backed td { border-bottom: 0; }
/* ----------------------------------------------------------------------------
	Dropdown List
----------------------------------------------------------------------------- */
.dropdown_list { margin: 15px auto; width: auto; position: relative; box-sizing: border-box; }
.dropdown_list li { margin: 0; padding: 0; list-style: none; }
.dropdown_list span.dropdown { display: block; margin: 0; padding: 0 10px; width: auto; height: 40px; line-height: 38px; background: #fff; border-radius: 3px; border: 1px solid #a1c4e5; cursor: pointer; overflow: hidden; }
.dropdown_list span.dropdown.active { border-radius: 3px 3px 0 0; }
.dropdown_list span.dropdown:hover, .dropdown_list span.dropdown:active { background: #f1f1f1; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.dropdown_list span.dropdown:after { float: right; margin-top: 1px; margin-left: 10px; width: 15px; height: inherit; content: "\e817"; color: ineherit; font-family: 'icons'; text-align: center; font-size: inherit; vertical-align: top; }
.dropdown_list span.dropdown.active:after { content: "\e816" }
.dropdown_list a:hover { text-decoration: none; border-bottom: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.dropdown_list .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: 39px; border-radius: 0 0 3px 3px; z-index: 10; border: 1px solid #a1c4e5; overflow-y: auto; }
.dropdown_list .drop li { float: none; display: block; margin: 0; padding: 0; border: 0; height: auto; border-top: 1px dotted #ccc; }
.dropdown_list .drop li:first-child { border-top: 0 }
.dropdown_list .drop li a { float: none; display: block; margin: 0; padding: 6px 10px 6px 25px; height: auto; width: auto; text-transform: none; color: inherit; background: #fff; text-align: left; border-radius: 0; border: 0; }
.dropdown_list .drop li a:hover, .dropdown_list .drop li a:active { background: #f1f1f1; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.dropdown_list .drop li a:before { display: inline-block; margin-left: -15px; margin-right: 5px; width: 10px; height: inherit; content: "\00BB"; color: inherit; font-family: 'icons'; text-align: center; font-size: inherit; vertical-align: top; }
/* ----------------------------------------------------------------------------
	Navigation Menu - Mobile first
----------------------------------------------------------------------------- */
#menutoggle {
	display: block;
	margin: 0;
	padding: 0 22px;
	width: auto;
	color: #fff;
	background: #1f57a9;
	height: 45px;
	font: 18px/46px '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;
	border-radius: 4px 4px 0 0;
	transition: background 0.2s linear 0s;
}
#menutoggle span {
	display: none;
}
#menutoggle:before {
	display: inline-block;
	margin-left: 0;
	width: 18px;
	height: 45px;
	line-height: 48px;
	content: "\e826";
	color: inherit;
	font-family: 'icons';
	text-align: center;
	font-size: 21px;
	vertical-align: top;
}
#menutoggle.active:before {
	content: "\e844";
}
#menutoggle:hover, #menutoggle:active, #menutoggle.active {
	background-color: #007cdc;
	border-radius: 4px 4px 0 0;
}
#menutoggle {
	display: block;
}
#nav {
	clear: both;
	margin: 0;
	width: 100%;
	height: 0;
	overflow: visible;
	position: relative;
	z-index: 100;
	border-top: 1px solid #1f57a9;
}
#nav ul {
	float: none;
	display: none;
	margin: 0;
	width: auto;
	/*max-height: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;*/
	background: #1f57a9;
	overflow: hidden;
	/*transition: all 0.1s ease-in 0s;*/
	border-radius: 0 0 4px 4px;
	top: 1px;
	border: 0;
	position: relative;
}
#nav #menutoggle.active + ul {
	max-height: 1000px;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;*/
}
#nav ul li, #nav ul ul.submenu li {
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	overflow: hidden;
	border: 0;
	border-top: 1px dotted #455a64;
}
#nav ul li:first-child {
	border-top: 0;
}
#nav ul li.onmobile {
	display: block;
}
#nav ul li a, #nav ul li span.submenu, #nav ul li ul.submenu li a {
	float: none;
	display: block;
	margin: 0;
	padding: 9px 20px;
	height: auto;
	color: #fff;
	line-height: 1.6em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Open Sans', 'Helvetica Neue', Tahoma, Arial, sans-serif;
	border: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#nav ul li span.submenu:after {
	float: right;
	margin-left: 10px;
	width: 15px;
	height: inherit;
	content: "\e817";
	color: inherit;
	font-family: 'icons';
	text-align: center;
	font-size: 105%;
	vertical-align: top;
}
#nav ul li span.submenu.active:after {
	content: "\e816";
}
#nav ul ul.submenu {
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	max-height: 360px;
	background: none;
	opacity: 1;
	position: relative;
	top: 0;
	overflow-y: auto;
}
#nav ul li ul.submenu li a {
	padding-left: 40px;
	background: none;
	border: 0;
}
#nav ul li ul.submenu 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 li a:hover, #nav li a.active, #nav li:hover span.submenu, #nav ul.submenu li a:hover, #nav ul.submenu li a.active {
	background: #007cdc;
}
@media (min-width: 36em) { /* Small devices (landscape phones, 576px and up) */
/*@media (min-width: 48em) { /* Medium devices (tablets, 768px and up) */
	#menutoggle {
		padding: 0 15px 0 15px;
	}
	#menutoggle span {
		display: inline-block;
	}
	#menutoggle:before {
		margin-right: 10px;
	}
}
@media (min-width: 62em) { /* Large devices (desktops, 992px and up) */
	#menutoggle {
		display: none;
	}
	#nav {
		height: 45px;
		background: #1f57a9;
		position: relative;
		z-index: 99;
		border: 0;
		border-radius: 4px;
	}
	#nav ul {
		display: block !important;
		float: left;
		width: 100%;
		height: auto;
		/*max-height: 1000px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;*/
		margin: 4px 0;
		position: relative;
		z-index: 10;
		top: 0;
		overflow: visible;
	}
	#nav ul li {
		float: left;
		margin: 0 5px;
		padding: 0;
		height: 37px;
		width: auto;
		min-width: auto;
		position: relative;
		border: 0;
		overflow: visible;
	}
	#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.submenu {
		float: left;
		margin: 0;
		padding: 0 14px;
		height: 37px;
		border: 0;
		color: #fff;
		font-weight: normal;
		line-height: 39px;
		text-align: center;
		text-transform: uppercase;
		border-radius: 3px;
		transition: all 0.2s linear 0s;
		cursor: pointer;
	}
	#nav ul li span.submenu:after {
		display: none;
	}
	#nav li a:hover, #nav li a.active, #nav li:hover span.submenu, #nav ul.submenu li a:hover, #nav ul li span.submenu.active {
		background: #007cdc;
	}
	#nav ul li:hover a.submenu, #nav ul li:hover span.submenu, #nav ul li span.submenu.active.hover {
		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 ul.submenu {
		float: left;
		margin: 0;
		padding: 0;
		width: 250px;
		max-height: 0;
		/*max-height: 360px;
		overflow-y: auto;*/
		position: absolute;
		/*left: -999em;  Hides the drop down*/
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		background: #455a64;
		top: 95%;
		z-index: 10;
		border-radius: 0 3px 3px 3px;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
		transition: max-height 0.2s linear 0s, padding 0.2s linear 0s, opacity 0.2s linear 0s;
		overflow: hidden;
		overflow-y: auto;
	}
	#nav ul li:hover ul.submenu, #nav ul li ul.submenu.active {
		padding: 3px 0;
		left: 0;
		max-height: 360px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	#nav ul li ul.submenu li {
		float: none;
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		height: auto;
	}
	#nav ul li ul.submenu 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;
		border-radius: 0;
		border: 0;
		border-top: 1px dotted #37474f;
	}
	#nav ul li ul.submenu li:first-child a {
		border: 0;
	}
	#nav ul li ul.submenu li a:hover, #nav ul li ul.submenu li a.active {
		background: #007cdc;
	}
}
/* ----------------------------------------------------------------------------
	ASC Default stuff
----------------------------------------------------------------------------- */
.price {
	display: inline-block;
	margin: 10px;
	padding: 0;
	width: auto;
	height: auto;
	color: #555;
	text-align: center;
	font: bold 0 'Trebuchet MS', 'Droid Serif', Arial, sans-serif;
	overflow: hidden;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
	vertical-align: middle;
}
.price.ribbon {
	margin-top: -6px;
	margin-bottom: 0;
	padding: 28px 0 0 0;
	width: 140px;
	height: 93px;
	color: #fff;
	background: url(../images/price_bg.png) no-repeat 0 0;
}
.price.burst {
	padding: 60px 0 0 0;
	width: 155px;
	height: 155px;
	color: #fff;
	background: url(../images/price_bg_burst.png) no-repeat 50% 50%;
}
.price span.dollar_sign, .price span.cents {
	display: inline-block;
	margin: 5px 0 0 0;
	font-size: 30px;
	line-height: 30px;
	vertical-align: top;
}
.price span.dollars {
	display: inline-block;
	margin-left: -1px;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -1px;
	vertical-align: top;
}
.price span.cents {
	margin: 4px 0 0 3px;
	letter-spacing: -1px;
}
.action {
	float: none;
	margin: 20px auto;
	padding: 0 0 5px 0;
	max-width: 450px;
	height: 75px;
	background: #fff;
	border: 1px solid #37474f;
	border-radius: 4px;
	text-align: center;
}
.action .price.ribbon {
	vertical-align: top;
}
.action .btn {
	margin-top: 14px;
	max-width: 200px;
	vertical-align: middle;
}
/* --------- asc styles --------- */
#header_wrap {
	border-top: 3px solid #1f57a9;
}
#header {
	min-height: 80px;
}
#header a.logo {
	float: left;
	margin-top: 12px;
	margin-left: 5px;
	margin-bottom: 12px;
	border: 0;
	width: 75%;
	max-width: 220px; /* change this to the width of the actual logo */
}
#header a.logo img {
	vertical-align: middle;
	width: auto;
	max-width: 100%;
}
#header #support {
	display: none;
	float: right;
	margin: 0 5px 0 0;
	width: auto;
}
#header #support p {
	float: right;
	margin: 2px 12px 0 7px;
}
#header #support p strong {
	font-size: 16px;
}
#header #support a.livechat {
	float: right;
	margin: 0 0 0 0;
	padding: 0 12px 2px 12px;
	font-weight: normal;
	color: #fff;
	background: #1f57a9;
	text-decoration: none;
	border-radius: 0 0 4px 4px;
	border: 0;
}
#header #support a.livechat:hover:before {
	color: #007cdc;
}
#header #support span.phone {
	display: none;
	margin-right: 5px;
	padding-right: 0;
}
@media (min-width: 56.25em) { /* roughtly 900px/16px */
    #header #support span.phone { display: inline-block; }
}
#header #support a.livechat {
	color: #fff;
}
#header a.livechat:before {
	display: inline-block;
	margin-right: 5px;
	width: inherit;
	height: inherit;
	content: "\e830";
	color: inherit;
	font-family: 'icons';
	font-weight: normal;
	text-align: center;
	font-size: 105%;
	vertical-align: top;
}
#banner {
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer_wrap { border-top: 1px solid #ccc; }
#footer {
	padding: 15px 0 10px 0;
	color: #999;
	overflow: hidden;
}
#footer p {
	margin: 0 0 5px 0;
}
#footer p.trustmark {
	display: none;
	margin: 0;
}
#footer a {
	color: #999;
}
#footer .social a {
	border: 0;
}
#footer img {
	display: inline-block;
}
#footer #trustwaveSealImage {
	float: left;
	margin: 0 10px 30px 10px;
}
#footer img.bbb {
	float: right;
	margin: 0 10px 30px 10px;
}
/* ----------------------------------------------------------------------------
	Start Page Styles
----------------------------------------------------------------------------- */
#nav_wrap { background: #1f57a9; }

/* BANNER */
#banner_wrap { background: #f3f3f3; }
#banner .detail {
    float: none;
    margin: 0 auto;
    padding: 15px 20px;
}

/* STATE SELECT */
#state_wrap {
    background: #98090c;
    padding: 20px 0;
    text-align: center;
}
#state_wrap h2 {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
}
#state_wrap form {
    width: 80%;
    margin: 10px auto;
    display: block;
}
#state_wrap .select {
  width: 100%;
}

/* CONTENT */
#content_wrap .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* ASIDE */
#aside h5 { color: #555; }
#aside .section {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
}

/* ----------------------------------------------------------------------------
	Page Media Queries
----------------------------------------------------------------------------- */
/*
$breakpoints:
xs: 0,
s: 34.375em,
m: 45em,
l: 60em,
xl: 72em
*/

@media (min-width: 34.375em) { /* Small devices (landscape phones, 549px and up) - col-sm-* */
	#header_wrap { border-top: 3px solid #1f57a9; }
    #header #support { display: block; }

}
@media (min-width: 48em) { /* Medium devices (tablets, 768px and up) - col-md-* */
	#header #support span.phone { display: inline-block; }
    #state_wrap form {
      width: 30%;
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 15px;
    }
}
@media only screen and (min-width: 56.25em) { /* roughtly 900px/16px */
    #footer p.trustmark { display: block; }
}
@media (min-width: 62em) { /* Large devices (desktops, 992px and up) - col-lg-* */
    #banner { background: url(../images/banner-bg.png) no-repeat left bottom; padding-top: 70px; padding-bottom: 70px; }
    #banner .detail {
        float: right;
        margin-right: 20px;
        padding: 20px 15px;
        background: #fff;
        border-radius: 5px;
        max-width: 550px;
    }
}
@media (min-width: 75em) { /* Extra large devices (large desktops, 1200px and up) - col-xl-* */
    #banner .detail {
        margin-right: 80px;
        padding: 20px 25px;
    }
}
