@import "fonts.css";

@import "fontello/css/fontello.css";

@import "font-awesome/css/font-awesome.min.css";

/*
=====================================================================

TOC:

a. Webfonts and Icon fonts
b. Preloader
c. Reset
d. Default Styles
   1. Basic
   2. Typography
   3. Links
   4. Media
   5. Buttons
   6. Forms
   d. Grid
   e. Others
   1. Clearing
   2. Misc

=====================================================================  */
/* ------------------------------------------------------------------ */
/* a. Webfonts and Icon fonts
 ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* b. Preloader
 ------------------------------------------------------------------ */
#preloader,#bigoverlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	z-index:99999;
	height:100%;
}

#bigoverlay {
	background:rgba(34,105,179,0.8);
	display:none;
	height:1000%;
}

#status {
	position:absolute;
	left:50%;
	top:50%;
	width:64px;
	height:64px;
	margin:-32px 0 0 -32px;
	padding:0;
}

/* ------------------------------------------------------------------
/* c. Reset
      Adapted from:
      Normalize.css - https://github.com/necolas/normalize.css/
      HTML5 Doctor Reset - html5doctor.com/html-5-reset-stylesheet/
/* ------------------------------------------------------------------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

audio,canvas,video {
	display:inline-block;
}

audio:not([controls]) {
	display:none;
	height:0;
}

[hidden] {
	display:none;
}

code,kbd,pre,samp {
	font-family:monospace,serif;
	font-size:1em;
}

pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#A7F4F6;
	color:#555;
}

del {
	text-decoration:line-through;
}

abbr[title],dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* ------------------------------------------------------------------ */
/* d. Default and Basic Styles
      Adapted from:
      Skeleton CSS Framework - http://www.getskeleton.com/
      Typeplate Typographic Starter Kit - http://typeplate.com/
/* ------------------------------------------------------------------ */
/* 1. Basic  ------------------------------------------------------- */
*,:before,:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

html {
	height:100%;
}

body {
	background:#f0f0f0;
	font-family:'opensans-regular',sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:26px;
	color:#363131;
	width:100%;
	height:100%;
	position:relative;
	-webkit-font-smoothing:antialiased;
/* Fix for webkit rendering */
	-webkit-text-size-adjust:100%;
	margin: 0;
	padding: 0;
}

section {
	position:relative;
/*
	min-height:100%;
*/
}

::selection {
	background:rgba(34,105,179,0.87);
/* WebKit/Blink Browsers */
	color:#ededed;
}

::-moz-selection {
	background:rgba(34,105,179,0.87);
/* Gecko Browsers */
	color:#ededed;
}

/* 2. Typography
      Vertical rhythm with leading derived from 6
--------------------------------------------------------------------- */
.blue {
	color:#eb3833;
}

.greylight {
	color:#ededed;
}

.greydark {
	color:#6d6e70;
}

.left {
	float:left!important;
}

.right {
	float:right!important;
}

h1,h2,h3,h4,h5,h6 {
	color:#eb3a34;
	font-family:'montserrat-regular',sans-serif;
	font-weight:400;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-weight:inherit;
}

h1 {
	font-size:38px;
	line-height:42px;
	margin-bottom:12px;
}

h2 {
	font-size:28px;
	line-height:56px;
	margin-bottom:6px;
	color:#375587;
}

h3 {
	font-size:22px;
	line-height:30px;
	margin-bottom:12px;
}

h4 {
	font-size:20px;
	line-height:30px;
	margin-bottom:6px;
}

h5 {
	font-size:18px;
	line-height:30px;
}

h6 {
	font-size:14px;
	line-height:30px;
}

.subheader {
}

p {
	margin:0 0 30px;
}

p img {
	margin:0;
}

p.lead {
	font:19px/36px opensans-light,sans-serif;
	margin-bottom:18px;
}

/* for 'em' and 'strong' tags, font-size and line-height should be same with
the body tag due to rendering problems in some browsers */
em {
	font:15px/30px opensans-italic,sans-serif;
}

strong,b {
	font:15px/30px opensans-bold,sans-serif;
}

