@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700&subset=latin-ext');


/* ---------------------------------------------------------
 * Reset defaults
 * ---------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
:focus {/* remember to define focus styles! */
	outline:0;
}
ol, ul {
	list-style:none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	vertical-align:top;
	text-align:left;
}
a img {
	border:0;
}
a,
a:focus,
a:active,
a:hover {
	text-decoration:none;
}

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





/* ---------------------------------------------------------
 * Fonts
 * ---------------------------------------------------------- */

html, body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:15px;
	color:#383838;
}



/* Headings */

h1,
h2,
h3,
h4,
h5 {
	font-family:'Quicksand';
	color:#222;
	line-height:1.1;
}

h1 { font-size:40px; margin-bottom:40px; }
h2 { font-size:18px; margin-bottom:20px; font-weight:500; text-transform:uppercase; }
h3 { font-size:14px; margin-bottom:15px; font-weight:500; text-transform:uppercase; }
h4 {  }
h5 {  }


/* HR */

hr {
	clear:both;
	background-color:#000;
	color:#000;
	border:0;

	height:2px;
	width:50px;

	margin:40px 0;
}


/* Link */

a.link,
a.link:focus,
a.link:active {
	cursor:pointer;
	color:#0079c6;
	text-decoration:underline;
}
a.link:hover {
	text-decoration:none;
}


/* P */

p {
	line-height:24px;
}


/* ALT */

.theme-alt,
.theme-alt h1,
.theme-alt h2,
.theme-alt h3,
.theme-alt h4,
.theme-alt h5,
.theme-alt hr {
	color:#fff;
}
.theme-alt a.link,
.theme-alt a.link:focus,
.theme-alt a.link:active {
	color:#c4deff;
}
.theme-alt hr {
	background-color:#fff;
}




/* ---------------------------------------------------------
 * Layout Helpers
 * ---------------------------------------------------------- */

/* clearfix overflow box */

.form-stretch,
.form-stretchmax,
input[type="radio"] + .form-label,
input[type="checkbox"] + .form-label,
.overflow {
	display:block;
	position:relative;
	overflow:hidden;
	_overflow:visible;
	_height:1px;
}

.form-group,
.colpane,
.btnpane,
.clearfix {
	*zoom: 1;
}
.form-group:before,
.form-group:after,
.colpane:before,
.colpane:after,
.btnpane:before,
.btnpane:after,
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.form-group:after,
.colpane:after,
.btnpane:after,
.clearfix:after {
	clear: both;
}


/* wrappers */

.wrapper {
	max-width:1100px;
/*	padding:0 20px;*/
	margin:0 auto;
}

[class*="col"] {
	display: block;
	width: 100%;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
}

.col {}

.col15 { width: 20%; }
.col25 { width: 40%; }
.col35 { width: 60%; }
.col45 { width: 80%; }

.col14 { width: 25%; }
.col34 { width: 75%; }

.col13 { width: 33.33333%; }
.col23 { width: 66.66666%; }

.col12 { width: 50%; }

.col10p { width: 10%; }
.col30p { width: 30%; }
.col70p { width: 70%; }
.col90p { width: 90%; }



.colpane {} /* + .clearfix */

.colpane > [class*="col"] {
	float: left;
}



/* containers */

.container10 {
	padding:10px;
}
.container15 {
	padding:15px;
}
.container20 {
	padding:20px;
}
.container25 {
	padding:25px;
}
.container30 {
	padding:30px;
}



/* helpers */

.left { float:left !important; }
.right { float:right !important; }

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

