/*!
 * flexify frontend framework v0.1
 * http://flexify.webio.ca/
 * Licensed under GPLv3 http://www.gnu.org/licenses/gpl.html
 */

/* ========== normalize.css ========== */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

/* ========== general ========== */

.fx-wrap * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.fx-wrap *:before,
.fx-wrap *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fx-wrap /*body*/ {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
}

.fx-wrap hr {
	height: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0;
	border-top: 1px solid #eee;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.fx-wrap output {
	display: inline-block;
}

.fx-wrap figure {
	margin: 0 0 15px 0;
}

/* ---------- general - images ---------- */

.fx-wrap img {
	border: 0;
	vertical-align: middle;
}

/* ---------- general - links ---------- */

.fx-wrap a {
	color: #0275d8;
	text-decoration: underline;
}
.fx-wrap a:active,
.fx-wrap a:focus,
.fx-wrap a:hover {
	color: #014c8c;
	text-decoration: underline;
}

/* ========== typography ========== */

/* ---------- typography - general ---------- */

.fx-wrap b,
.fx-wrap strong {
	font-weight: bold;
}

.fx-wrap p {
    margin: 15px 0 15px 0;
}

/* ---------- typography - headers ---------- */

.fx-wrap h1,
.fx-wrap h2,
.fx-wrap h3,
.fx-wrap h4,
.fx-wrap h5,
.fx-wrap h6 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

.fx-wrap h1 {
	font-size: 40px;
}

.fx-wrap h2 {
	font-size: 32px;
}

.fx-wrap h3 {
	font-size: 28px;
}

.fx-wrap h4 {
	font-size: 24px;
}

.fx-wrap h5 {
	font-size: 20px;
}

.fx-wrap h6 {
	font-size: 16px;
}

/* ---------- typography - lists ---------- */

.fx-wrap ul,
.fx-wrap ol {
	margin-top: 15px;
	margin-bottom: 15px;
}
.fx-wrap ul ul,
.fx-wrap ol ul,
.fx-wrap ul ol,
.fx-wrap ol ol {
	margin-bottom: 0;
}
.fx-wrap .fx-list-unstyled {
	padding-left: 0;
	list-style: none;
}

.fx-wrap .fx-list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}

.fx-wrap .fx-list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

.fx-wrap dl {
	margin-top: 0;
	margin-bottom: 15px;
}

.fx-wrap dt,
.fx-wrap dd {
	line-height: 1.5;
}

.fx-wrap dt {
	font-weight: bold;
}

.fx-wrap dd {
	margin-left: 0;
	margin-bottom: 8px;
}

/* ---------- typography - blockquote ---------- */

.fx-wrap blockquote {
	padding: 8px 15px;
	margin: 15px 0 15px 0;
	font-size: 16px;
	border-left: 4px solid #eee;
}

.fx-wrap blockquote p:last-child,
.fx-wrap blockquote ul:last-child,
.fx-wrap blockquote ol:last-child {
	margin-bottom: 0;
}

.fx-wrap blockquote footer,
.fx-wrap blockquote small,
.fx-wrap blockquote .small {
	display: block;
	font-size: 80%;
	line-height: 1.5;
	color: #777;
}

.fx-wrap blockquote footer:before,
.fx-wrap blockquote small:before,
.fx-wrap blockquote .small:before {
	content: '\2014 \00A0';
}

/* ---------- typography - misc ---------- */

.fx-wrap dfn {
    font-style: italic;
}

.fx-wrap mark {
    color: #000;
    background: #ff0;
    padding: 4px;
}

.fx-wrap small {
    font-size: 80%;
    font-weight: normal;
}

.fx-wrap sub,
.fx-wrap sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

.fx-wrap sup {
    top: -8px;
}

.fx-wrap sub {
    bottom: -4px;
}

.fx-wrap abbr[title],
.fx-wrap abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.fx-wrap address {
	margin-bottom: 15px;
	font-style: normal;
	line-height: 1.5;
}

.fx-wrap code,
.fx-wrap kbd,
.fx-wrap pre,
.fx-wrap samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 16px;
}

.fx-wrap code {
	padding: 3px 8px;
	font-size: 90%;
	color: #bbb;
	background-color: #f7f7f7;
	border-radius: 4px;
}