small {
	font-size:11px;
	line-height:inherit;
}

/*	Blockquotes */
blockquote {
	margin:30px 0;
	padding-left:40px;
	position:relative;
	min-height:300px;
	vertical-align:middle;
	background-color:#eee;
	display:block;
}

blockquote:before {
	content:"\201C";
	opacity:.45;
	font-size:80px;
	line-height:0;
	margin:0;
	font-family:arial,sans-serif;
	position:absolute;
	top:30px;
	left:0;
}

blockquote p {
	font-family:georgia,serif;
	font-style:italic;
	padding:0;
	font-size:18px;
	line-height:30px;
}

blockquote cite {
	display:block;
	font-size:12px;
	font-style:normal;
	line-height:18px;
}

blockquote cite:before {
	content:"\2014 \0020";
}

blockquote cite a,blockquote cite a:visited {
	color:#8B9798;
	border:none;
}

/* ---------------------------------------------------------------------
/*  Pull Quotes Markup
/*
    <aside class="pull-quote">
		<blockquote>
			<p></p>
		</blockquote>
	 </aside>
/*
/* --------------------------------------------------------------------- */
.pull-quote {
	font:20px/30px opensans-regular,sans-serif;
	position:relative;
	padding:18px 30px;
	color:#ffffff;
	border-top:1px dotted #eb3a34;
	border-bottom:1px dotted #eb3833;
	width:90%;
	margin:20px auto;
	text-align:center;
}

.pull-quote:before,.pull-quote:after {
	height:1em;
	opacity:.45;
	position:absolute;
	font-size:80px;
	font-family:Arial,Sans-Serif;
}

.pull-quote:before {
	content:"\201C";
	top:33px;
	left:0;
}

.pull-quote:after {
	content:'\201D';
	bottom:-50%;
	right:0;
}

.pull-quote blockquote {
	margin:0;
}

.pull-quote blockquote:before {
	content:none;
}

/* Abbreviations */
abbr {
	font-family:'opensans-bold',sans-serif;
	font-variant:small-caps;
	text-transform:lowercase;
	letter-spacing:.5px;
	color:gray;
}

abbr:hover {
	cursor:help;
}

/* drop cap */
.drop-cap:first-letter {
	float:left;
	margin:0;
	padding:14px 6px 0 0;
	font-size:84px;
	font-family:/* Copperplate */
'montserrat-bold',sans-serif;
	line-height:60px;
	text-indent:0;
	background:transparent;
	color:inherit;
}

hr {
	border:solid #E8E8E8;
	border-width:1px 0 0;
	clear:both;
	margin:11px 0 30px;
	height:0;
}

/*  3. Links  ------------------------------------------------------- */
a,a:visited, input {
	text-decoration:none;
	outline:0;
	color:#eb3833;
}

a:hover,a:focus {
	color:#333;
}

p a,p a:visited {
	line-height:inherit;
}

/*  4. List  --------------------------------------------------------- */
ul,ol {
	margin-bottom:24px;
	margin-top:12px;
}

ul {
	list-style:none outside;
}

ol {
	list-style:decimal;
}

ol,ul.square,ul.circle,ul.disc {
	margin-left:30px;
}

ul.square {
	list-style:square outside;
}

ul.circle {
	list-style:circle outside;
}

ul.disc {
	list-style:disc outside;
}

ul ul,ul ol,ol ol,ol ul {
	margin:6px 0 6px 30px;
}

ul ul li,ul ol li,ol ol li,ol ul li {
	margin-bottom:6px;
}

li {
	line-height:18px;
	margin-bottom:12px;
}

ul.large li {
}

li p {
}

/* ---------------------------------------------------------------------
/*  Stats Tab Markup

    <ul class="stats-tabs">
		<li><a href="#">[value]<b>[name]</b></a></li>
	 </ul>

    Extend this object into your markup.
/*
/* --------------------------------------------------------------------- */
.stats-tabs {
	padding:0;
	margin:24px 0;
}

.stats-tabs li {
	display:inline-block;
	margin:0 10px 18px 0;
	padding:0 10px 0 0;
	border-right:1px solid #ccc;
}