.clear {
	clear:both;
	_overflow:hidden;
	height:0;
	line-height:0;
	font-size:0px;
}
.hide {
/*	visibility:hidden;*/
	display:none/* !important*/;
}
.nowrap {
	white-space:nowrap;
}
.clip {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hand {
	cursor:pointer !important;
}
.bold {
	font-weight:bold;
}


/* ul > li hack for blocks justify alignment */

.justify-layout {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:0;

	text-align: justify;
	text-justify: newspaper;
	zoom:1;

/*	text-align-last: justify;*/
}
.justify-layout:after {
	width: 100%;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	content: '';
	display: inline-block;
	vertical-align:top;
}

.justify-layout .justify-layout-item {
	margin:0;
	padding:0;
	line-height:normal;

	min-height:1px;
	display:inline-block;
	vertical-align:top;
	zoom:1;
	*display:inline;
	_height:1px;
	text-align:left !important;
}



/* statuses */

.status-active {}
.status-show {}
.status-hide {}
.status-hover {}
.status-disable {}
.status-new {}
.status-expand {}
.status-checked {}
.status-focus {}




/* ---------------------------------------------------------
 * I C O N S
 * ---------------------------------------------------------- */

.fa {
	position:relative;
	text-align:center;
}


.fa16 {
	text-align:center;

	font-size:16px;
	line-height:16px;
	height:16px;
	width:16px;
}
.fa18 {
	text-align:center;

	font-size:18px;
	line-height:18px;
	height:18px;
	width:18px;
}
.fa20 {
	text-align:center;

	font-size:20px;
	line-height:20px;
	height:20px;
	width:20px;
}




/* ---------------------------------------------------------
 * B U T T O N S
 * ---------------------------------------------------------- */

.btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;

	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	margin-bottom: 0;
	text-align: center;
	text-decoration:none !important;
	vertical-align: middle;
	cursor: pointer;
	border:none;
	font-size: 13px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.btn.disabled,
.btn[disabled] {
	cursor: default;
	background-image: none;
	opacity: 0.40;
	filter: alpha(opacity=40);
}


.btn + .btn {
	margin-left:10px;
}



/* ---- T Y P E ---- */

/* default */

.btn:hover,
.btn:focus {
	background-color:#5885b5;
	border-color:#396697;
}
.btn,
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:focus,
.btn[disabled]:focus {
	color:#fff;
	background-color:#4678ae;
	border-bottom:1px solid #24568c;
}
.btn .fa-btn-pane {
	border-color:#7b9dc3;
}


/* alt */

.btn-alt:hover,
.btn-alt:focus {
	background-color:rgba(255,255,255,0.1);
	border-color:#c8d7e7;
}
.btn-alt,
.btn-alt.disabled:hover,
.btn-alt[disabled]:hover,
.btn-alt.disabled:focus,
.btn-alt[disabled]:focus {
	color:#fff;
	background-color:transparent;
	border:2px solid #fff;
}
.btn-alt .fa-btn-pane {
	border-color:#fff;
}


/* secondary */

.btn-secondary:hover,
.btn-secondary:focus {
/*	background-color:rgba(70,121,174,0.1);
	border-color:#5885b5;*/
	background:transparent;
	text-decoration:none !important;
}
.btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus {
	color:#0079c6;
	background:transparent;
	border:none;
	text-decoration:underline !important;
}
.btn-secondary .fa-btn-pane {
	border-color:#4678ae;
}




/* ---- S I Z E ---- */

.btn {
	padding:0 30px;
	height: 44px;
	line-height:42px;
}
.btn-alt {
	line-height:38px;
}
.btn-secondary {
	line-height:42px;
}


.btn.btn-small {
	padding:0 20px;
	height: 34px;
	line-height:32px;
}
.btn-alt.btn-small {
	line-height:28px;
}
.btn-secondary.btn-small {
	line-height:32px;
}




/* ---- I C O N ---- */

.btn [class^="fa-"],
.btn [class*=" fa-"] {
	text-shadow: none;
	vertical-align: middle;
}

.btn .fa-btn-pane {
	padding:15px 16px;
	vertical-align:top;
	margin:0 15px 0 -30px;
	border-right:1px solid;
}






/* ---- COMBINE .btn to .btnpane ---- */

.btnpane {} /* + .clearfix */

.btnpane > .btn,
.btnpane > input[type="text"],
.btnpane > input[type="password"] {
/*	float:left;*/
	margin-left:0 !important;
	margin-right:0 !important;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btnpane > .btn:first-child {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-mozborder-top-left-radius: 3px;
	-mozborder-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.btnpane > .btn:last-child {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-mozborder-top-right-radius: 3px;
	-mozborder-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}




/* ---------------------------------------------------------
 * F O R M S
 * ---------------------------------------------------------- */

select,
textarea,
input[type="email"],
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="password"] {
	display: inline-block;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;

	padding:5px 6px;
	height:40px;

	font-size:14px;
	color: #383838;
	background-color: #fff;

	border: 1px solid #4678ae;
}
select {
	padding:0 8px;
}
textarea {
	height:100px;
}

	::-webkit-input-placeholder {
		color:#818a93;
	}
	::-moz-placeholder {
		color:#818a93;
		opacity:1;
	}
	:-ms-input-placeholder {
		color:#818a93;
	}


input[type="radio"],
input[type="checkbox"] {
	margin:0;
	margin-right:10px;
	position:relative; top:2px;
	border:none !important;
	background:none !important;
}

input[type="button"],
input[type="submit"],
button {
	cursor:pointer !important;
}


/* statuses */

select:focus,
textarea:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus {
	border-color:#5db6fe;
	background-color:#e0f3fe;
}

select:disabled,
textarea:disabled,
input[type="email"]:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="password"]:disabled {
	border-color:#a2bbd6;
	background-color: #fff;
	color:#a3a3a3;
}

select.error,
textarea.error,
input[type="email"].error,
input[type="text"].error,
input[type="number"].error,
input[type="tel"].error,
input[type="password"].error {
	border-color:#e9322d;
	background-color:#fff2f2;
}

select[readonly],
select[readonly]:focus,
textarea[readonly],
textarea[readonly]:focus,
input[type="email"][readonly],
input[type="email"][readonly]:focus,
input[type="text"][readonly],
input[type="text"][readonly]:focus,
input[type="number"][readonly],
input[type="number"][readonly]:focus,
input[type="tel"][readonly],
input[type="tel"][readonly]:focus,
input[type="password"][readonly],
input[type="password"][readonly]:focus {
	border-color:#4678ae;
	background-color: #fff;
}




/* ---- F O R M  L A Y O U T ---- */

/* labels */

.form-label {
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding-bottom:4px;
	font-size:13px;
	color:#666;
}

label[for].form-label { cursor:pointer; }


/* helpers */

.form-stretch { /* + .overflow */
}
.form-stretch input[type="email"],
.form-stretch input[type="text"],
.form-stretch input[type="number"],
.form-stretch input[type="tel"],
.form-stretch input[type="password"],
.form-stretch textarea,
.form-stretch select {
	float:none !important;
	width:100%;
}
.form-stretch .btn {
	padding-left:5px;
	padding-right:5px;
	width:100%;
}

.form-stretchmax { /* + .overflow */
}
.form-stretchmax input[type="email"],
.form-stretchmax input[type="text"],
.form-stretchmax input[type="number"],
.form-stretchmax input[type="tel"],
.form-stretchmax input[type="password"],
.form-stretchmax textarea,
.form-stretchmax select {
	float:none !important;
	max-width:100%;
}


/* groups/lines of controls */

.form-group {} /* + .clearfix */
.form-group + .form-group {
	margin-top:10px;
}
/*
.form-group input,
.form-group textarea,
.form-group select,
.form-group .form-label {
	float:left;
}
.form-group .form-label {
	padding-right:15px;
}
*/


.form-group input + input,
.form-group select + input,
.form-group input + select,
.form-group select + select,
.form-group input + .btn,
.form-group select + .btn {
	margin-left:10px;
}

.form-group input[type="email"] + .form-label,
.form-group input[type="text"] + .form-label,
.form-group input[type="number"] + .form-label,
.form-group input[type="tel"] + .form-label,
.form-group input[type="password"] + .form-label,
.form-group select + .form-label {
	width:auto;
	padding-left:10px;
}



.form-group input[type="radio"],
.form-group input[type="checkbox"] {
	float:left;
}
.form-group input[type="radio"] + .form-label,
.form-group input[type="checkbox"] + .form-label {} /* + aplied overflow */



/* validation */

.validation-error,
label.error {
	display:block;
	clear:both;

	color:#fff;
	font-size:12px;
	background-color:#9a2a27;
	padding:3px 10px;
}





/* ---------------------------------------------------------
 * Loader
 * ---------------------------------------------------------- */

/*
.blockOverlay {
	background:#000 url('../img/loader.gif' ) no-repeat 50% 50%;
}
*/


/* ---------------------------------------------------------
 * Alerts / Messages
 * ---------------------------------------------------------- */

.alert { /* + clearfix*/
	clear:both;
	display:block;
	position:relative;
	min-height:20px;
	padding:12px 15px;
	margin:10px 0;
	font-size:13px;
	line-height:18px;

	border:1px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
ul.alert,
.alert ul {
	list-style:disc;
	margin:0 0 0 20px;
}




/* types / colors */

.alert {
	border-color:#c1d9e1;
	background-color:#f7f9fa;
}

.alert-info {
	border-color:#a9f8f8;
	background-color:#e9f7f7;
}

.alert-warning {
	border-color:#eeea92;
	background-color:#fffdd5;
}

.alert-error, .alert-danger {
	border-color:#f5cdcd;
	background-color:#f7e9e9;
}

.alert-success {
	border-color:#b5f9aa;
	background-color:#ebf7e9;
}

.custom-error-message .message{
	padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}



	/*
	 * MOBILE
	 */

	@media only screen and (max-width : 767px) {
/*		html, body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 {
			font-size:13px;
		}
		h1 { font-size:34px; padding-bottom:25px; }
		h2 { font-size:30px; padding-bottom:20px; }
		h3 { font-size:22px; padding-bottom:10px; }
		h4 { font-size:18px; padding-bottom:10px; }

		.btn {
			padding:0 20px;
		}
		.btn-small {
			padding:0 10px;
		}


		.alert {
			padding:12px 18px;
			font-size:12px;
			line-height:normal;
		}
*/
	}