.fx-wrap kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
}

.fx-wrap kbd kbd {
	padding: 2px 4px;
	font-size: 100%;
	font-weight: bold;
}

.fx-wrap pre {
	overflow: auto;
	display: block;
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

.fx-wrap pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	background-color: transparent;
	border-radius: 0;
}

.fx-pre-scrollable {
	max-height: 400px;
	overflow-y: scroll;
}


/* ========== grid ========== */

.fx-container {
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
}
.fx-container-xs {
	max-width: 544px;
}
.fx-container-sm {
	max-width: 768px;
}
.fx-container-md {
	max-width: 992px;
}
.fx-container-lg {
	max-width: 1200px;
}
.fx-container-xl {
	max-width: 10000px;
}

.fx-container:before,
.fx-container:after {
	display: table;
	content: " ";
}
.fx-container:after {
	clear: both;
}

.fx-row {}
.fx-row:before,
.fx-row:after {
	display: table;
	content: " ";
}
.fx-row:after {
	clear: both;
}

/* ---------- grid - cols ---------- */
.fx-col-1, .fx-col-2, .fx-col-3, .fx-col-4, .fx-col-5, .fx-col-6,
.fx-col-7, .fx-col-8, .fx-col-9, .fx-col-10, .fx-col-11, .fx-col-12 {
	float: left;
}
.fx-col-1 {
	width: 8.333%;
}
.fx-col-2 {
	width: 16.667%;
}
.fx-col-3 {
	width: 25%;
}
.fx-col-4 {
	width: 33.333%;
}
.fx-col-5 {
	width: 41.667%;
}
.fx-col-6 {
	width: 50%;
}
.fx-col-7 {
	width: 58.333%;
}
.fx-col-8 {
	width: 66.667%;
}
.fx-col-9 {
	width: 75%;
}
.fx-col-10 {
	width: 83.333%;
}
.fx-col-11 {
	width: 91.667%;
}
.fx-col-12 {
	width: 100%;
}

/* ---------- grid - cols responsive ---------- */

[class*='fx-col-xs-'], [class*='fx-col-sm-'], [class*='fx-col-md-'], [class*='fx-col-lg-'], [class*='fx-col-xl-'] {
	position: relative;
	min-height: 1px;
}
[class*='fx-col-xs-'] {
	float: left;
}
.fx-col-xs-1 {
	width: 8.333%;
}
.fx-col-xs-2 {
	width: 16.667%;
}
.fx-col-xs-3 {
	width: 25%;
}
.fx-col-xs-4 {
	width: 33.333%;
}
.fx-col-xs-5 {
	width: 41.667%;
}
.fx-col-xs-6 {
	width: 50%;
}
.fx-col-xs-7 {
	width: 58.333%;
}
.fx-col-xs-8 {
	width: 66.667%;
}
.fx-col-xs-9 {
	width: 75%;
}
.fx-col-xs-10 {
	width: 83.333%;
}
.fx-col-xs-11 {
	width: 91.667%;
}
.fx-col-xs-12 {
	width: 100%;
}