.stats-tabs li:last-child {
	margin:0;
	padding:0;
	border:none;
}

.stats-tabs li a {
	display:inline-block;
	font-size:22px;
	font-family:'opensans-bold',sans-serif;
	border:none;
	color:#313131;
}

.stats-tabs li a:hover {
	color:#eb3833;
}

.stats-tabs li a b {
	display:block;
	margin:6px 0 0;
	font-size:13px;
	font-family:'opensans-regular',sans-serif;
	color:#8B9798;
}

/* definition list */
dl {
	margin:12px 0;
}

dt {
	margin:0;
	color:#eb3833;
}

dd {
	margin:0 0 0 20px;
}

/* Lining Definition Style Markup */
.lining dt,.lining dd {
	display:inline;
	margin:0;
}

.lining dt + dt:before,.lining dd + dt:before {
	content:"\A";
	white-space:pre;
}

.lining dd + dd:before {
	content:", ";
}

.lining dd:before {
	content:": ";
	margin-left:-.2em;
}

/* Dictionary Definition Style Markup */
.dictionary-style dt {
	display:inline;
	counter-reset:definitions;
}

.dictionary-style dt + dt:before {
	content:", ";
	margin-left:-.2em;
}

.dictionary-style dd {
	display:block;
	counter-increment:definitions;
}

.dictionary-style dd:before {
	content:counter(definitions, decimal) ". ";
}

/* Pagination */
.pagination {
	margin:36px auto;
	text-align:center;
}

.pagination ul li {
	display:inline-block;
	margin:0;
	padding:0;
}

.pagination .page-numbers {
	font:15px/18px opensans-bold,sans-serif;
	display:inline-block;
	padding:6px 10px;
	margin-right:3px;
	margin-bottom:6px;
	color:#6E757C;
	background-color:#E6E8EB;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
	border-radius:3px;
}

.pagination .page-numbers:hover {
	background:#838A91;
	color:#fff;
}

.pagination .current,.pagination .current:hover {
	background-color:#eb3833;
	color:#fff;
}

.pagination .inactive,.pagination .inactive:hover {
	background-color:#E6E8EB;
	color:#A9ADB2;
}

.pagination .prev,.pagination .next {
}

/* 5. Media   --------------------------------------------------------- */
img,/*
video,*/
iframe,embed,object {
	max-width:100%;
	height:auto;
}

img.pull-right {
	margin:12px 0 0 18px;
}

img.pull-left {
	margin:12px 18px 0 0;
}

/* 6. Buttons  --------------------------------------------------------- */
.button,.button:visited,button,input[type="submit"],input[type="reset"],input[type="button"] {
	font:24px/36px opensans-light,sans-serif;
	background:rgba(255,255,255,0.5);
	color:#eb3833;
	display:inline-block;
	text-decoration:none;
	letter-spacing:0;
	padding:12px 20px;
	margin-bottom:18px;
	border:none;
	cursor:pointer;
	height:auto;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	border-radius:0;
}

.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
	background:rgba(213,68,39,0.9);
	color:#fff;
}

.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active {
	background:rgba(55,61,69,0.5);
	color:#fff;
}

