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

@media (min-width: 1200px) {
.main-signup > .panel,
.container-wide {
		margin: 0 auto;
		width: 1265px;
	}
}

.panel {
	border-bottom: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	min-height: 100%;
	position: relative;
}

.panel-default {
	border: 1px solid #e8e8e8;
}

.panel-head,
.panel-heading {
	background-color: #f8f8f8;
	border-radius: 0;
	padding: 10px 15px;
}

.panel-head {
	border-bottom: 1px solid #e8e8e8;
	margin: -15px -15px 15px;
}

.panel-head-trans {
	color: #626262;
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 0;
	margin-bottom: 0;
}

.panel-body:empty {
	display: none;
}

.position-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}

.position-sticky-bottom {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	z-index: 1;
}

.top-15 {
	top: 15px;
}

.ui-header ~ .ui-content .position-sticky {
	top: 50px;
}

.ui {
	position: relative;
	width: 100%;
	min-width: 310px;
	height: auto;
	min-height: 100%;
	padding-top: 0;
}

.ui-header,
.ui-footer {
	box-shadow: 0 0 0 1px #e8e8e8;
	height: 50px;
}

.ui-header {
	width: 100%;
	z-index: 100000;
	background-color: #fff;
}

.ui-header-fixed {
	position: fixed;
	top: 0;
}

.ui-header-fixed ~ .ui-content {
	padding-top: 50px;
}

.shm-debug-header {
	height: 150px;
}

.shm-debug-header ~ .ui > .ui-content {
	padding-top: 0;
}

.ui-header .navbar-brand {
	padding: 10px 0;
	line-height: 25px;
}

.ui-header--dark {
	background-color: #626262;
}

.ui-header--purple {
	background-color: #62549a;
}

.ui-header--blue {
	background-color: #4aa9e9;
}

.ui-header--green {
	background-color: #23b9a9;
}

.ui-header.text-white {
	color: #fff;
}

.ui-header.text-white .search-content .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .5);
	opacity: 1;
}

.ui-header.text-white .search-content .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .5);
}

.ui-header.text-white .search-content .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .5);
}

.ui-header.text-white .btn {
	color: inherit;
}

.ui-header.text-white .navbar-collapse {
	color: #2c2c2c;
}

.ui-header.text-white .dropdown-footer a {
	color: #626262;
}

.ui-header.text-white .dropdown-footer a:hover {
	color: #626262;
}

.ui-header.text-dark {
	color: #2c2c2c;
}

.ui-header .search-content {
	float: left;
	margin-top: 8px;
	position: relative;
	width: 230px;
}

.ui-header .search-content .form-control {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: left;
	width: auto;
	padding-left: 0;
	font-size: 12px;
	background-color: rgba(0, 0, 0, 0);
	color: inherit;
}

.ui-header .search-content .form-control::-moz-placeholder {
	color: rgba(0, 0, 0, .5);
	opacity: 1;
}

.ui-header .search-content .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

.ui-header .search-content .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

.ui-header .search-content .srch-btn {
	float: left;
	background: none;
}

.ui-header .search-content .srch-btn:hover,
.ui-header .search-content .srch-btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-aside {
	float: left;
	width: 240px;
	color: #99a4ce;
	background-color: #3a466c;
	-webkit-transition: transform .3s, width .3s;
	transition: transform .3s, width .3s;
}

.ui-aside::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: inherit;
	background-color: inherit;
	border: inherit;
	z-index: -1;
}

.ui-aside--dark {
	background-color: #32323a;
}

.ui-aside--dark .nav li a {
	color: rgba(255, 255, 255, .6);
}

.ui-aside--dark .nav li a:hover {
	background-color: #28282E;
}

.ui-aside--dark .nav li a:focus {
	color: rgba(255, 255, 255, .6);
}

.ui-aside--dark .nav .active {
	background-color: #28282E;
}

.ui-aside--light {
	background-color: #fff;
}

.ui-aside--light .nav li a {
	color: #626262 !important;
}

.ui-aside--light .nav li a:hover {
	background-color: #f8f8f8;
	color: #2c2c2c !important;
}

.ui-aside--light .nav .active {
	color: #2c2c2c;
}

.ui-aside--light .nav .active a {
	background-color: #f8f8f8;
	color: #626262;
}

.ui-aside--light .nav > li.active > a {
	color: #2c2c2c !important;
}

.ui-aside .nav > li > a {
	padding: 12px 15px;
}

