@media(max-width: 300px) {
	*,
	*:before,
	*:after {
		word-break: break-all;
	}
}

@media(min-width: 300px) {
	*,
	*:before,
	*:after {
		word-wrap: break-word;
	}

}

.ease-max,
.ease-max * {
	transition: all 0.5s ease;
}

.ease-min,
.ease-min * {
	transition: all 0.1s ease;
}


[class*="fa-"],
[class*="md-"],
[class*="mi"] {
	font: normal normal normal 14px/1 Dosis;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	text-rendering: auto;
	font-size: inherit
}
.mi {
	margin: 1.78rem 0 1.424rem 0;
	font-size: 2rem;
	line-height: 110%;
	font-weight: 700
}
.mi::before {
	color: rgba(27,27,26,1.00);
	content: "\f0c9";
	font-family: FontAwesome;
	margin-right: 0em;
	margin-left: 0em;
	font-size: 1em;
	line-height: 1em;
	margin-top: 18px;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out	
}
.mi:hover::before {
	color: rgba(220,193,55,1.00);
	content: "\f0c9";
	font-family: FontAwesome;
	margin-right: 0em;
	margin-left: 0em;
	font-size: 1.3em;
	line-height: 1em;
	margin-top: 20px;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
.display-animation > * {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}
.display-animation > .animated {
	-webkit-animation: display 0.5s cubic-bezier(0.55, 0, 0.1, 1) forwards;
	-o-animation: display 0.5s cubic-bezier(0.55, 0, 0.1, 1) forwards;
	animation: display 0.5s cubic-bezier(0.55, 0, 0.1, 1) forwards
}

@-moz-keyframes display {
	from {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

}
@keyframes display {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}
.ripple {
	position: relative;
	overflow: hidden;
}
.ripple-txt {
	position: relative;
	z-index: 200;
}
.ink {
	background: rgba(220,193,55,1.00);
	pointer-events: none;
	transform: scale(0);
	position: absolute;
	border-radius: 50%;
	display: block;
	z-index: 0;
	opacity: 1;
}
.ink-animate {
	-webkit-animation: ripple-effect 0.5s linear;
	-o-animation: ripple-effect 0.5s linear;
	animation: ripple-effect 0.5s linear;
}
@keyframes ripple-effect {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
	}
}
@-webkit-keyframes ripple-effect {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5)
	}
}
@-moz-keyframes ripple-effect {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5)
	}
}
@-o-keyframes ripple-effect {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5)
	}
}
li {
	text-align: inherit;
	display: list-item;
	
}

@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}

@media (min-width: 1000px) {
	.container {
		width: 1000px;
	}
}

@media (min-width: 767px) {
	.container {
		width: 767px;
	}
}

@media (min-width: 600px) {
	.container {
		width: 600px;
	
}
}
.layout {
	border: 1px solid transparent;
	background: transparent;
	padding-bottom: 150px;
	padding-right: 50px;
	padding-top: 150px;
	padding-left: 50px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	color: #444;
	width: 100%
}
.layout-nav-fix {
	font-family: Dosis;
	font-weight: 600;
	padding-top: 200px
}

.layout-overflow {
	overflow: hidden;
}

.layout-inline {
	display: inline-block !important
}

.layout-spacer {
	flex: 1
}

.layout-flex {
	display: flex;

}

.box {
	min-height: 50px;
	min-width: 50px;
}

.shadow1{
	position: relative;
	display: block;
	z-index: 900;
}

.shadow1 {
	box-shadow: 0 0px 1px 0 rgba(29, 29, 27, 0.2), 0 0px 1px 0 rgba(29, 29, 27, 0.3);
}

.nav {
	font-family: Dosis, Helvetica, Arial, sans-serif;
	font-weight: 600;
	justify-content: flex-start;
	transition: all 0.5s ease;
	background: transparent;
	flex-direction: column;
	max-height: 1000px;
	border-color: #444;
	position: relative;
	flex-wrap: nowrap;
	min-height: 40px;
	flex-shrink: 0;
	z-index: 1200;
	width: 100%
}

.nav-blank {
	border-color: #eee;
	background-color: rgba(255, 255, 255, 0.95);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}

.nav-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}