.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width {
	width:100%;
	padding-left:0!important;
	padding-right:0!important;
	text-align:center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

/* 7. Forms  --------------------------------------------------------- */
form {
	margin-bottom:24px;
}

fieldset {
	margin-bottom:24px;
}

input[type="text"],input[type="password"],input[type="email"],textarea,select {
	display:block;
	padding:18px 15px;
	margin:0 0 24px;
	border:0;
	outline:none;
	vertical-align:middle;
	min-width:225px;
	max-width:100%;
	font-size:15px;
	line-height:24px;
	color:#647373;
	background:#D3D9D9;
	border-radius:0;
}

/* select { padding: 0;
   width: 220px;
   } */
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {
	color:#B3B7BC;
	background-color:#383D41;
}

textarea {
	min-height:220px;
}

label,legend {
	font:16px/24px opensans-bold,sans-serif;
	margin:12px 0;
	color:#3d4145;
	display:block;
}

label span,legend span {
	color:#8B9798;
	font:14px/24px opensans-regular,sans-serif;
}

input[type="checkbox"],input[type="radio"] {
	font-size:15px;
	color:#3d4145;
}

input[type="checkbox"] {
	display:inline;
}

/* ------------------------------------------------------------------ */
/* d. Grid
--------------------------------------------------------------------- */
/* default
--------------------------------------------------------------- */
.two-col {
	-moz-column-count:2;
	-moz-column-gap:20px;
	-webkit-column-count:2;
	-webkit-column-gap:20px;
	column-count:2;
	column-gap:20px;
	padding:20px 18px;}

.three-col {
	-moz-column-count:3;
	-moz-column-gap:20px;
	-webkit-column-count:3;
	-webkit-column-gap:20px;
	column-count:3;
	column-gap:20px;
	padding:20px 18px;}

.two-col p,.three-col p {
/*
	display: inline-block;
*/
}

.row {
	width:96%;
	max-width:1008px;
	margin:0 auto;
}

.row.start {
	padding-top:80px;
}

.row.fullwidth {
	width:100%;
	max-width:none;
	margin:0 auto;
}

/* fixed width for IE8 */
.ie .row {
	width:1000px;
}

.narrow .row {
	max-width:980px;
}

.row .row {
	width:auto;
	max-width:none;
	margin:0 -18px;
}

/* row clearing */
.row:before,.row:after {
	content:" ";
	display:table;
}

.row:after {
	clear:both;
}

.column,.columns {
	position:relative;
	padding:0 18px;
	min-height:1px;
	float:left;
}

.column.centered,.columns.centered {
	float:none;
	margin:0 auto;
	text-align:center;
}

.centered {
	float:none;
	margin:0 auto;
}

/* removed gutters */
.row.collapsed > .column,.row.collapsed > .columns,.column.collapsed,.columns.collapsed {
	padding:0;
}

[class*="column"] + [class*="column"]:last-child {
	float:right;
}

[class*="column"] + [class*="column"].end {
	float:right;
}

/* column widths */
.row .one {
	width:8.33333%;
}

.row .two {
	width:16.66667%;
}

.row .three {
	width:25%;
}

.row .four {
	width:33.33333%;
}

.row .five {
	width:41.66667%;
}

.row .six {
	width:50%;
}

.row .seven {
	width:58.33333%;
}

.row .eight {
	width:66.66667%;
}

.row .nine {
	width:75%;
}

.row .ten {
	width:83.33333%;
}

.row .eleven {
	width:91.66667%;
}

.row .twelve {
	width:100%;
}

/* Offsets */
.row .offset-1 {
	margin-left:8.33333%;
}

.row .offset-2 {
	margin-left:16.66667%;
}

.row .offset-3 {
	margin-left:25%;
}

.row .offset-4 {
	margin-left:33.33333%;
}

.row .offset-5 {
	margin-left:41.66667%;
}

.row .offset-6 {
	margin-left:50%;
}

.row .offset-7 {
	margin-left:58.33333%;
}

.row .offset-8 {
	margin-left:66.66667%;
}

.row .offset-9 {
	margin-left:75%;
}

.row .offset-10 {
	margin-left:83.33333%;
}

.row .offset-11 {
	margin-left:91.66667%;
}

/* Push/Pull */
.row .push-1 {
	left:8.33333%;
}

.row .pull-1 {
	right:8.33333%;
}

.row .push-2 {
	left:16.66667%;
}

.row .pull-2 {
	right:16.66667%;
}

.row .push-3 {
	left:25%;
}

.row .pull-3 {
	right:25%;
}

.row .push-4 {
	left:33.33333%;
}

.row .pull-4 {
	right:33.33333%;
}

.row .push-5 {
	left:41.66667%;
}

.row .pull-5 {
	right:41.66667%;
}

.row .push-6 {
	left:50%;
}

.row .pull-6 {
	right:50%;
}

.row .push-7 {
	left:58.33333%;
}

.row .pull-7 {
	right:58.33333%;
}

.row .push-8 {
	left:66.66667%;
}

.row .pull-8 {
	right:66.66667%;
}

.row .push-9 {
	left:75%;
}

.row .pull-9 {
	right:75%;
}

.row .push-10 {
	left:83.33333%;
}

.row .pull-10 {
	right:83.33333%;
}

.row .push-11 {
	left:91.66667%;
}

.row .pull-11 {
	right:91.66667%;
}

/* block grids
--------------------------------------------------------------------- */
.bgrid-sixths [class*="column"] {
	width:16.66667%;
}

.bgrid-quarters [class*="column"] {
	width:25%;
}

.bgrid-thirds [class*="column"] {
	width:33.33333%;
}

.bgrid-halves [class*="column"] {
	width:50%;
}

[class*="bgrid"] [class*="column"] + [class*="column"]:last-child {
	float:left;
}

/* Left clearing for block grid columns - columns that changes width in
different screen sizes. Allows columns with different heights to align
properly.
--------------------------------------------------------------------- */
.first {
	clear:left;
}

/* first column in default screen */
.s-first {
	clear:none;
}

/* first column in smaller screens */
/* smaller screens
--------------------------------------------------------------- */
@media only screen and (max-width: 900px) {
	/* block grids on small screens */
	.s-bgrid-sixths [class*="column"] {
		width:16.66667%;
	}
	
	.s-bgrid-quarters [class*="column"] {
		width:25%;
	}
	
	.s-bgrid-thirds [class*="column"] {
		width:33.33333%;
	}
	
	.s-bgrid-halves [class*="column"] {
		width:50%;
	}
	
	/* block grids left clearing */
	.first {
		clear:none;
	}
	
	.s-first {
		clear:left;
	}
}

/* screenwidth less than 768px - mobile/smaller tablets
--------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.row {
		width:480px;
		margin:0 auto;
		padding:0;
	}
	
	.column,.columns {
		width:auto!important;
		float:none;
		margin-left:0;
		margin-right:0;
		padding:0 30px;
	}
	
	.row .row {
		width:auto;
		max-width:none;
		margin:0 -30px;
	}
	
	[class*="column"] + [class*="column"]:last-child {
		float:none;
	}
	
	[class*="bgrid"] [class*="column"] + [class*="column"]:last-child {
		float:none;
	}
	
	/* Offsets */
	.row .offset-1 {
		margin-left:0;
	}
	
	.row .offset-2 {
		margin-left:0;
	}
	
	.row .offset-3 {
		margin-left:0;
	}
	
	.row .offset-4 {
		margin-left:0;
	}
	
	.row .offset-5 {
		margin-left:0;
	}
	
	.row .offset-6 {
		margin-left:0;
	}
	
	.row .offset-7 {
		margin-left:0;
	}
	
	.row .offset-8 {
		margin-left:0;
	}
	
	.row .offset-9 {
		margin-left:0;
	}
	
	.row .offset-10 {
		margin-left:0;
	}
	
	.row .offset-11 {
		margin-left:0;
	}
}

/* screenwidth less than or equal 480px - mobile wide
--------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
	.row {
		width:auto;
	}
}

/* larger screens
--------------------------------------------------------------- */
@media screen and (min-width: 1200px) {
	.wide .row {
		max-width:1180px;
	}
}

/* ------------------------------------------------------------------ */
/* e. Others
/* ------------------------------------------------------------------ */
/*  1. Clearing
    (http://nicolasgallagher.com/micro-clearfix-hack/
--------------------------------------------------------------------- */
.cf:before,.cf:after {
	content:" ";
	display:table;
}

.cf:after {
	clear:both;
}

/*  2. Misc -------------------------------------------------------- */
.remove-bottom {
	margin-bottom:0!important;
}

.half-bottom {
	margin-bottom:12px!important;
}

.add-bottom {
	margin-bottom:24px!important;
}

.no-border {
	border:none;
}

.text-center {
	text-align:center!important;
}

.text-left {
	text-align:left!important;
}

.text-right {
	text-align:right!important;
}

.pull-left {
	float:left!important;
}

.pull-right {
	float:right!important;
}

.align-center {
	margin-left:auto!important;
	margin-right:auto!important;
	text-align:center!important;
}