@media (min-width: 544px) {
	[class*='fx-col-sm-'] {
		float: left;
	}
	.fx-col-sm-1 {
		width: 8.333%;
	}
	.fx-col-sm-2 {
		width: 16.667%;
	}
	.fx-col-sm-3 {
		width: 25%;
	}
	.fx-col-sm-4 {
		width: 33.333%;
	}
	.fx-col-sm-5 {
		width: 41.667%;
	}
	.fx-col-sm-6 {
		width: 50%;
	}
	.fx-col-sm-7 {
		width: 58.333%;
	}
	.fx-col-sm-8 {
		width: 66.667%;
	}
	.fx-col-sm-9 {
		width: 75%;
	}
	.fx-col-sm-10 {
		width: 83.333%;
	}
	.fx-col-sm-11 {
		width: 91.667%;
	}
	.fx-col-sm-12 {
		width: 100%;
	}
}
@media (min-width: 768px) {
	[class*='fx-col-md-'] {
		float: left;
	}
	.fx-col-md-1 {
		width: 8.333%;
	}
	.fx-col-md-2 {
		width: 16.667%;
	}
	.fx-col-md-3 {
		width: 25%;
	}
	.fx-col-md-4 {
		width: 33.333%;
	}
	.fx-col-md-5 {
		width: 41.667%;
	}
	.fx-col-md-6 {
		width: 50%;
	}
	.fx-col-md-7 {
		width: 58.333%;
	}
	.fx-col-md-8 {
		width: 66.667%;
	}
	.fx-col-md-9 {
		width: 75%;
	}
	.fx-col-md-10 {
		width: 83.333%;
	}
	.fx-col-md-11 {
		width: 91.667%;
	}
	.fx-col-md-12 {
		width: 100%;
	}
}
@media (min-width: 992px) {
	[class*='fx-col-lg-'] {
		float: left;
	}
	.fx-col-lg-1 {
		width: 8.333%;
	}
	.fx-col-lg-2 {
		width: 16.667%;
	}
	.fx-col-lg-3 {
		width: 25%;
	}
	.fx-col-lg-4 {
		width: 33.333%;
	}
	.fx-col-lg-5 {
		width: 41.667%;
	}
	.fx-col-lg-6 {
		width: 50%;
	}
	.fx-col-lg-7 {
		width: 58.333%;
	}
	.fx-col-lg-8 {
		width: 66.667%;
	}
	.fx-col-lg-9 {
		width: 75%;
	}
	.fx-col-lg-10 {
		width: 83.333%;
	}
	.fx-col-lg-11 {
		width: 91.667%;
	}
	.fx-col-lg-12 {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	[class*='fx-col-xl-'] {
		float: left;
	}
	.fx-col-xl-1 {
		width: 8.333%;
	}
	.fx-col-xl-2 {
		width: 16.667%;
	}
	.fx-col-xl-3 {
		width: 25%;
	}
	.fx-col-xl-4 {
		width: 33.333%;
	}
	.fx-col-xl-5 {
		width: 41.667%;
	}
	.fx-col-xl-6 {
		width: 50%;
	}
	.fx-col-xl-7 {
		width: 58.333%;
	}
	.fx-col-xl-8 {
		width: 66.667%;
	}
	.fx-col-xl-9 {
		width: 75%;
	}
	.fx-col-xl-10 {
		width: 83.333%;
	}
	.fx-col-xl-11 {
		width: 91.667%;
	}
	.fx-col-xl-12 {
		width: 100%;
	}
}

/* ---------- grid - flexible ---------- */

.fx-grid {
	/*display: -ms-flexbox;
	display: -webkit-flex;*/
	display: flex; /* flex | inline-flex */

	/*-ms-flex-direction: row;
	-webkit-flex-direction: row;*/
	flex-direction: row; /* row | row-reverse | column | column-reverse */

	flex-wrap: wrap; /* wrap | nowrap | wrap-reverse */

	/*-webkit-justify-content: space-around;
	/*-ms-justify-content: center;*/
	justify-content: space-around; /* flex-start | flex-end | center | space-between | space-around */

	/*align-items: stretch; /* flex-start | flex-end | center | baseline | stretch */

	/*align-content: stretch; /* flex-start | flex-end | center | space-between | space-around | stretch */
}

/* ---------- grid - flexible - cols ---------- */
.fx-box-1, .fx-box-2, .fx-box-3, .fx-box-4, .fx-box-5, .fx-box-6,
.fx-box-7, .fx-box-8, .fx-box-9, .fx-box-10, .fx-box-11, .fx-box-12 {
	flex-basis: 0%;
	flex-grow: 1;
	flex-shrink: 1;
}
.fx-box-2 {
	flex-grow: 2;
}
.fx-box-3 {
	flex-grow: 3;
}
.fx-box-4 {
	flex-grow: 4;
}
.fx-box-5 {
	flex-grow: 5;
}
.fx-box-6 {
	flex-grow: 6;
}
.fx-box-7 {
	flex-grow: 7;
}
.fx-box-8 {
	flex-grow: 8;
}
.fx-box-9 {
	flex-grow: 9;
}
.fx-box-10 {
	flex-grow: 10;
}
.fx-box-11 {
	flex-grow: 11;
}
.fx-box-12 {
	flex-grow: 12;
}

/* ---------- grid - flexible - cols - responsive ---------- */

[class*='fx-box-xs-'], [class*='fx-box-sm-'], [class*='fx-box-md-'], [class*='fx-box-lg-'], [class*='fx-box-xl-'] {
	flex-basis: 0%;
	flex-grow: 1;
	flex-shrink: 1;
}
.fx-box-xs-1 {
	flex-basis: 0%;
	flex-grow: 1;
	flex-shrink: 1;
}
.fx-box-xs-2 {
	flex-grow: 2;
}
.fx-box-xs-3 {
	flex-grow: 3;
}
.fx-box-xs-4 {
	flex-grow: 4;
}
.fx-box-xs-5 {
	flex-grow: 5;
}
.fx-box-xs-6 {
	flex-grow: 6;
}
.fx-box-xs-7 {
	flex-grow: 7;
}
.fx-box-xs-8 {
	flex-grow: 8;
}
.fx-box-xs-9 {
	flex-grow: 9;
}
.fx-box-xs-10 {
	flex-grow: 10;
}
.fx-box-xs-11 {
	flex-grow: 11;
}
.fx-box-xs-12 {
	flex-grow: 12;
}

/* ---------- grid - flexible - alignment ---------- */

.fx-box-align-top {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.fx-box-align-middle {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.fx-box-align-bottom {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

/* ---------- grid - visibility helpers ---------- */

.fx-hidden-xs-up {
	display: none !important;
}

@media (max-width: 543px) {
	.fx-hidden-xs-down {
		display: none !important;
	}
}

@media (min-width: 544px) {
	.fx-hidden-sm-up {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.fx-hidden-sm-down {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.fx-hidden-md-up {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.fx-hidden-md-down {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.fx-hidden-lg-up {
		display: none !important;
	}
}

@media (max-width: 1199px) {
	.fx-hidden-lg-down {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.fx-hidden-xl-up {
		display: none !important;
	}
}

.fx-hidden-xl-down {
	display: none !important;
}

/* ========== nav ========== */

/* ---------- nav - menu ---------- */

.fx-menu {
	float: left;
	width: 100%;
	clear: both;
	background: #e5e5e5;
}

.fx-menu ul {
	margin: 0;
	padding: 0;
}

.fx-menu li {
	float: left;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.fx-menu a {
	color: #000;
	padding: 12px 12px;
	display: block;
	text-decoration: none;
	transition: all 0.3s ease;
}

.fx-menu li a:hover {
	color: #000;
}

.fx-menu li a:hover, 
.fx-menu li a:focus,
.fx-menu li.current_page_item > a, 
.fx-menu li.current-page-item > a,
.fx-menu li.current_menu_item > a, 
.fx-menu li.current-menu-item > a,
.fx-menu li.current_page_ancestor > a, 
.fx-menu li.current-page-ancestor > a,
.fx-menu li.current_menu_ancestor > a, 
.fx-menu li.current-menu-ancestor > a {
	/*background-color: #ddd;*/
    text-decoration: none;
}

.fx-menu ul li.page_item_has_children a,
.fx-menu ul li.menu-item-has-children a {
	position: relative;
}

.fx-menu ul li.page_item_has_children > a:after,
.fx-menu ul li.menu-item-has-children > a:after {
	content: "";
	position: absolute;
	display: block;
	right: 2px;
	top: 50%;
	margin-top: -2px;
	opacity: 0.5;
	width: 0;
	height: 0;
	border-left: 4px solid transparent; /* magic arrow-triangle */
	border-right: 4px solid transparent;
	border-top: 4px solid #555;
}

/* ---------- nav - menu - level 2 ---------- */

.fx-menu ul ul {
	background: #eee;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 100%;
	left: -1px;
	width: 250px;
	z-index: 50;
}

.fx-menu ul ul li {
	width: 100%;
	border-right: 0;
}

.fx-menu ul li.page_item_has_children li.page_item_has_children > a:after,
.fx-menu ul li.menu-item-has-children li.menu-item-has-children > a:after {
	content: "";
	position: absolute;
	display: block;
	right: 2px;
	top: 50%;
	margin-top: -2px;
	opacity: 0.5;
	width: 0;
	height: 0;
	border-top: 4px solid transparent; /* magic arrow-triangle */
	border-bottom: 4px solid transparent;
	border-left: 4px solid #555;
}

.fx-menu ul li:hover > ul {
	display: block;
}

/* ---------- nav - menu - level 3+ ---------- */

.fx-menu ul ul ul {
	left: 100%;
	top: 0;
}

/* ---------- nav - menu - light ---------- */

.fx-menu-light {
	background: #eee;
	color: #333;
}

.fx-menu-light a {
	color: #333;
}

.fx-menu-light li a:hover, 
.fx-menu-light li a:focus,
.fx-menu-light li.current_page_item > a, 
.fx-menu-light li.current-page-item > a,
.fx-menu-light li.current_menu_item > a, 
.fx-menu-light li.current-menu-item > a,
.fx-menu-light li.current_page_ancestor > a, 
.fx-menu-light li.current-page-ancestor > a,
.fx-menu-light li.current_menu_ancestor > a, 
.fx-menu-light li.current-menu-ancestor > a {
	color: #111;
	background-color: #ddd;
}

.fx-menu-light ul ul {
	background: #eee;
	color: #333;
}

.fx-menu-light ul li.page_item_has_children > a:after,
.fx-menu-light ul li.menu-item-has-children > a:after {
	border-top: 4px solid #333;
}

/* ---------- nav - menu - light transparent ---------- */

.fx-menu-light-transparent {
	background-color: transparent;
	color: #333;
}

.fx-menu-light-transparent a {
	color: #333;
}

.fx-menu-light-transparent li a:hover, 
.fx-menu-light-transparent li a:focus,
.fx-menu-light-transparent li.current_page_item > a, 
.fx-menu-light-transparent li.current-page-item > a,
.fx-menu-light-transparent li.current_menu_item > a, 
.fx-menu-light-transparent li.current-menu-item > a,
.fx-menu-light-transparent li.current_page_ancestor > a, 
.fx-menu-light-transparent li.current-page-ancestor > a,
.fx-menu-light-transparent li.current_menu_ancestor > a, 
.fx-menu-light-transparent li.current-menu-ancestor > a {
	color: #111;
	background-color: #ddd;
}

.fx-menu-light-transparent ul ul {
	background: #eee;
	color: #333;
}

.fx-menu-light-transparent ul li.page_item_has_children > a:after,
.fx-menu-light-transparent ul li.menu-item-has-children > a:after {
	border-top: 4px solid #333;
}

/* ---------- nav - menu - dark ---------- */

.fx-menu-dark {
	background: #333;
	color: #eee;
}

.fx-menu-dark a {
	color: #eee;
}

.fx-menu-dark li a:hover, 
.fx-menu-dark li a:focus,
.fx-menu-dark li.current_page_item > a, 
.fx-menu-dark li.current-page-item > a,
.fx-menu-dark li.current_menu_item > a, 
.fx-menu-dark li.current-menu-item > a,
.fx-menu-dark li.current_page_ancestor > a, 
.fx-menu-dark li.current-page-ancestor > a,
.fx-menu-dark li.current_menu_ancestor > a, 
.fx-menu-dark li.current-menu-ancestor > a {
	color: #fff;
	background-color: #111;
}

.fx-menu-dark ul ul {
	background: #333;
	color: #eee;
}

.fx-menu-dark ul li.page_item_has_children > a:after,
.fx-menu-dark ul li.menu-item-has-children > a:after {
	border-top: 4px solid #eee;
}

/* ---------- nav - menu - dark transparent ---------- */

.fx-menu-dark-transparent {
	background-color: transparent;
	color: #eee;
}

.fx-menu-dark-transparent a {
	color: #eee;
}

.fx-menu-dark-transparent li a:hover, 
.fx-menu-dark-transparent li a:focus,
.fx-menu-dark-transparent li.current_page_item > a, 
.fx-menu-dark-transparent li.current-page-item > a,
.fx-menu-dark-transparent li.current_menu_item > a, 
.fx-menu-dark-transparent li.current-menu-item > a,
.fx-menu-dark-transparent li.current_page_ancestor > a, 
.fx-menu-dark-transparent li.current-page-ancestor > a,
.fx-menu-dark-transparent li.current_menu_ancestor > a, 
.fx-menu-dark-transparent li.current-menu-ancestor > a {
	color: #fff;
	background-color: #111;
}

.fx-menu-dark-transparent ul ul {
	background: #333;
	color: #eee;
}

.fx-menu-dark-transparent ul li.page_item_has_children > a:after,
.fx-menu-dark-transparent ul li.menu-item-has-children > a:after {
	border-top: 4px solid #eee;
}

/* ========== forms ========== */

.fx-wrap legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: inherit;
	border: 0;
}

.fx-wrap fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

.fx-wrap label {
	display: inline-block;
	margin-bottom: 8px;
}

.fx-wrap input,
.fx-wrap button,
.fx-wrap select,
.fx-wrap optgroup,
.fx-wrap textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
.fx-wrap optgroup {
	font-weight: bold;
}

.fx-wrap textarea {
	resize: vertical;
	overflow: auto;
}

.fx-wrap select {
	text-transform: none;
}

.fx-wrap input[type="search"] {
	-webkit-appearance: none;
}

/* ========== forms - inputs ========== */

.fx-wrap .fx-form-control,
.fx-wrap [type="text"],
.fx-wrap [type="search"],
.fx-wrap [type="email"],
.fx-wrap [type="url"],
.fx-wrap [type="tel"],
.fx-wrap [type="number"],
.fx-wrap [type="range"],
.fx-wrap [type="date"],
.fx-wrap [type="month"],
.fx-wrap [type="week"],
.fx-wrap [type="time"],
.fx-wrap [type="datetime"],
.fx-wrap [type="datetime-local"],
.fx-wrap [type="color"] {
	padding: 6px 12px;
	font-size: 16px;
	line-height: 16px;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #555;
	border-radius: 3px;
}

.fx-form-control:focus {
	border-color: #337ab7;
	outline: none;
}

.fx-wrap .fx-form-control:disabled,
.fx-wrap .fx-form-control[readonly],
.fx-wrap fieldset[disabled] .fx-form-control {
	background-color: #eceeef;
	opacity: 1;
}

.fx-wrap .fx-form-control[disabled],
.fx-wrap fieldset[disabled] .fx-form-control {
	cursor: not-allowed;
}

/* ========== forms - buttons ========== */

.fx-wrap button {
	overflow: visible;
}

.fx-wrap button {
	text-transform: none;
}

.fx-wrap .fx-btn,
.fx-wrap button,
.fx-wrap [type="button"],
.fx-wrap [type="reset"],
.fx-wrap [type="submit"] {
	display: inline-block;
	cursor: pointer;
	padding: 6px 12px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: #333;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #eee;
	background-image: linear-gradient(#fcfcfc, #eee);
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.fx-wrap .fx-btn:hover,
.fx-wrap .fx-btn:active,
.fx-wrap button:hover,
.fx-wrap button:active,
.fx-wrap [type="submit"]:hover,
.fx-wrap [type="submit"]:active,
.fx-wrap [type="button"]:hover,
.fx-wrap [type="button"]:active,
.fx-wrap [type="reset"]:hover,
.fx-wrap [type="reset"]:active {
	text-decoration: none;
	/*background-color: #ddd;
	background-image: linear-gradient(#eee, #ddd);
	border-color: #ccc;*/
	-webkit-filter: brightness(85%);
	filter: brightness(85%);
	transition: all 0.3s ease;
}

.fx-wrap .fx-btn-red {
	color: #fff;
	background-color: #c12e2a;
	background-image: linear-gradient(#d9534f, #c12e2a);
	border-color: #b92c28;
}
.fx-wrap .fx-btn-green {
	color: #fff;
	background-color: #60b044;
	background-image: linear-gradient(#8add6d, #60b044);
	border-color: #5ca941;
}
.fx-wrap .fx-btn-blue {
	color: #fff;
	background-color: #265a88;
	background-image: linear-gradient(#337ab7, #265a88);
	border-color: #245580;
}

.fx-wrap button[disabled],
.fx-wrap html input[disabled] {
	cursor: default;
}

.fx-wrap button::-moz-focus-inner,
.fx-wrap input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.fx-wrap input[type="checkbox"],
.fx-wrap input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

.fx-wrap input[type="number"]::-webkit-inner-spin-button,
.fx-wrap input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

.fx-wrap input[type="search"] {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

.fx-wrap input[type="search"]::-webkit-search-cancel-button,
.fx-wrap input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


/* ========== tables ========== */

.fx-wrap table {
	border-spacing: 0;
	border-collapse: collapse;
	background-color: transparent;
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
	border-top: 2px solid #eceeef;
}

.fx-wrap table caption,
.fx-wrap table th,
.fx-wrap table td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.fx-wrap table th,
.fx-wrap table td {
	font-weight: normal;
	padding: 4px;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #eceeef;
}

.fx-wrap table th {
	font-weight: bold;
}

.fx-wrap table thead th {
	vertical-align: bottom;
}

.fx-wrap table caption {
	padding-top: 12px;
	padding-bottom: 12px;
	caption-side: bottom;
}

/* ========== columns ========== */

.fx-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.fx-columns-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.fx-columns-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.fx-columns-5 {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;
}

.fx-columns-6 {
	-webkit-column-count: 6;
	-moz-column-count: 6;
	column-count: 6;
}

.fx-columns-7 {
	-webkit-column-count: 7;
	-moz-column-count: 7;
	column-count: 7;
}

.fx-columns-8 {
	-webkit-column-count: 8;
	-moz-column-count: 8;
	column-count: 8;
}

.fx-columns .fx-column {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

/* ========== helpers ========== */

.fx-clearfix {}
.fx-clearfix:before,
.fx-clearfix:after {
	display: table;
	content: " ";
}

.fx-clearfix:after {
	clear: both;
}

/* ---------- helpers - text ---------- */

.fx-text-left {
	text-align: left;
}

.fx-text-right {
	text-align: right;
}

.fx-text-center {
	text-align: center;
}

.fx-text-justify {
	text-align: justify;
}

.fx-text-nowrap {
	white-space: nowrap;
}

.fx-text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fx-text-lowercase {
	text-transform: lowercase;
}

.fx-text-uppercase {
	text-transform: uppercase;
}

.fx-text-capitalize {
	text-transform: capitalize;
}

.fx-text-hide {
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.fx-text-mute {
	color: #777;
}

/* ---------- helpers - position ---------- */

.fx-center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

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

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

.fx-affix {
	position: fixed;
}

/* ---------- helpers - visibility ---------- */

.fx-hide {
	display: none !important;
}

.fx-show {
	display: block !important;
}

.fx-invisible {
	visibility: hidden;
}

/* ---------- helpers - margin ---------- */

.fx-m-a-0 {
	margin: 0 !important;
}

.fx-m-t-0 {
	margin-top: 0 !important;
}

.fx-m-r-0 {
	margin-right: 0 !important;
}

.fx-m-b-0 {
	margin-bottom: 0 !important;
}

.fx-m-l-0 {
	margin-left: 0 !important;
}

.fx-m-x-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.fx-m-y-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.fx-m-a {
	margin: 15px !important;
}

.fx-m-t {
	margin-top: 15px !important;
}

.fx-m-r {
	margin-right: 15px !important;
}

.fx-m-b {
	margin-bottom: 15px !important;
}

.fx-m-l {
	margin-left: 15px !important;
}

.fx-m-x {
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.fx-m-y {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.fx-m-x-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

/* ---------- helpers - padding ---------- */

.fx-p-a-0 {
	padding: 0 !important;
}

.fx-p-t-0 {
	padding-top: 0 !important;
}

.fx-p-r-0 {
	padding-right: 0 !important;
}

.fx-p-b-0 {
	padding-bottom: 0 !important;
}

.fx-p-l-0 {
	padding-left: 0 !important;
}

.fx-p-x-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.fx-p-y-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.fx-p-a {
	padding: 15px !important;
}

.fx-p-t {
	padding-top: 15px !important;
}

.fx-p-r {
	padding-right: 15px !important;
}

.fx-p-b {
	padding-bottom: 15px !important;
}

.fx-p-l {
	padding-left: 15px !important;
}

.fx-p-x {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

.fx-p-y {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}