.nav-fixed {
	position: fixed;
	width: 100%;
	top: 0
}
.nav-layout {
	font-family: Dosis, Helvetica, Arial, sans-serif;
	font-weight: 600;
	align-self: stretch;
	align-items: center;
	max-width: 1024px;
	margin: 0 auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
.navbar-header {
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	padding: 0 30px;
	flex-shrink: 0;
	display: flex;
	height: 50px
}
.navbar-title {
	font-family: Raleway, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;	
	letter-spacing: .02em;
	text-decoration: none;
	position: relative;	
	font-size: 1em;
	flex-shrink: 0;
	display: block	
}
.navbar-title strong{
	font-family: Raleway, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700
}
.navbar-title:hover,
.navbar-title:hover a {
	/*font-family: Dosis, Helvetica, Arial, sans-serif;
	text-decoration: none;*/
}
.navbar-title-cen {
	text-align: center;
}
ul.navbar {
	overflow-x: hidden;
	list-style: none;
	height: 100%;
	margin: 0;
}
ul.navbar.collapse {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	max-height: 0;
	padding: 0;
}
ul.navbar.open {
	font-family: Dosis,Helvetica, Arial, sans-serif;
	font-weight: 600;
	max-height: 100vh;
	padding: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

li.navbar-link a {
	font-family: Dosis, Helvetica, Arial, sans-serif;
	font-weight: 600;
	text-decoration: none;
	padding: 15px 35px;
	line-height: 20px;
	font-size: 1.1em;
	display: block;
	color: rgba(29,29,27,0.8);
	background-color: rgba(29,29,27,0);
	text-transform: uppercase;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
li.navbar-link a::before {
	color: rgba(110,110,110,0.50);
	content: "\f04d";
	font-family: FontAwesome;
	margin-right: 0.2em;
	margin-left: 0em;
	font-size: 1em;
	line-height: 1em;
	margin-top: 11px;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}
li.navbar-link-focus a {
	font-family: Dosis, Helvetica, Arial, sans-serif;
	font-weight: 600;
	
	font-size: 1em;
	color: rgba(0,0,0,1);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

li.navbar-link a:hover {
	font-family: Dosis, Helvetica, Arial, sans-serif;
	font-weight: 600;
	
	cursor: pointer;
	font-size: 1.1em;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	background-color: rgba(29,29,27,0.15);
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
li.navbar-link a:hover::before {
	color: rgba(220,193,55,1.00);
	content: "\f111";
	font-family: FontAwesome;
	margin-right: 0.2em;
	margin-left: 0em;
	font-size: 1em;
	line-height: 1em;
	margin-top: 11px;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}
li.navbar-link:nth-child(2) a:hover::before {
	content: "\f111";
	font-size: 1em
	
}
li.navbar-link:nth-child(3) a:hover::before {
	content: "\f111";
	font-size: 1em
	
}
li.navbar-link:nth-child(4) a:hover::before {
	
	content: "\f111";
	font-size: 1em	
}

li.navbar-link a:active {
	font-family: Dosis, Helvetica, Arial, sans-serif;
	font-weight: 600;
	cursor: pointer;
	font-size: 1.1em;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	background-color: rgba(204,178,48,0.8);
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}
li.navbar-link a:active::before {
	color: rgba(0,0,0,1.00);
	content: "\f111";
	font-family: FontAwesome;
	margin-right: 0.2em;
	margin-left: 0em;
	font-size: 1.2em;
	line-height: 1em;
	margin-top: 11px;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}
.navbar-footer {
	transition: all 0.5s ease;
	align-self: stretch;
	align-items: center;
	max-width: 1000px;
	margin: 0 auto;
	display: flex
}

.nav-toggle {
	position: absolute;
	text-align: center;
	line-height: 50px;
	overflow: hidden;
	cursor: pointer;
	font-size: 24px;
	flex-shrink: 0;
	display: block;
	height: 50px;
	width: 50px;
	margin: 4px;
	right: 0;
	top: 0;
	border-radius: 50%
}

.nav-toggle i {
	font-size: 20px
}

.nav-toggle:hover {
	text-decoration: none;
	color: #999;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}

@media (min-width: 767px) {
	.nav-layout {
		display: flex;
	}
	.navbar-title,
	.navbar-left,
	li.navbar-link {
		position: relative;
		display: block;
		float: left;
		
	}
	.navbar-left {
		justify-content: flex-start;
		align-items: center;
		display: flex;
	}
	.navbar-center {
		justify-content: center;
		align-items: center;
		display: flex;
		flex: 1 1 0;
	}
	.navbar-right {
		justify-content: flex-end;
		margin-left: auto;
		display: block;
		float: right;
	}
	.nav-layout,
	ul.navbar {
		overflow: hidden;
	}
	ul.navbar {
		display: flex;
	}
	ul.navbar.collapse {
		max-height: 100vh !important;
	}
	li.navbar-link {
		display: block;
	}
	li.navbar-link a {
		font-size: 0.85em;
		line-height: 50px;
		padding: 0 28px;
		background-color: rgba(29,29,27,0);
	}
	li.navbar-link a:hover {
		font-size: 0.85em;
		line-height: 50px;
		padding: 0 28px;
		background-color: rgba(29,29,27,0.15);
	}
li.navbar-link a:hover::before {
	font-size: 0.9em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
	li.navbar-link a:active {
		font-size: 0.85em;
		line-height: 50px;
		padding: 0 28px;
		background-color: rgba(204,178,48,1.00);
		}
li.navbar-link a:active::before {
	font-size:1.5em;
	color: rgba(0,0,0,1.00);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out	
}
.nav-toggle {
		display: none
	}
}

.affix {
	position: fixed;
	z-index: 1210;
	top: 0
}
.affix-after {
	position: relative;
	display: block;
	content: "";
	width: 100%
}

.layer {
	text-align: center
}

.layer-title {
	font-weight: 400;
	font-size: 1.5em
}
.layer-icon {
	border-radius: 20em;
	padding-top: 20px;
	margin: 20px auto;
	font-weight: 800
}
.layer-main p {
	margin-bottom: 4%;
	font-weight: 300;
	font-size: 14px
}

.bottom-line:after {
	border-bottom: 1px solid #ccc;
	margin: 5px auto 0;
	position: relative;
	display: block;
	width: 50px;
	content: ""
}
li.navbar-link a:hover::before, li.navbar-link:nth-child(2) a:hover::before, li.navbar-link:nth-child(3) a:hover::before,li.navbar-link:nth-child(4) a:hover::before {
	font-size: 1.1em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

@keyframes fade {
	from {
		opacity: 0;
		transition: opacity 1s ease;
	}
	to {
		opacity: 1;
		transition: opacity 1s ease;
	}
}