.ui-aside .nav > li > a > span:not(.badge) {
	display: block;
	padding-left: 25px;
	width: 170px;
	opacity: 1;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.ui-aside--light .nav > li > .nav-sub {
	background-color: #f8f8f8;
}

.ui-aside--dark .nav > li > .nav-sub {
	background-color: #28282e;
}

.ui-aside .nav > li > .nav-sub .nav-sub {
	padding-left: 15px;
}

.ui-aside .nav > li.active > a {
	color: #fff;
}

.ui-content {
	margin-left: 0;
	/*min-height: 100%;*/
	-webkit-transition: margin-left .3s;
	transition: margin-left .3s;
	width: auto;
}

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

.ui-content::after {
	clear: both;
}

.ui-content-body {
	float: left;
	width: 100%;
	padding: 10px;
}

.ui-footer {
	-webkit-order: 1;
	order: 1;
	margin-left: 0;
	margin-top: auto;
	background-color: #fff;
	line-height: 50px;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 12px;
	z-index: 1;
}

.ui-aside-compact .ui-aside {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.ui-content-compact .ui-container {
	margin-right: 0;
	width: auto;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ui-container h1 + hr,
.module-site .ui-container hr {
	margin: 15px 0;
}

.ui-container h1 {
	font-size: 20px;
	margin: 0 0 15px;
}

.ajax-overlayer-content h1,
.module-site .ui-container h1 {
	color: #868e96;
	font-size: 18px;
}

.ajax-overlayer-content h2,
.ui-container h2,
.label-h2 {
	font-size: 16px;
	margin: 0 0 10px;
}

.nav li a {
	overflow: hidden;
}

.nav li a:focus {
	color: inherit;
	background-color: inherit;
}
/*
.nav li a:hover {
	color: #fff;
	background-color: #2d3756;
}
*/

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	border: 1px solid #e8e8e8;
	border-bottom-color: rgba(0, 0, 0, 0);
	border-radius: 0;
}

.nav-tabs {
	border-bottom: 1px solid #e8e8e8;
}

.nav-tabs li a:hover {
	background-color: #f8f8f8;
	border-color: #e8e8e8;
	border-radius: 0;
	color: inherit;
}

.nav li a i {
	float: left;
	width: 20px;
	margin-top: 3px;
}

.nav li a i:not(.pull-right):not(.gray-dark) {
	margin-top: 5px;
}

.nav .active {
	background-color: #2d3756;
}

.nav-tabs .active {
	background-color: rgba(0, 0, 0, 0);
}

.nav-sub {
	display: none;
	background-color: inherit;
}

.nav-sub--open {
	display: block;
}

.nav-sub .active a {
	background-color: inherit;
}

.nav-sub-header {
	display: none !important;
}

.ui-header.text-white .navbar-collapse {
	color: inherit;
}

.ui-aside-compact .ui-aside--dark .nav > li .nav-sub {
	background-color: #393942;
}

.ui-aside-compact .ui-aside--dark .nav > li .nav-sub-header a,
.ui-aside-compact .ui-aside--dark .nav > li:hover > a {
	background-color: #28282e;
}

.ui-aside-compact .ui-aside--light .nav > li .nav-sub {
	background-color: #f8f8f8;
}

.ui-aside .nav > li a {
	-webkit-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}

.ui-aside li > a > .pull-right {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7px;
	opacity: 1;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.ui-aside li > a .label {
	margin-left: 5px;
}

.ui-aside li.active > a > .fa-angle-right {
	-webkit-transform: rotate(-270deg);
	-ms-transform: rotate(-270deg);
	transform: rotate(-270deg);
}

.ui-aside li.active > a > .pull-right {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: 0;
}

.col-wrap {
	display: -webkit-flex;
	display: flex;
}

.col-side {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	width: 278px;
}

.col-side-wide {
	width: 370px;
}

.col-main {
	-webkit-flex-grow: 9999;
	flex-grow: 9999;
	-webkit-flex-basis: 0;
	flex-basis: 0;
	min-width: 0;
}


/*--------------------------------------------
Core CSS
----------------------------------------------*/

html,
body {
	height: 100%;
	width: 100%;
}

body {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #626262;
	background-color: #f8f8f8;
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;
	letter-spacing: 0;
	overflow-x: hidden;
}

*:focus {
	outline: 0 !important;
}

img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimizequality;
	-ms-interpolation-mode: bicubic;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.3;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0;
	font-weight: inherit;
}

h1, .h1 {
	font-size: 36px;
}

h2, .h2 {
	font-size: 30px;
}

h3, .h3 {
	font-size: 24px;
}

h4, .h4 {
	font-size: 18px;
}

h5, .h5 {
	font-size: 14px;
}

h6, .h6 {
	font-size: 12px;
}

small,
.small {
	font-size: 85%;
}

a {
	color: inherit;
}

a:hover,
a:focus,
a:active {
	color: inherit;
}

.table thead tr th,
.table tbody tr td {
	vertical-align: middle;
}

.borders-none,
.borders-none thead tr th,
.borders-none tbody tr td {
	border: none;
}

.font-sans,
.font-heading {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.font-monospace {
	font-family: Menlo, Monaco, Consolas, "Inconsolata", monospace;
}

.font-light {
	font-weight: 300;
}

.label-h2,
.font-normal {
	font-weight: 400;
}

.font-semi-bold {
	font-weight: 600;
}

.font-bold {
	font-weight: 700;
}

.font-italic {
	font-style: italic;
}

.text-base {
	font-size: 14px;
}

.text-lg {
	font-size: 21px;
}

.text-md {
	font-size: 16px;
}

.text-sm {
	font-size: 13px;
}

.text-xs {
	font-size: 12px;
}

.text-xxs {
	font-size: 11px;
}

.ellipsis,
.text-ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.no-shadow {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.none {
	display: none;
}

b,
strong,
th,
label,
.label,
.label-checkbox {
	font-weight: 600;
}

.label-checkbox {
	display: block;
	margin-bottom: 5px;
}

.quest > .checkbox:first-child {
	margin-top: 0;
}

.quest > .checkbox:last-child {
	margin-bottom: 0;
}

.form-control {
	-webkit-appearance: none;
	border-color: #ddd;
	box-shadow: none;
	color: #333;
	font-size: 13px;
	-webkit-transition: border-color .3s;
	transition: border-color .3s;
}

.form-control:focus {
	border-color: #4aa9e9;
	outline: 0;
	box-shadow: none;
}

.form-control.error {
	border-color: #a94442;
}

.form-control + label {
	font-weight: 400;
}

.form-control + label.error {
	color: #a94442;
}

.btn {
	background-color: rgba(0, 0, 0, 0);
	color: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}

.btn:focus,
.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn > .caret {
	margin-left: 6px;
	position: relative;
	left: 2px;
	top: -3px;
}

.btn-sm > .caret {
	left: 0;
}

.btn-lg > .caret {
	border-width: 4px 4px 0;
	left: 6px;
}

.btn-opacity:hover,
.btn-opacity:focus {
	opacity: .9;
}

.btn-opacity:active {
	opacity: 1;
}

.btn-rounded {
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.btn-outline {
	border: 1px solid currentcolor;
	color: #4aa9e9;
	-webkit-transition: border-color .3s, color .3s;
	transition: border-color .3s, color .3s;
}

.btn-outline:focus,
.btn-outline.focus,
.btn-outline:active,
.btn-outline.active {
	color: #0076b2;
}

.btn-outline:hover {
	color: #2090cd;
}

.bg-light,
.btn-light {
	color: #738ca8;
	background-color: #eaf3fe;
	border-color: #cfdeef;
}

.bg-site {
	color: #626262;
	background-color: #f8f8f8;
	border-color: #f8f8f8;
}

.btn-light:focus,
.btn-light.focus,
.btn-light:active,
.btn-light.active {
	color: #738ca8 !important;
	background-color: #cee1fa !important;
	border-color: #cfdeef !important;
}

.btn-light:hover {
	color: #738ca8;
	background-color: #dceafc;
	border-color: #cfdeef;
}

.btn-dark {
	color: #fff;
	background-color: #626262;
	border-color: #626262;
}

.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active {
	color: #fff !important;
	background-color: #494949 !important;
	border-color: #434343 !important;
}

.btn-dark:hover {
	color: #fff;
	background-color: #555555;
	border-color: #535353;
}

.btn-primary,
.btn-info {
	color: #fff;
	background-color: #3498db;
	border-color: #3498db;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
	color: #fff !important;
	background-color: #2980b9 !important;
	border-color: #2980b9 !important;
}

.btn-primary:hover,
.btn-info:hover {
	color: #fff;
	background-color: #2f8cca;
	border-color: #2f8cca;
}

.btn-success {
	color: #fff;
	background-color: #2ecc71;
	border-color: #2ecc71;
}

.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
	color: #fff !important;
	background-color: #27ae60 !important;
	border-color: #27ae60 !important;
}

.btn-success:hover {
	color: #fff;
	background-color: #2bbd69;
	border-color: #2bbd69;
}

.btn-warning {
	color: #fff;
	background-color: #f39c12;
	border-color: #f39c12;
}

.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active {
	color: #fff !important;
	background-color: #e67e22 !important;
	border-color: #e67e22 !important;
}

.btn-warning:hover {
	color: #fff;
	background-color: #ed8d1a;
	border-color: #ed8d1a;
}

.btn-danger,
.btn-red {
	color: #fff;
	background-color: #da0045;
	border-color: #da0045;
}

.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.btn-red:focus,
.btn-red.focus,
.btn-red:active,
.btn-red.active {
	color: #fff !important;
	background-color: #bb002f !important;
	border-color: #bb002f !important;
}

.btn-danger:hover,
.btn-red:hover {
	color: #fff;
	background-color: #cb003a;
	border-color: #cb003a;
}

.btn-purple {
	color: #fff;
	background-color: #881443;
	border-color: #881443;
}

.btn-purple:focus,
.btn-purple.focus,
.btn-purple:active,
.btn-purple.active {
	color: #fff !important;
	background-color: #6b002d !important;
	border-color: #6b002d !important;
}

.btn-purple:hover {
	color: #fff;
	background-color: #790038;
	border-color: #790038;
}

.btn-lavender {
	color: #fff;
	background-color: #ce70cc;
	border-color: #ce70cc;
}

.btn-lavender:focus,
.btn-lavender.focus,
.btn-lavender:active,
.btn-lavender.active {
	color: #fff !important;
	background-color: #b157b1 !important;
	border-color: #b157b1 !important;
}

.btn-lavender:hover {
	color: #fff;
	background-color: #bf64bf;
	border-color: #bf64bf;
}

.btn-blue {
	color: #fff;
	background-color: #033e9e;
	border-color: #033e9e;
}

.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active {
	color: #fff !important;
	background-color: #002883 !important;
	border-color: #002883 !important;
}

.btn-blue:hover {
	color: #fff;
	background-color: #003290;
	border-color: #003290;
}

.btn-turquoise {
	color: #fff;
	background-color: #2ad2c9;
	border-color: #2ad2c9;
}

.btn-turquoise:focus,
.btn-turquoise.focus,
.btn-turquoise:active,
.btn-turquoise.active {
	color: #fff !important;
	background-color: #00b5ad !important;
	border-color: #00b5ad !important;
}

.btn-turquoise:hover {
	color: #fff;
	background-color: #00c3bb;
	border-color: #00c3bb;
}

.bg-facebook,
.btn-facebook {
	color: #fff;
	background-color: #3b5998;
	border-color: #3b5998;
}

.btn-facebook:focus,
.btn-facebook.focus,
.btn-facebook:active,
.btn-facebook.active {
	color: #fff !important;
	background-color: #1a427f !important;
	border-color: #1a427f !important;
}

.btn-facebook:hover {
	color: #fff;
	background-color: #2b4e8c;
	border-color: #2b4e8c;
}

.btn-brand {
	color: #fff;
	background-color: #cf2031;
	border-color: #cf2031;
}

.btn-brand:hover {
	color: #fff;
	background-color: #c00027;
	border-color: #c00027;
}

.btn-brand:focus,
.btn-brand:active {
	color: #fff;
	background-color: #b1001c;
	border-color: #b1001c;
}

.btn-cyan {
	color: #fff;
	background-color: #00a9c0;
	border-color: #00a9c0;
}

.btn-cyan:hover {
	color: #fff;
	background-color: #009bb3;
	border-color: #009bb3;
}

.btn-cyan:focus,
.btn-cyan:active {
	color: #fff;
	background-color: #008da3;
	border-color: #008da3;
}

.btn-orange {
	color: #fff;
	background-color: #eb6036;
	border-color: #eb6036;
}

.btn-orange:hover {
	color: #fff;
	background-color: #db522a;
	border-color: #db522a;
}

.btn-orange:focus,
.btn-orange:active {
	color: #fff;
	background-color: #cb451e;
	border-color: #cb451e;
}

.btn-upgrade,
.btn-yellow {
	color: #333;
	background-color: #ffd258;
	border-color: #ffd258;
}

.btn-upgrade:hover,
.btn-yellow:hover {
	color: #333 !important;
	background-color: #ffdc63 !important;
	border-color: #ffdc63 !important;
}

.btn-upgrade:focus,
.btn-upgrade:active,
.btn-yellow:focus,
.btn-yellow:active {
	color: #333 !important;
	background-color: #ffe46b !important;
	border-color: #ffe46b !important;
}

.btn-default {
	background-color: #fff;
	border-color: #ddd;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
	background-color: #f8f8f8;
	border-color: #ddd;
}

.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default:focus {
	background-color: #eee;
	border-color: #ddd;
}

.btn-toolbar,
.btn-toolbar > .btn:first-child,
.btn-toolbar > .btn-group:first-child,
.btn-toolbar > .input-group:first-child {
	margin-left: 0;
}

.btn-default.dropdown-toggle {
	cursor: default;
}

.open > .dropdown-toggle.btn-default.btn:hover,
.dropdown-toggle.btn-default.btn:hover,
.dropdown-toggle.btn-default.btn:focus,
.dropdown-toggle.btn-default.btn[aria-expanded="true"] {
	background-color: #fff;
	border-color: #4aa9e9;
}

.dropdown-toggle.btn-default.btn:hover {
	border-color: #ddd;
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dropdown-toggle.btn-sm + .dropdown-menu {
	transform: translateY(-1px);
}

.dropdown-toggle.btn-sm + .dropdown-menu > li > a {
	font-size: 12px;
	padding: 6px 10px !important;
}

.text-shadow.text-shadow {
	text-shadow: 0 5px 10px rgba(0, 0, 0, .125), 0 10px 20px rgba(0, 0, 0, .2);
}

.box-shadow.box-shadow {
	box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05);
}

.label-badge {
	line-height: 1.5;
}

.label-outline {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid;
}

.label-default.label-outline {
	border-color: #ccc;
	color: #ccc;
}

.label-success.label-outline {
	border-color: #5cb85c;
	color: #666;
}

.label-primary.label-outline,
.label-info.label-outline {
	border-color: #5bc0de;
	color: #5bc0de;
}

.label-warning.label-outline {
	border-color: #f39c12;
	color: #f39c12;
}

.label-danger.label-outline {
	border-color: #d9534f;
	color: #d9534f;
}

.bg-white {
	color: #626262;
	background-color: #fff;
}

.bg-gray-light {
	color: #626262;
	background-color: #f8f8f8;
}

.bg-gray {
	color: #fff;
	background-color: #ccc;
}

.bg-dark {
	color: #fff;
	background-color: #626262;
}

.bg-primary,
.bg-info {
	color: #fff;
	background-color: #3498db;
}

.bg-success.bg-success {
	color: #fff;
	background-color: #2ecc71;
}

.bg-warning.bg-warning {
	color: #fff;
	background-color: #f39c12;
}

.bg-danger.bg-danger,
.bg-red.bg-red {
	color: #fff;
	background-color: #da0045;
}

.bg-purple {
	color: #fff;
	background-color: #881443;
}

.bg-lavender {
	color: #fff;
	background-color: #ce70cc;
}

.bg-blue {
	color: #fff;
	background-color: #033e9e;
}

.bg-turquoise {
	color: #fff;
	background-color: #2ad2c9;
}

.bg-danger-light,
.bg-red-light {
	background-color: #fdf2f6;
}

.bg-purple-light {
	background-color: #f3e7ec;
}

.bg-lavender-light {
	background-color: #faf0fa;
}

.bg-blue-light {
	background-color: #e5ebf5;
}

.bg-turquoise-light {
	background-color: #e9faf9;
}

.bg-primary-light,
.bg-info-light {
	background-color: #eaf4fb;
}

.bg-success-light {
	background-color: #eafaf1;
}

.bg-warning-light {
	background-color: #fef5e7;
}

.bg-highlight {
	background-color: #ffffcc;
}

.bg-transparent.bg-transparent {
	background-color: rgba(0, 0, 0, 0);
}

.bg-yellow,
.bg-brand .badge,
.badge.badge-notification,
.inbox-contact .inbox-counter {
	color: #333;
	background-color: #ffd258;
}

.bg-brand.bg-brand {
	background-color: #cf2031;
}

.bg-none {
	background-color: none;
}

/*--------------------------------------------
Nav
----------------------------------------------*/

.navbar-brand .logo > i {
	margin-right: 5px;
}

.navbar-brand .logo > img {
	height: 34px;
	width: 34px;
}

.navbar-collapse {
	background-color: rgba(0, 0, 0, 0);
	border-top: none;
	height: 50px;
}

.intro-hero .container,
.main-signup .container,
.ui-adm .container,
.ui-site .container {
	max-width: 1264px;
	width: auto;
}

.container > .navbar-collapse {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

.navbar-collapse .toggle-btn {
	float: left;
	margin-right: -10px;
	padding: 14px 15px;
}

.navbar-collapse .navbar-nav {
	float: left;
	margin: 0;
}

.navbar-collapse .navbar-nav > li {
	float: left;
}

.navbar-collapse .navbar-nav > li + li {
	margin-left: -1px;
}

.col-side-profile .badge,
.navbar-collapse .badge,
.badge-notification {
	border-radius: 50%;
	font-size: 11px;
	font-weight: normal;
	height: 18px;
	line-height: 17px;
	padding: 0;
	position: absolute;
	right: 4px;
	text-align: center;
	top: 10px;
	width: 18px;
}

.badge-notification {
	position: relative;
	right: auto;
	top: -10px;
}

.ui-aside .nav .badge-notification {
	margin-left: 5px;
	top: -2px;
}

.ui-aside .nav-sub .badge-notification {
	position: absolute;
	right: 10px;
	top: 10px;
}

.badge-gray {
	background-color: #f5f5f5;
	border-radius: 50%;
	color: #999;
	font-size: 11px;
	font-weight: 400;
	height: 22px;
	line-height: 22px;
	padding: 0;
	width: 22px;
}

.navbar-collapse .navbar-nav .dropdown li {
	position: relative;
}

.navbar-collapse .navbar-nav > li > a {
	border-color: rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 0 1px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 50px;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.navbar-collapse .navbar-nav > li > a:hover {
	background-color: inherit;
	color: inherit;
}

.navbar-collapse .navbar-nav > li > a:hover + .dropdown-menu {
	z-index: 1001;
}

.navbar-collapse .navbar-nav .dropdown-menu {
	display: block;
	position: absolute;
	min-width: 260px;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .15);
	z-index: 1000;
	right: auto;
	left: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .1s, visibility .1s;
	transition: opacity .1s, visibility .1s;
}

.navbar-collapse .navbar-nav .dropdown-menu a {
	text-align: left;
	height: auto;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.navbar-collapse .navbar-right {
	float: right !important;
	margin: 0;
	height: 50px;
}

/*.navbar-collapse li:hover > .dropdown-menu,*/
.navbar-collapse .open > .dropdown-menu {
	opacity: 1;
	visibility: visible;
}


/*--------------------------------------------
i-checks
----------------------------------------------*/

.i-checks {
	padding-left: 20px;
	cursor: pointer;
}

.i-checks + .i-checks {
	margin-left: 10px;
}

.i-checks input {
	opacity: 0;
	position: absolute;
	margin-left: -20px;
}

.i-checks input:checked + i {
	border-color: #4aa9e9;
}

.i-checks input:checked + i::before {
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	background-color: #4aa9e9;
}

.i-checks input:checked + span .active {
	display: inherit;
}

.i-checks input[type="radio"] + i,
.i-checks input[type="radio"] + i::before {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.i-checks input[disabled] + i,
fieldset[disabled] .i-checks input + i {
	border-color: rgba(13, 13, 13, .07);
}

.i-checks input[disabled] + i::before,
fieldset[disabled] .i-checks input + i::before {
	background-color: rgba(13, 13, 13, .07);
}

.i-checks i {
	width: 20px;
	height: 20px;
	line-height: 1;
	border: 1px solid #ddd;
	background-color: #fff;
	margin-left: -20px;
	margin-top: -3px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	position: relative;
}

.i-checks i::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.i-checks > span {
	margin-left: -20px;
}

.i-checks > span .active {
	display: none;
}

.i-checks input + i,
.i-checks input:checked + i {
	border-color: #ddd;
}

.i-checks input:focus + i {
	border-color: #4aa9e9;
}

.i-checks input[type=radio]:checked + i::before {
	background-color: #777;
	height: 8px;
	left: 5px;
	top: 5px;
	width: 8px;
}

.list-radios > li {
	border-top: 1px solid #eee;
}

.list-radios > li > label {
	display: block;
	margin: 0;
	padding: 15px;
}

.list-radios .i-checks input[type=radio]:checked + i::before,
.list-radios .i-checks input[type=radio]:checked + i::after,
.i-checks input[type=checkbox]:checked + i::before,
.i-checks input[type=checkbox]:checked + i::after {
	backface-visibility: hidden;
	background-color: #777;
	height: 12px;
	left: 10px;
	top: 3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 3px;
}

.list-radios .i-checks input[type=radio]:checked + i::after,
.i-checks input[type=checkbox]:checked + i::after {
	content: "";
	height: 8px;
	left: 4px;
	position: absolute;
	top: 7px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.list-radios .i-checks input[type=radio],
.list-radios .i-checks input[type=radio] + i {
	border-color: rgba(0, 0, 0, 0);
}

.list-radios .i-checks input[type=radio] + i::before,
.list-radios .i-checks input[type=radio] + i::after {
	background-color: #4aa9e9 !important;
}

.i-checks.i-checks-nofocus input:focus + i {
	border-color: #ddd;
}

.parsley-error .i-checks input:not(:checked) + i,
.form-error .i-checks input:not(:checked) + i,
.border-danger {
	border-color: #a94442;
}

.border-0.border-0 {
	border: 0
}


/*--------------------------------------------
dropdowns
----------------------------------------------*/

.dropdown-menu {
	border: 1px solid #e8e8e8;
	padding: 0;
	box-shadow: none !important;
}

.dropdown-menu.dropdown-menu-shadow {
	box-shadow: 0 0 10px rgba(0, 0, 0, .15) !important;
}

.dropdown-menu-usermenu {
	z-index: 1001;
}

.dropdown-menu-visible {
	border-radius: 0;
	display: block;
	height: 100%;
	margin: 0;
	opacity: 1;
	position: relative;
	top: 0;
	visibility: visible;
	z-index: 0;
}

.dropdown-menu-visible a {
	border-color: rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 1px;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.dropdown-menu-visible a.active {
	background-color: #f8f8f8;
	border-color: rgba(0, 0, 0, 0);
	color: #2c2c2c;
	cursor: default;
}

.dropdown-menu li.divider {
	background-color: #e8e8e8;
}

.dropdown-menu-visible li:first-child a.active {
	border-top-color: rgba(0, 0, 0, 0);
}

.dropdown-menu-visible li:last-child a.active {
	border-bottom-color: rgba(0, 0, 0, 0);
}

.dropdown-header {
	padding: 10px 15px;
	font-weight: 600;
	font-size: 13px;
	background-color: rgba(0, 0, 0, .03);
}

.dropdown-footer > a {
	text-align: center !important;
	text-decoration: none;
	display: block;
	padding: 10px 15px !important;
	border-top: 1px solid #eaeef3;
	font-size: 13px;
}

.dropdown-footer > a:focus,
.dropdown-footer > a:hover {
	background-color: rgba(0, 0, 0, .03) !important;
}

.dropdown .fa-angle-down {
	margin-right: -.3em;
}

.dropdown-menu {
	min-width: 200px !important;
}

.dropdown-menu > li > a {
	color: inherit;
	padding: 10px 15px !important;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	color: #2c2c2c !important;
	background-color: #f8f8f8 !important;
}

.dropdown-menu .divider {
	background-color: #eee;
	margin: 0;
}


/*--------------------------------------------
Login
----------------------------------------------*/

.sign-in-wrapper {
	padding: 7px 10px;
}

.sign-in-wrapper .sign-container {
	border: 1px solid #eee;
	max-width: 350px;
	min-width: 300px;
	background: #fff;
	padding: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 auto;
	position: relative;
}

.sign-container.sign-container-medium {
	max-width: 500px;
	padding: 30px;
}

.sign-container.sign-container-wide {
	max-width: 750px;
	padding: 30px;
}

.sign-in-wrapper .sign-container .copyright-txt {
	bottom: -40px;
	left: 0;
	position: absolute;
	right: 0;
}

.sign-in-wrapper .logo {
	text-align: center;
	font-weight: bold;
}

.sign-in-wrapper h1.h3 {
	margin: 0 0 15px 0;
}

.sign-in-wrapper .sign-in-form {
	margin-top: 20px;
}

.form-logo {
	display: block;
	padding: 30px 10px 28px;
}

.form-logo img {
	height: 47px;
}


/*--------------------------------------------
Custom
----------------------------------------------*/

.search_form_remote_placeholder {
	min-height: 34px; /* match the height of a select or text input */
}

.word-break {
	word-break: break-all;
}

.main-signup-bg::before,
.main-signup-bg::after {
	bottom: 0;
	content: "";
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: -1;
}

.main-signup-bg::before {
	background: #c4a385 url("../img/site/hero_login.jpg") no-repeat center top / cover;
}

.main-signup-bg::after {
	background-color: rgba(51, 92, 158, .33);
}

.main-signup-bg {
	height: 100vh;
	-webkit-justify-content: center;
	justify-content: center;
}

.main-signup-bg .form-logo {
	padding-bottom: 10px;
	padding-top: 10px;
}

.static-wrapper img {
	max-width: 100%;
}

.static-wrapper h2,
.static-wrapper h3 {
	font-weight: 600;
}

.static-wrapper h2 {
	font-size: 18px;
}

.static-wrapper h3 {
	font-size: 16px;
}

.static-wrapper a {
	text-decoration: underline;
}

.static-wrapper a:hover,
.static-wrapper a:focus {
	text-decoration: none;
}

#err_block {
	margin-bottom: 15px !important;
	min-height: 47px;
}

.fa-refresh::before {
	content: "\f021";
}

.ui-aside {
	height: 100vh;
	position: fixed;
	z-index: 1001;
}

.ui-aside--dark .ui-nav {
	background-color: #32323a;
}

.nav-fixed-bottom {
	bottom: 0;
	position: absolute;
	-webkit-transition: width .3s;
	transition: width .3s;
	width: 100%;
	z-index: -1;
}

.ui-aside-compact .nav-fixed-bottom {
	width: 70px;
}

.ui-aside > .nav > li > a,
.ui-aside-compact .nav > li .nav-sub > li > a {
	padding: 14px;
}

.ui-aside-compact .nav > li {
	position: static;
}

.ui-aside-compact .nav > li .nav.nav-sub,
.ui-aside-compact .nav > li.active .nav.nav-sub {
	border-left: 1px solid #2d2d34;
	left: 70px;
	margin-left: -2px;
	-webkit-transition: none;
	transition: none;
}

.ui-aside-compact .nav > li .nav-sub::before {
	content: "";
	height: 100vh;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.ui-aside-compact .nav > li.active > .nav-sub {
	margin-left: 0;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 1;
}

.ui-aside-compact .nav-sub-header {
	font-weight: 600;
	pointer-events: none;
}

.ui-aside-compact .ui-aside--dark .nav > li .nav-sub-header a {
	border-bottom: 0;
	color: rgba(255, 255, 255, .8);
	line-height: 1.5;
}

.ui-container.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.ui-content .ui-container.container > * {
	min-height: calc(100vh - 50px);
	margin-bottom: 0;
}

.ui-footer + .ui-content .ui-container.container > * {
	min-height: calc(100vh - 100px);
}

.no-stretch {
	min-height: 0 !important;
}

.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6 {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
}

.columns-2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

.columns-3 {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
}

.columns-4 {
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
}

.columns-5 {
	-webkit-columns: 5;
	-moz-columns: 5;
	columns: 5;
}

.columns-6 {
	-webkit-columns: 5;
	-moz-columns: 5;
	columns: 5;
}

p:last-child,
table:last-child,
.form-group:last-child:not(.flex-col):not(.filter-widget) {
	margin-bottom: 0;
}

select.form-control {
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4'%3E%3Cpath fill='%23333' d='M0 0H8L4 4H4Z'/%3E%3C/svg%3E") no-repeat right 10px center / 8px 4px;
}

select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 5px 24px 5px 12px;
}

select.input-sm {
	line-height: inherit;
	padding: 5px 22px 5px 10px;
}

select.input-lg {
	line-height: inherit;
	padding: 8px 28px 8px 16px;
}

select.form-control:-moz-focusring {
	color: rgba(0, 0, 0, 0);
	text-shadow: 0 0 0 #333;
}

select.form-control::-ms-expand,
input::-ms-clear {
	display: none;
}

@-moz-document url-prefix() {
	select.form-control {
		text-indent: -2px;
		padding-right: 18px;
	}

	select.input-sm {
		padding-right: 16px;
	}

	select.input-lg {
		padding-right: 22px;
	}
}

.form-control::-webkit-input-placeholder {
	color: #ccc;
}

.form-control::-moz-placeholder {
	color: #ccc;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #ccc;
}

.alert {
	margin-bottom: 15px;
}

.form-label .alert {
	border-radius: 4px;
	padding: 12px 16px;
}

.form-label .form-group {
	position: relative;
}

.form-label .btn-lg,
.form-label .form-control {
	border-radius: 4px;
}

.form-label .form-control {
	font-size: 16px;
	padding-top: 30px;
	-wbkit-transition: height .15s;
	transition: height .15s;
	will-change: height;
}

.form-label .form-control:focus,
.form-label .form-control-filled {
	height: 66px;
}

.form-label .form-control:-webkit-autofill {
	height: 66px;
}

.form-label .form-control ~ label {
	color: #999;
	font-size: 16px;
	font-weight: 400;
	left: 0;
	margin: 0;
	padding: 10px 16px;
	pointer-events: none;
	position: absolute;
	top: 0;
	-wbkit-transition: font-size .15s;
	transition: font-size .15s;
	will-change: font-size;
}

.form-label .form-control:focus ~ label,
.form-label .form-control-filled ~ label {
	font-size: 11px;
}

.form-label .form-control:-webkit-autofill ~ label {
	font-size: 11px;
}

.form-label .form-control.parsley-success,
.form-label .form-control.parsley-error,
.form-group.form-error .form-control {
	background-position: right 16px center;
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	padding-right: 56px;
}

.form-label .form-control.parsley-error,
.form-group.form-error .form-control {
	background-image: url("../img/app/alert.svg");
	border-color: #a94442;
}

.form-control.parsley-error {
	border-color: #a94442;
}

.checkbox .parsley-error, .radio .parsley-error {
	color: #a94442;
}

.form-group.form-error .form-control {
	background-position: right 8px center;
	padding-right: 36px;
}

.form-label .form-control.parsley-success {
	background-image: url("../img/app/check.svg");
}

.form-label .parsley-errors-list.filled {
	font-size: 12px;
	margin: 5px 0 0;
}

.parsley-errors-list,
.inline_error_mark {
	color: #a94442;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.parsley-error .control-label,
.form-group.form-error .control-label {
	color: #a94442;
}

.input-group select.form-control {
	z-index: 1;
}

.input-group-addon {
	border-color: #ddd;
}

.input-group-addon ~ .input-group-addon {
	border-left-width: 0;
	border-right-width: 0;
}

.input-group-addon.input-group-addon:last-child {
	border-right-width: 1px;
}

.input-group-auto-width > *,
.quest > input[type="text"],
.quest > textarea,
.quest > select {
	width: auto;
}

.control-label.control-label {
	font-size: 15px;
}

.quest > textarea {
	min-width: 75%;
}

.fancy-content .quest > textarea {
	min-width: 0;
	width: 100%;
}

.quest-wrapper .inline_error_mark,
.quest-wrapper .parsley-required {
	font-size: 12px;
}

.modal-content {
	border: 0;
	box-shadow: none;
}

.upload-drop-zone {
	box-sizing: border-box;
	background-color: #f8f8f8;
	border: 2px dashed #e8e8e8;
	height: 245px;
}

.polaroid-content {
	margin-right: 25px;
}

.polaroid-title,
.polaroid-text > span {
	font-size: 25px;
}

.polaroid-title > span {
	position: relative;
}

.polaroid-title > span::after {
	background: #3498db;
	border-radius: 50%;
	bottom: 1px;
	content: "";
	height: 2px;
	left: -3px;
	position: absolute;
	right: -3px;
}

.polaroid-text {
	font-size: 32px;
	font-weight: 600;
	line-height: 32px;
	text-transform: uppercase;
}

.polaroid-text > span {
	display: block;
	text-transform: none;
}

.polaroid-info > span {
	display: block;
	text-transform: uppercase;
}

.disabled,
.pointer-none {
	pointer-events: none;
}

.pointer-auto.pointer-auto.pointer-auto {
	pointer-events: auto;
}

.loading,
.disabled {
	cursor: not-allowed;
}

.disabled,
.opaque {
	opacity: .65;
}

.loading {
	position: relative;
	overflow: hidden;
}

.loading-absolute {
	position: absolute;
}

.loading::after {
	background: rgba(255, 255, 255, .7) url("../img/app/loading.svg") no-repeat center center / contain;
	border-radius: inherit;
	border: 5px solid rgba(0, 0, 0, 0);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1001;
}

.loading-transparent::after {
	background: rgba(255, 255, 255, 0) url("../img/app/loading.svg") no-repeat center center / contain;
}

body.loading::after,
.loading-max::after {
	background-size: 192px 192px;
}

body.loading::after {
	position: fixed;
}

.loading-md {
	min-width: 64px;
	min-height: 64px;
}

body.loading-md::after,
.loading-md::after {
	background-size: 64px 64px;
}

.loading-sm {
	min-width: 32px;
	min-height: 32px;
}

body.loading-sm::after,
.loading-sm::after {
	background-size: 32px 32px;
}

.img-size-s {
	height: 80px;
	width: 80px;
}

.img-size-t {
	height: 256px;
	width: 256px;
}

.img-size-m {
	height: 448px;
	width: 336px;
}

.img-size-l {
	height: 768px;
	width: 1024px;
}

a.text-link {
	text-decoration: none;
}

a.text-link:hover,
a.text-link:focus {
	color: #4aa9e9;
	text-decoration: underline;
}

.text-link {
	color: #4aa9e9;
}

.text-success,
a.text-success:hover {
	color: #0b8043;
}

.text-primary,
a.text-primary:hover,
.text-info,
a.text-info:hover {
	color: #3498db;
}

.text-warning,
a.text-warning:hover {
	color: #f39c12;
}

.text-danger,
.text-red,
a.text-danger:hover {
	color: #da0045;
}

.text-purple {
	color: #881443;
}

.text-lavender {
	color: #ce70cc;
}

.text-blue {
	color: #033e9e;
}

.text-turquoise {
	color: #2ad2c9;
}

.text-white,
a.text-white {
	color: #fff;
}

.text-black {
	color: #333;
}

.text-facebook {
	color: #3b5998;
}

.text-green {
	color: #2ecc71;
}

.text-brand.text-brand {
	color: #cf2031;
}

.hint {
	font-size: 13px;
}

.gray-light.gray-light {
	color: #ced4da;
}

.hint.hint,
.gray.gray {
	color: #adb5bd;
}

.gray-dark.gray-dark,
.text-muted.text-muted {
	color: #868e96;
}

.flex.flex.flex,
.flex-row {
	display: -webkit-flex;
	display: flex;
}

.flex-inline {
	display: -webkit-inline-flex;
	display: inline-flex
}

.flex-basis-100 {
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
}

.flex-grow-0 {
	-webkit-flex-grow: 0;
	flex-grow: 0;
}

.flex-grow-1 {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.flex-shrink-0 {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.flex-shrink-1 {
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
}

.flex-justify-evenly {
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
}

.flex-justify-around {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.flex-justify-between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.flex-justify-center {
	-webkit-justify-content: center;
	justify-content: center;
}

.flex-justify-end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.flex-align-start {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.flex-align-center {
	-webkit-align-items: center;
	align-items: center;
}

.flex-align-end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.flex-align-self-start {
	-webkit-align-self: flex-start;
	align-self: flex-start;
}

.flex-align-self-center {
	-webkit-align-self: center;
	align-self: center;
}

.flex-align-self-end {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}

.flex-column {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-row {
	margin-left: -5px;
	margin-right: -5px;
}

.flex-col {
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
}

.steps-wrap > .steps-step {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
}

.steps-wrap > .steps-step .steps-info,
.steps-wrap > .steps-step:not(.steps-disabled) > .steps-info:hover {
	color: #999;
}

.steps-wrap > .steps-step .steps-info {
	display: block;
	font-size: 14px;
	margin-top: -50px;
	padding-top: 50px;
	position: relative;
	text-decoration: none;
}

.steps-wrap > .steps-step > .steps-dot,
.steps-wrap > .steps-step > .progress > .progress-bar {
	background-color: #cce5f6;
}

.steps-wrap > .steps-step > .steps-dot {
	border-radius: 50%;
	display: block;
	height: 30px;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	position: absolute;
	top: 25px;
	width: 30px;
}

.steps-wrap > .steps-step:not(.steps-disabled) > .steps-info {
	color: #626262;
	font-weight: 600;
}

@media (max-width: 768px) {
	.steps-wrap > .steps-step > .steps-info {
		height: 0;
		margin-bottom: -10px;
		opacity: 0;
		width: 50px;
	}
}

.steps-wrap > .steps-step > .steps-dot::after {
	background-color: #3498db;
	border-radius: 50px;
	content: "";
	height: 14px;
	left: 8px;
	position: absolute;
	top: 8px;
	width: 14px;
}

.steps-wrap > .steps-step > .progress {
	border-radius: 0;
	box-shadow: none;
	height: 8px;
	margin: 20px 0;
	position: relative;
}

.steps-wrap > .steps-step > .progress > .progress-bar {
	box-shadow: none;
	width: 0;
}

.steps-wrap > .steps-step.steps-complete > .progress > .progress-bar {
	width: 100%;
}

.steps-wrap > .steps-step.steps-active > .progress > .progress-bar {
	width: 50%;
}

.steps-wrap > .steps-step.steps-active:first-child > .progress > .progress-bar {
	width: 0;
}

.steps-wrap > .steps-step.steps-active:last-child > .progress > .progress-bar {
	width: 100%;
}

.steps-wrap > .steps-step > .progress,
.steps-wrap > .steps-step.steps-disabled > .steps-dot {
	background-color: #f8f8f8;
}

.steps-wrap > .steps-step.steps-disabled > .steps-dot::after {
	opacity: 0;
}

.steps-wrap > .steps-step:first-child > .progress {
	left: 50%;
	width: 50%;
}

.steps-wrap > .steps-step:last-child > .progress {
	width: 50%;
}

/*--------------------------------------------
Modal dialog
----------------------------------------------*/
.tooltip,
.popover {
	z-index: 99990;
}

.fancybox-is-open .fancybox-bg {
	opacity: .95;
}

.fancybox-show-thumbs .fancybox-inner {
	right: 175px;
}

.fancybox-slide--current::before {
	content: none;
}

.fancybox-slide--current {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.fancybox-slide--complete .fancy-wrapper {
	opacity: 1;
	transform: scaleY(1);
}

.fancybox-thumbs {
	width: 175px;
}

.fancybox-thumbs > ul > li {
	height: 85px;
	width: 85px;
}

.fancybox-thumbs > ul > li > img {
	object-fit: cover;
}

.module-site .fancy-wrapper {
	border-radius: 4px;
	min-width: 280px;
}

.module-site .shm-dialog {
	width: 480px;
}

.module-site .fancybox-close-small {
	right: 11px;
	top: 22px;
}

.fancy-wrapper {
	/* margin: 10px; */
	margin: 0;
	/* max-height: calc(100vh - 20px);
	max-width: calc(100vw - 20px); */
	min-width: 200px;
	opacity: 0;
	/* outline: 1px solid rgba(0, 0, 0, 0); */
	overflow: hidden;
	padding: 0;
	transform: scaleY(0);
	transition: opacity .3s, transform .3s;
}

.fancy-wrapper .fancy-content {
	overflow-x: hidden;
	overflow-y: auto;
	margin: 20px;
	position: relative;
	top: 43px;

	/* Allows you to scroll below the viewport; default value is visible */
	/* overflow-y: scroll; */
	/* To smooth any scrolling behavior */
	-webkit-overflow-scrolling: touch;
}

.fancy-wrapper .fancy-content .confirm-message {
	padding-right: 30px;
}

.fancy-wrapper .fancy-title,
.fancy-wrapper .fancy-footer {
	left: 0;
	position: absolute;
	right: 0;
}

.fancy-wrapper .fancy-title {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	overflow: hidden;
	padding: 20px 50px 0 20px;
	text-overflow: ellipsis;
	top: 0;
	white-space: nowrap;
}

.module-admin .fancy-wrapper .fancy-title {
	background: #f8f8f8;
	border-bottom: 1px solid #e8e8e8;
	min-height: 54px;
	padding: 15px 35px 15px 15px;
}

.fancy-wrapper .fancy-footer {
	bottom: 0;
	padding: 0 20px 20px 20px;
	background: #fff;
}

.fancy-wrapper .fancybox-close-small {
	right: 0;
	top: 0;
}

.fancy-wrapper .fancybox-close-small::after {
	background-color: #f8f8f8;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	margin: 3px;
	top: 10px;
	width: 40px;
}

.fancy-wrapper .fancybox-close-small:hover::after {
	background-color: rgba(0, 0, 0, 0);
}

.module-admin .fancybox-close-small::after {
	top: 5px;
	right: 0;
}

.tooltip-inner,
.ui-autocomplete {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.copy-text,
.cursor-pointer {
	cursor: pointer;
}

.input-autocomplete-wrap {
	position: relative;
}

.input-autocomplete-wrap > .form-control {
	padding-left: 30px;
	width: 220px;
}

.input-autocomplete-wrap > .form-control.input-sm {
	padding-left: 25px;
}

.input-autocomplete-wrap > .form-control ~ .input-autocomplete-icon {
	left: 0;
	padding: 10px;
	position: absolute;
	bottom: 0;
	width: auto;
}

.input-autocomplete-wrap > .form-control.input-sm ~ .input-autocomplete-icon {
	padding: 8px;
}

.ui-autocomplete-loading ~ .input-autocomplete-icon::before {
	content: "\f110";
}

.ui-autocomplete-loading ~ .input-autocomplete-icon {
	-webkit-animation: fa-spin .6s infinite steps(12);
	animation: fa-spin .6s infinite steps(12);
	color: #999;
	left: -2px!important;
	font-size: 1.1em;
}

/*--------------------------------------------
----------------------------------------------*/

.fa-spin-ccw {
	animation: fa-spin-ccw 2s infinite linear;
}

@keyframes fa-spin-ccw {
	0% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes load-strip {
	from {
		background-position: -32px 0;
	}
	to {
		background-position: 0 0;
	}
}

.load-strip,
.load-strip::before {
	color: #4aa9e9;
	background-color: currentcolor;
	height: 3px;
	left: 0;
	position: fixed;
	top: 0;
}

.load-strip {
	animation: load-strip .5s linear infinite;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
	background-size: 32px 32px;
	content: "";
	opacity: 0;
	-webkit-transition: opacity .1s, width .3s;
	transition: opacity .1s, width .3s;
	width: 0;
	z-index: 100001;
}

.load-strip::before {
	content: "";
	opacity: .2;
	width: 100%;
}

.load-strip::after {
	border-color: currentcolor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) currentcolor;
	border-style: solid;
	border-width: 2px;
	content: "";
	left: 100%;
	position: absolute;
	top: 0;
}

.transition-none {
	-webkit-transition: none;
	transition: none;
}

.btn-separator {
	line-height: 1;
}

.btn-separator::before,
.btn-separator::after {
	content: "";
	position: absolute;
	height: 1px;
	background-color: rgba(255, 255, 255, .33);
	top: calc(50% + 1px);
}

.btn-separator::before {
	left: 5px;
	margin-right: 20px;
	right: 50%;
}

.btn-separator::after {
	left: 50%;
	margin-left: 20px;
	right: 5px;
}

.btn-separator-dark::before,
.btn-separator-dark::after {
	background-color: #e8e8e8;
}

.btn-separator-dark {
	line-height: inherit;
}

.cookie-wrap {
	background-color: #f1f1f1;
	border: 1px solid #e2e2e2;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1000;
}

.cookie-msg {
	padding: 15px 65px 15px 15px;
}

.cookie-close {
	background-color: #e8e8e8;
	border-color: #e2e2e2;
	border-style: solid;
	border-width: 0 1px;
	bottom: 0;
	color: #999;
	font-size: 28px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	-webkit-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
	width: 52px;
}

.cookie-close:hover,
.cookie-close:focus {
	background-color: #e0e0e0;
	color: #777;
	text-decoration: none;
}

.quest-item,
.quest-title {
	padding-left: 30px;
}

.quest-spaced .quest-subtitle + .quest-answer {
	padding-left: 15px;
}

.quest-inline {
	margin-top: -5px;
}

.quest-inline .quest-item {
	display: inline;
	padding-left: 0;
}

.quest-inline .quest-subtitle {
	color: #aaa;
	margin-right: 0;
}

.quest-inline .quest-answer {
	margin: 0;
}

.quest-spaced .quest-item {
	position: relative;
}

.quest-answer-text {
	display: block;
}

.quest-icon {
	color: #bbb;
	left: 20px;
	position: absolute;
	top: 3px;
}

.quest-spaced .quest-icon {
	left: 5px;
	top: 5px;
}

.quest-spaced .quest-subtitle {
	display: block;
}

.quest-spaced .quest-answer {
	margin-top: 0;
}

.quest-inline,
.quest-spaced,
.quest-stacked .quest-item,
.quest-spread .quest-subtitle {
	font-size: 15px;
}

.quest-title,
.quest-subtitle {
	color: #555;
}

.quest-title {
	border-bottom: 1px solid #eee;
	font-size: 18px;
	line-height: 1.1;
	margin: 0 0 10px 0;
	padding-bottom: 12px;
}

.quest-subtitle {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 5px;
}

.quest-answer {
	color: #aaa;
	margin-bottom: 5px;
	margin-top: 7px;
	padding-left: 0;
}

.quest-answer .label {
	background-color: #f2f6fc;
	border: 1px solid #d7e2f6;
	color: #738ca8;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	max-width: calc(100vw - 30px);
	overflow: hidden;
	padding: 6px 8px;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
}

.quest-stacked,
.quest-spread {
	margin-bottom: 30px;
}

.quest-answer-list {
	margin-bottom: 10px;
}

.quest-edit {
	color: #4aa9e9;
	float: right;
	font-weight: 600;
	position: relative;
	z-index: 1;
}

.quest-edit:hover,
.quest-edit:focus {
	color: #4aa9e9;
	text-decoration: none;
}

.quest-edit:hover ~ * {
	opacity: .66;
}

.quest-edit .fa {
	opacity: 0;
	margin-left: 5px;
	margin-right: 2px;
}

.quest-edit:hover .fa,
.quest-edit:focus .fa {
	opacity: 1;
}

.row:last-child .quest-spread {
	margin-bottom: 0;
}

.dropdown-list {
	position: relative;
}

.dropdown-list.open::after {
	bottom: 0;
	content: "";
	height: 335px;
	left: 0;
	margin: -20px;
	position: absolute;
	right: 0;
	width: 130%;
}

.dropdown-list.open > .dropdown-label {
	border-radius: 0 0 4px 4px;
}

.dropdown-list.open > .dropdown-content {
	border-radius: 4px 4px 0 0;
	display: block;
	z-index: 1;
}

.dropdown-label {
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath fill='%23818b95' d='M0.002,-0.004 L8.000,6.493 L15.997,-0.004 L15.997,1.507 L8.000,8.004 L0.002,1.507 L0.002,-0.004 Z'/%3E%3C/svg%3E") no-repeat right 10px center / 16px 8px;
	border-radius: 4px;
	border: 1px solid #ddd;
	color: #333;
	padding: 5px 34px 5px 12px;
}

.dropdown-content {
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	bottom: 100%;
	display: none;
	left: 0;
	margin: 0 5px -1px;
	max-height: 260px;
	overflow: auto;
	padding: 5px 12px;
	position: absolute;
	right: 0;
	width: 260px;
}

.dropdown-content a {
	display: block;
	font-size: 13px;
	line-height: 25px;
}

.btn-switch {
	cursor: pointer;
	display: inline-block;
	height: 23px;
	line-height: 23px;
	margin: 0;
	position: relative;
	vertical-align: middle;
	width: 50px;
}

.btn-switch-input {
	display: none;
}

.btn-switch-core::before {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	display: block;
	height: 11px;
	left: 0;
	margin: 6px;
	overflow: hidden;
	position: absolute;
	top: 0;
	-webkit-transition: transform .3s;
	transition: transform .3s;
	width: 11px;
	z-index: 1;
}

.btn-switch-core {
	background-color: #ddd;
	border-radius: 99px;
	display: inline-block;
	height: 100%;
	position: relative;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	width: 100%;
}

.btn-switch-input:checked + .btn-switch-core {
	background-color: #3498db;
}

.btn-switch-input:checked + .btn-switch-core::before {
	-webkit-transform: translateX(27px);
	transform: translateX(27px);
}

.btn-switch-text::after {
	content: "OFF";
	font-size: 11px;
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(12px);
	transform: translateX(12px);
	-webkit-transition: color .3s, transform .3s;
	transition: color .3s, transform .3s;
	width: 40px;
}

.btn-switch-input:checked + .btn-switch-text::after {
	color: #fff;
	content: "ON";
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

#toast-container > .toast {
	background-image: none !important;
	cursor: default !important;
	max-width: 100%;
	min-width: 250px;
	padding: 15px 20px;
	transition: opacity .1s;
}

#toast-container > .toast,
#toast-container > .toast:hover {
	box-shadow: none;
}

#toast-container > .toast-info {
	background-color: rgba(0, 0, 0, .8);
	color: #fff;
}

#toast-container > .toast-success {
	background-color: rgba(255, 255, 255, .95);
	border: 1px solid #ddd;
	opacity: 1;
}

#toast-container > .toast-success,
#toast-container > .toast-success .toast-close-button {
	color: #666;
}

#toast-container .toast-close-button {
	font-size: 18px;
	font-weight: 400;
	padding: 8px;
	position: absolute;
	right: 0px;
	top: -5px;
}

#toast-container > .toast-notif {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2), -2px -2px 4px rgba(0,0,0,0.2);
	background-color: rgba(255, 255, 255, .8);
	color: #000;
	opacity: 1;
	transition: background-color .2s, box-shadow .2s;
	width: 360px;
}

#toast-container > .toast-notif:hover, #toast-container > .toast-notif:focus {
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1), -2px -2px 2px rgba(0,0,0,0.1);
}

#toast-container > .toast-notif:hover {
	background-color: #fff;
}

#toast-container > .toast-notif .toast-close-button {
	color: rgba(0, 0, 0, .8);
}
#toast-container > .toast-notif .toast-close-button:focus,
#toast-container > .toast-notif .toast-close-button:hover {
	color: #000;
}

.toast-bottom-left,
.toast-bottom-center,
.toast-bottom-right {
	bottom: 6px;
}

.toast-close-button:focus,
.toast-close-button:hover {
	color: #fff;
}

.toast-message a {
	color: #72c3fc;
}

.toast-message a:hover {
	color: #329af0;
}

.transition-all {
	-webkit-transition: all .3s;
	transition: all .3s;
}

.input-mask:not(:focus) {
	border-color: rgba(0, 0, 0, 0);
	background: none;
	color: #868e96;
	cursor: pointer;
	opacity: 1;
}

.pre-wrap {
	white-space: pre-wrap;
}

.height-100.height-100 {
	height: 100%;
}

.width-100.width-100 {
	width: 100%;
}

.max-height-none.max-height-none {
	max-height: none ;
}

.max-width-100.max-width-100 {
	max-width: 100%;
}

.min-width-0.min-width-0 {
	min-width: 0;
}

.height-auto.height-auto {
	height: auto;
}

.width-auto.width-auto {
	width: auto;
}

.block.block {
	display: block;
}

.inline-block.inline-block {
	display: inline-block;
}

.align-top.align-top {
	vertical-align: top;
}

.table-fixed {
	table-layout: fixed;
}

.p-rel.p-rel {
	position: relative;
}

.p-static.p-static {
	position: static;
}

.p-0.p-0 {
	padding: 0;
}

.p-3.p-3 {
	padding: 30px;
}

.pt-3.pt-3 {
	padding-top: 30px;
}

.pr-3.pr-3 {
	padding-right: 30px;
}

.pb-3.pb-3 {
	padding-bottom: 30px;
}

.pl-3.pl-3 {
	padding-left: 30px;
}

.p-2.p-2 {
	padding: 20px;
}

.pt-2.pt-2 {
	padding-top: 20px;
}

.pr-2.pr-2 {
	padding-right: 20px;
}

.pb-2.pb-2 {
	padding-bottom: 20px;
}

.pl-2.pl-2 {
	padding-left: 20px;
}

.p-15.p-15 {
	padding: 15px;
}

.pt-15.pt-15 {
	padding-top: 15px;
}

.pr-15.pr-15 {
	padding-right: 15px;
}

.pb-15.pb-15 {
	padding-bottom: 15px;
}

.pl-15.pl-15 {
	padding-left: 15px;
}

.p-1.p-1 {
	padding: 10px;
}

.pt-1.pt-1 {
	padding-top: 10px;
}

.pr-1.pr-1 {
	padding-right: 10px;
}

.pb-1.pb-1 {
	padding-bottom: 10px;
}

.pl-1.pl-1 {
	padding-left: 10px;
}

.pt-05.pt-05 {
	padding-top: 5px;
}

.pr-05.pr-05 {
	padding-right: 5px;
}

.pb-05.pb-05 {
	padding-bottom: 5px;
}

.pl-05.pl-05 {
	padding-left: 5px;
}

.p-05.p-05 {
	padding: 5px;
}

.pt-0.pt-0 {
	padding-top: 0;
}

.pr-0.pr-0 {
	padding-right: 0;
}

.pb-0.pb-0 {
	padding-bottom: 0;
}

.pl-0.pl-0 {
	padding-left: 0;
}

.n-2.n-2 {
	margin: -20px;
}

.nt-2.nt-2 {
	margin-top: -20px;
}

.nr-2.nr-2 {
	margin-right: -20px;
}

.nb-2.nb-2 {
	margin-bottom: -20px;
}

.nl-2.nl-2 {
	margin-left: -20px;
}

.n-15.n-15 {
	margin: -15px;
}

.n-1.n-1 {
	margin: -10px;
}

.nt-1.nt-1 {
	margin-top: -10px;
}

.nr-1.nr-1 {
	margin-right: -10px;
}

.nb-1.nb-1 {
	margin-bottom: -10px;
}

.nl-1.nl-1 {
	margin-left: -10px;
}

.n-05.n-05 {
	margin: -5px;
}

.nt-05.nt-05 {
	margin-top: -5px;
}

.nr-05.nr-05 {
	margin-right: -5px;
}

.nb-05.nb-05 {
	margin-bottom: -5px;
}

.nl-05.nl-05 {
	margin-left: -5px;
}

.m-a.m-a {
	margin: auto;
}

.mt-a.mt-a {
	margin-top: auto;
}

.mr-a.mr-a {
	margin-right: auto;
}

.mb-a.mb-a {
	margin-bottom: auto;
}

.ml-a.ml-a {
	margin-left: auto;
}

.m-0.m-0 {
	margin: 0;
}

.m-3.m-3 {
	margin: 30px;
}

.mt-3.mt-3 {
	margin-top: 30px;
}

.mr-3.mr-3 {
	margin-right: 30px;
}

.mb-3.mb-3 {
	margin-bottom: 30px;
}

.ml-3.ml-3 {
	margin-left: 30px;
}

.m-2.m-2 {
	margin: 20px;
}

.mt-2.mt-2 {
	margin-top: 20px;
}

.mr-2.mr-2 {
	margin-right: 20px;
}

.mb-2.mb-2 {
	margin-bottom: 20px;
}

.ml-2.ml-2 {
	margin-left: 20px;
}

.m-15.m-15 {
	margin: 15px;
}

.mt-15.mt-15 {
	margin-top: 15px;
}

.mr-15.mr-15 {
	margin-right: 15px;
}

.mb-15.mb-15 {
	margin-bottom: 15px;
}

.ml-15.ml-15 {
	margin-left: 15px;
}

.m-1.m-1 {
	margin: 10px;
}

.mt-1.mt-1 {
	margin-top: 10px;
}

.mr-1.mr-1 {
	margin-right: 10px;
}

.mb-1.mb-1 {
	margin-bottom: 10px;
}

.ml-1.ml-1 {
	margin-left: 10px;
}

.m-05.m-05 {
	margin: 5px;
}

.mt-05.mt-05 {
	margin-top: 5px;
}

.mr-05.mr-05 {
	margin-right: 5px;
}

.mb-05.mb-05 {
	margin-bottom: 5px;
}

.ml-05.ml-05 {
	margin-left: 5px;
}

.mt-0.mt-0 {
	margin-top: 0;
}

.mr-0.mr-0 {
	margin-right: 0;
}

.mb-0.mb-0 {
	margin-bottom: 0;
}

.ml-0.ml-0 {
	margin-left: 0;
}

@media (min-width: 1200px) {
	.columns-6 {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
}

@media (max-width: 1200px) {
	.row-profile-photos {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.row-profile-photos .position-sticky {
		order: -1;
		position: static;
	}
}

@media (max-width: 991px) {
	.columns-5 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}

	.columns-6,
	.columns-4 {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}

	.flex-row,
	.col-wrap {
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	.col-main.col-main,
	.col-side.col-side,
	.col-side-wide.col-side-wide {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.col-main.col-main:last-child,
	.col-side.col-side:last-child,
	.col-side-wide.col-side-wide:last-child {
		margin-bottom: 0;
	}

	.col-main.col-main,
	.tab-pane-upgrade {
		order: -1;
	}

	.upload-wrapper.upload-wrapper.upload-wrapper {
		background: #fff;
	}
}

@media (max-width: 768px) {
	.columns-6,
	.columns-4,
	.columns-3 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}

	.fancybox-slide--current {
		display: block !important;
		overflow: hidden;
	}

	.fancy-wrapper.fancy-wrapper {
		margin: 0;
		border-radius: 0;
		height: 100% !important;
		width: 100% !important;
		max-height: none !important;
		max-width: none !important;
		transition: opacity .3s;
	}

	.ajax-overlayer-content h1,
	.module-site .ui-container h1 {
		font-size: 16px;
	}

	.main-signup-bg {
		height: auto;
	}
}

@media (max-width: 480px) {
	.col-wrap {
		max-width: 100vw;
	}

	.columns-2 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}

	.view-more {
		display: none;
	}

	.polaroid-wrap {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.polaroid-content {
		margin-right: 0;
		margin-top: 25px;
		order: 1;
	}

	#toast-container {
		left: 0;
		right: 0;
	}

	#toast-container > .toast {
		border-radius: 0;
		opacity: 1;
		width: auto;
	}

	.toast-top-left,
	.toast-top-right {
		top: 0;
	}

	.toast-bottom-left,
	.toast-bottom-right {
		bottom: 0;
		margin-bottom: -6px;
	}
}

/* EMOJI */

.emoji {
	background-image: url("../img/app/emojisprite.png");
	background-size: 2100% 1100%;
	display: inline-block;
	font-size: 6ch;
	height: 64px;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: text-bottom;
	width: 64px;
}

.emoji > span {
	font-size: 0;
}

.emoji-size-64 .emoji {
	height: 64px;
	width: 64px;
	font-size: 6ch;
}

.emoji-size-48 .emoji, .emoji-size-32 .emoji-size-48 .emoji {
	height: 48px;
	width: 48px;
	font-size: 4.2ch;
}

.emoji-size-32 .emoji {
	height: 32px;
	width: 32px;
	font-size: 3ch;
}

.emoji-size-24 .emoji {
	height: 24px;
	width: 24px;
	font-size: 2.2ch;
}

.emoji-size-18 .emoji {
	height: 18px;
	width: 18px;
	font-size: 1.6ch;
}

.emoji-size-16 .emoji {
	height: 16px;
	width: 16px;
	font-size: 1.6ch;
}

.emoji-smile {
	background-position: 0 0;
}

.emoji-smiley {
	background-position: 5% 0;
}

.emoji-grinning {
	background-position: 10% 0;
}

.emoji-blush {
	background-position: 15% 0;
}

.emoji-relaxed {
	background-position: 20% 0;
}

.emoji-wink {
	background-position: 25% 0;
}

.emoji-heart-eyes {
	background-position: 30% 0;
}

.emoji-kissing-heart {
	background-position: 35% 0;
}

.emoji-kissing-closed-eyes {
	background-position: 40% 0;
}

.emoji-kissing {
	background-position: 45% 0;
}

.emoji-kissing-smiling-eyes {
	background-position: 50% 0;
}

.emoji-stuck-out-tongue-winking-eye {
	background-position: 55% 0;
}

.emoji-stuck-out-tongue-closed-eyes {
	background-position: 60% 0;
}

.emoji-stuck-out-tongue {
	background-position: 65% 0;
}

.emoji-flushed {
	background-position: 70% 0;
}

.emoji-grin {
	background-position: 75% 0;
}

.emoji-pensive {
	background-position: 80% 0;
}

.emoji-relieved {
	background-position: 85% 0;
}

.emoji-unamused {
	background-position: 90% 0;
}

.emoji-disappointed {
	background-position: 95% 0;
}

.emoji-persevere {
	background-position: 100% 0;
}

.emoji-cry {
	background-position: 0 10%;
}

.emoji-joy {
	background-position: 5% 10%;
}

.emoji-sob {
	background-position: 10% 10%;
}

.emoji-sleepy {
	background-position: 15% 10%;
}

.emoji-disappointed-relieved {
	background-position: 20% 10%;
}

.emoji-cold-sweat {
	background-position: 25% 10%;
}

.emoji-sweat-smile {
	background-position: 30% 10%;
}

.emoji-sweat {
	background-position: 35% 10%;
}

.emoji-weary {
	background-position: 40% 10%;
}

.emoji-tired-face {
	background-position: 45% 10%;
}

.emoji-fearful {
	background-position: 50% 10%;
}

.emoji-scream {
	background-position: 55% 10%;
}

.emoji-angry {
	background-position: 60% 10%;
}

.emoji-rage {
	background-position: 65% 10%;
}

.emoji-triumph {
	background-position: 70% 10%;
}

.emoji-confounded {
	background-position: 75% 10%;
}

.emoji-laughing {
	background-position: 80% 10%;
}

.emoji-yum {
	background-position: 85% 10%;
}

.emoji-mask {
	background-position: 90% 10%;
}

.emoji-sunglasses {
	background-position: 95% 10%;
}

.emoji-sleeping {
	background-position: 100% 10%;
}

.emoji-dizzy-face {
	background-position: 0 20%;
}

.emoji-astonished {
	background-position: 5% 20%;
}

.emoji-worried {
	background-position: 10% 20%;
}

.emoji-frowning {
	background-position: 15% 20%;
}

.emoji-anguished {
	background-position: 20% 20%;
}

.emoji-smiling-imp {
	background-position: 25% 20%;
}

.emoji-imp {
	background-position: 30% 20%;
}

.emoji-open-mouth {
	background-position: 35% 20%;
}

.emoji-grimacing {
	background-position: 40% 20%;
}

.emoji-neutral-face {
	background-position: 45% 20%;
}

.emoji-confused {
	background-position: 50% 20%;
}

.emoji-hushed {
	background-position: 55% 20%;
}

.emoji-no-mouth {
	background-position: 60% 20%;
}

.emoji-innocent {
	background-position: 65% 20%;
}

.emoji-smirk {
	background-position: 70% 20%;
}

.emoji-expressionless {
	background-position: 75% 20%;
}

.emoji-man-with-gua-pi-mao {
	background-position: 80% 20%;
}

.emoji-man-with-turban {
	background-position: 85% 20%;
}

.emoji-cop {
	background-position: 90% 20%;
}

.emoji-construction-worker {
	background-position: 95% 20%;
}

.emoji-guardsman {
	background-position: 100% 20%;
}

.emoji-baby {
	background-position: 0 30%;
}

.emoji-boy {
	background-position: 5% 30%;
}

.emoji-girl {
	background-position: 10% 30%;
}

.emoji-man {
	background-position: 15% 30%;
}

.emoji-woman {
	background-position: 20% 30%;
}

.emoji-older-man {
	background-position: 25% 30%;
}

.emoji-older-woman {
	background-position: 30% 30%;
}

.emoji-person-with-blond-hair {
	background-position: 35% 30%;
}

.emoji-angel {
	background-position: 40% 30%;
}

.emoji-princess {
	background-position: 45% 30%;
}

.emoji-smiley-cat {
	background-position: 50% 30%;
}

.emoji-smile-cat {
	background-position: 55% 30%;
}

.emoji-heart-eyes-cat {
	background-position: 60% 30%;
}

.emoji-kissing-cat {
	background-position: 65% 30%;
}

.emoji-smirk-cat {
	background-position: 70% 30%;
}

.emoji-scream-cat {
	background-position: 75% 30%;
}

.emoji-crying-cat-face {
	background-position: 80% 30%;
}

.emoji-joy-cat {
	background-position: 85% 30%;
}

.emoji-pouting-cat {
	background-position: 90% 30%;
}

.emoji-japanese-ogre {
	background-position: 95% 30%;
}

.emoji-japanese-goblin {
	background-position: 100% 30%;
}

.emoji-see-no-evil {
	background-position: 0 40%;
}

.emoji-hear-no-evil {
	background-position: 5% 40%;
}

.emoji-speak-no-evil {
	background-position: 10% 40%;
}

.emoji-skull {
	background-position: 15% 40%;
}

.emoji-alien {
	background-position: 20% 40%;
}

.emoji-hankey {
	background-position: 25% 40%;
}

.emoji-fire {
	background-position: 30% 40%;
}

.emoji-sparkles {
	background-position: 35% 40%;
}

.emoji-star2 {
	background-position: 40% 40%;
}

.emoji-dizzy {
	background-position: 45% 40%;
}

.emoji-boom {
	background-position: 50% 40%;
}

.emoji-anger {
	background-position: 55% 40%;
}

.emoji-sweat-drops {
	background-position: 60% 40%;
}

.emoji-droplet {
	background-position: 65% 40%;
}

.emoji-zzz {
	background-position: 70% 40%;
}

.emoji-dash {
	background-position: 75% 40%;
}

.emoji-ear {
	background-position: 80% 40%;
}

.emoji-eyes {
	background-position: 85% 40%;
}

.emoji-nose {
	background-position: 90% 40%;
}

.emoji-tongue {
	background-position: 95% 40%;
}

.emoji-lips {
	background-position: 100% 40%;
}

.emoji-plus1 {
	background-position: 0 50%;
}

.emoji-minus1 {
	background-position: 5% 50%;
}

.emoji-ok-hand {
	background-position: 10% 50%;
}

.emoji-facepunch {
	background-position: 15% 50%;
}

.emoji-fist {
	background-position: 20% 50%;
}

.emoji-v {
	background-position: 25% 50%;
}

.emoji-wave {
	background-position: 30% 50%;
}

.emoji-hand {
	background-position: 35% 50%;
}

.emoji-open-hands {
	background-position: 40% 50%;
}

.emoji-point-up-2 {
	background-position: 45% 50%;
}

.emoji-point-down {
	background-position: 50% 50%;
}

.emoji-point-right {
	background-position: 55% 50%;
}

.emoji-point-left {
	background-position: 60% 50%;
}

.emoji-raised-hands {
	background-position: 65% 50%;
}

.emoji-pray {
	background-position: 70% 50%;
}

.emoji-point-up {
	background-position: 75% 50%;
}

.emoji-clap {
	background-position: 80% 50%;
}

.emoji-muscle {
	background-position: 85% 50%;
}

.emoji-walking {
	background-position: 90% 50%;
}

.emoji-runner {
	background-position: 95% 50%;
}

.emoji-dancer {
	background-position: 100% 50%;
}

.emoji-couple {
	background-position: 0 60%;
}

.emoji-family {
	background-position: 5% 60%;
}

.emoji-two-men-holding-hands {
	background-position: 10% 60%;
}

.emoji-two-women-holding-hands {
	background-position: 15% 60%;
}

.emoji-couplekiss {
	background-position: 20% 60%;
}

.emoji-couple-with-heart {
	background-position: 25% 60%;
}

.emoji-dancers {
	background-position: 30% 60%;
}

.emoji-ok-woman {
	background-position: 35% 60%;
}

.emoji-no-good {
	background-position: 40% 60%;
}

.emoji-information-desk-person {
	background-position: 45% 60%;
}

.emoji-raising-hand {
	background-position: 50% 60%;
}

.emoji-massage {
	background-position: 55% 60%;
}

.emoji-haircut {
	background-position: 60% 60%;
}

.emoji-nail-care {
	background-position: 65% 60%;
}

.emoji-bride-with-veil {
	background-position: 70% 60%;
}

.emoji-person-with-pouting-face {
	background-position: 75% 60%;
}

.emoji-person-frowning {
	background-position: 80% 60%;
}

.emoji-bow {
	background-position: 85% 60%;
}

.emoji-tophat {
	background-position: 90% 60%;
}

.emoji-crown {
	background-position: 95% 60%;
}

.emoji-womans-hat {
	background-position: 100% 60%;
}

.emoji-athletic-shoe {
	background-position: 0 70%;
}

.emoji-mans-shoe {
	background-position: 5% 70%;
}

.emoji-sandal {
	background-position: 10% 70%;
}

.emoji-high-heel {
	background-position: 15% 70%;
}

.emoji-boot {
	background-position: 20% 70%;
}

.emoji-shirt {
	background-position: 25% 70%;
}

.emoji-necktie {
	background-position: 30% 70%;
}

.emoji-womans-clothes {
	background-position: 35% 70%;
}

.emoji-dress {
	background-position: 40% 70%;
}

.emoji-running-shirt-with-sash {
	background-position: 45% 70%;
}

.emoji-jeans {
	background-position: 50% 70%;
}

.emoji-kimono {
	background-position: 55% 70%;
}

.emoji-bikini {
	background-position: 60% 70%;
}

.emoji-briefcase {
	background-position: 65% 70%;
}

.emoji-handbag {
	background-position: 70% 70%;
}

.emoji-pouch {
	background-position: 75% 70%;
}

.emoji-purse {
	background-position: 80% 70%;
}

.emoji-eyeglasses {
	background-position: 85% 70%;
}

.emoji-ribbon {
	background-position: 90% 70%;
}

.emoji-closed-umbrella {
	background-position: 95% 70%;
}

.emoji-lipstick {
	background-position: 100% 70%;
}

.emoji-yellow-heart {
	background-position: 0 80%;
}

.emoji-blue-heart {
	background-position: 5% 80%;
}

.emoji-purple-heart {
	background-position: 10% 80%;
}

.emoji-green-heart {
	background-position: 15% 80%;
}

.emoji-heart {
	background-position: 20% 80%;
}

.emoji-broken-heart {
	background-position: 25% 80%;
}

.emoji-heartpulse {
	background-position: 30% 80%;
}

.emoji-heartbeat {
	background-position: 35% 80%;
}

.emoji-two-hearts {
	background-position: 40% 80%;
}

.emoji-sparkling-heart {
	background-position: 45% 80%;
}

.emoji-revolving-hearts {
	background-position: 50% 80%;
}

.emoji-cupid {
	background-position: 55% 80%;
}

.emoji-love-letter {
	background-position: 60% 80%;
}

.emoji-kiss {
	background-position: 65% 80%;
}

.emoji-ring {
	background-position: 70% 80%;
}

.emoji-gem {
	background-position: 75% 80%;
}

.emoji-bust-in-silhouette {
	background-position: 80% 80%;
}

.emoji-busts-in-silhouette {
	background-position: 85% 80%;
}

.emoji-speech-balloon {
	background-position: 90% 80%;
}

.emoji-footprints {
	background-position: 95% 80%;
}

.emoji-thought-balloon {
	background-position: 100% 80%;
}

/* CUSTOM ANIMATIONS */

.animated-super-fast {
  animation-duration: .2s;
}

@keyframes zoomInTopLeft {
  from {
    opacity: 0;
	transform: translate(50%, 50%) scale(0, 0);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

  80% {
	opacity: 1;
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
}
@keyframes zoomInTopRight {
  from {
    opacity: 0;
	transform: translate(-50%, 50%) scale(0, 0);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

  80% {
	opacity: 1;
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
}
@keyframes zoomInBottomLeft {
  from {
    opacity: 0;
	transform: translate(50%, -50%) scale(0, 0);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

  80% {
	opacity: 1;
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
}
@keyframes zoomInBottomRight {
  from {
    opacity: 0;
	transform: translate(-50%, -50%) scale(0, 0);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

  80% {
	opacity: 1;
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
}

.zoomInTopLeft { animation-name: zoomInTopLeft; }
.zoomInTopRight { animation-name: zoomInTopRight; }
.zoomInBottomLeft { animation-name: zoomInBottomLeft; }
.zoomInBottomRight { animation-name: zoomInBottomRight; }

@keyframes zoomOutTopLeft {
  from {
	opacity: 1;
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
	opacity: 0;
	transform: translate(50%, 50%) scale(0, 0);
  }
}
@keyframes zoomOutTopRight {
  from {
	opacity: 1;
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
	opacity: 0;
	transform: translate(-50%, 50%) scale(0, 0);
  }
}
@keyframes zoomOutBottomLeft {
  from {
	opacity: 1;
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
	opacity: 0;
	transform: translate(50%, -50%) scale(0, 0);
  }
}
@keyframes zoomOutBottomRight {
  from {
	opacity: 1;
	animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
	opacity: 0;
	transform: translate(-50%, -50%) scale(0, 0);
  }
}

.zoomOutTopLeft { animation-name: zoomOutTopLeft; }
.zoomOutTopRight { animation-name: zoomOutTopRight; }
.zoomOutBottomLeft { animation-name: zoomOutBottomLeft; }
.zoomOutBottomRight { animation-name: zoomOutBottomRight; }

@keyframes scaleIn {
	from {
		opacity: 0;
		height: 0;
		transform: scaleY(0);
	}

	80% {
		opacity: 1;
	}
}

.scaleIn {
	animation-name: scaleIn;
}

@keyframes scaleOut {
	from {
		opacity: 1;
	}

	60% {
		opacity: 0;
	}

	to {
		opacity: 0;
		height: 0;
		transform: scaleY(0);
	}
}

.scaleOut {
	animation-name: scaleOut;
}