body {
	background-color: #10111c;
}
.top-bar , .top-bar::before, .top-bar::after {
	background-image: url(../img/bgrdn.png);
	background-color: transparent;
	display: inherit;
	clear: none;
	padding-top: 0.5;
	padding-right: rem;
	padding-bottom: 0.5;
	padding-left: rem;
	overflow: visible;
	position: fixed;
	width: 100%;
	top: 0px;
	right: 0px;
	z-index: 999;
	background-repeat: repeat-x;
}
.top-bar::after {
	clear: both;
}
.top-bar ul {
	background-color: transparent;
	background-image: none;
}
.top-bar a {
	color: #CC66FF;
}
.top-bar input {
	width: 200px;
	margin-right: 1rem;
}
.top-bar input.button {
	width: auto;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
.top-bar, .top-bar:: before, .top-bar:: after {
	background-color: #10111C;
	display: block;
	clear: left;
	padding-top: 0.5;
	padding-right: rem;
	padding-bottom: 0.5;
	padding-left: rem;
	overflow: visible;
	width: 100%;
	float: left;
	background-image: none;
}
.top-bar-right {
	width: 100%;
	float: none;
	padding-right: 0px;
	padding-left: 0px;
	background-image: none;
}
.top-bar-left {
	width: 100%;
}
}
.top-bar .logo {
	padding-left: 2rem;
}
.top-bar-left {
	float: left;
}
.top-bar-call {
	width: 100%;
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.top-bar-call p {
	font-family: 'Work Sans', sans-serif;
	text-align: right;
	font-size: 1.1em;
	color: rgba(255, 255, 255, 1);
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
.top-bar-call p {
	text-align: center;
	font-size: 0.7em;
}
}
.top-bar-call p span {
	text-align: right;
	color: #CC66FF;
}
h1 {
	font-family: 'Work Sans', sans-serif;
	color: #F8F1ED;
	font-weight: 300;
}
h2 , h3 , h4, h5 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	padding-top: 25px;
	color: #FFFFFF;
}
h4 {
	color: #FFFFFF;
}
h5 {
	color: #FFFFFF;
}
p {
	color: #9082a2;
}
p span {
	color: #FFFFFF;
}
ol {
	list-style-position: inside;
}
ul {
	list-style-type: none;
}
ol li {
	padding-left: 15px;
}
.blog-post ul {
	list-style-position: inside;
	list-style-type: square;
	list-style-image: url(../img/li.gif);
}
.blog-post ul li {
	padding-left: 15px;
}
.callout {
	margin: 0 0 1rem 0;
	padding: 1rem;
	border: 1px solid rgba(10, 10, 10, 0.25);
	border-radius: 0px;
	position: relative;
	color: #222222;
	background-color: white;
}
.callout >:first-child {
	margin-top: 0;
}
.callout >:last-child {
	margin-bottom: 0;
}
.callout.primary {
	background-color: #010102;
}
.callout.secondary {
	background-color: #020203;
}
.callout.success {
	background-color: #e6f7d9;
}
.callout.alert {
	background-color: #fcd6d6;
}
.callout.warning {
	background-color: #CC00FF;
}
.callout.small {
	padding-top: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
}
.callout.large {
	background-image: url(../img/callout.jpg);
	background-repeat: no-repeat;
	padding: 4rem;
	background-color: #10111C;
	background-position: center top;
}
.callout p {
	color: #FFFFFF;
}
.top-bar .menu > li {
	display: table-cell;
	vertical-align: middle;
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	padding-left: 2px;
}
.top-bar .menu > li a {
	-webkit-transition: all 0.6s ease-in-out 0s;
	-moz-transition: all 0.6s ease-in-out 0s;
	-ms-transition: all 0.6s ease-in-out 0s;
	-o-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
	color: rgba(255, 255, 255, 1);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255, 255, 255, 0.2);
	;
}
.top-bar .menu > li a:hover {
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	color: #CC00FF;
}
[data-whatinput='mouse'] .menu > li {
	outline: 0;
}
.menu > li:not(.menu-text) > a {
	display: block;
	padding: 0.7rem 1rem;
	line-height: 1;
}
.menu input,  .menu a,  .menu button {
	margin-bottom: 0;
}
.menu > li > a > img,  .menu > li > a > i {
	vertical-align: middle;
}
.menu > li > a > span {
	vertical-align: middle;
}
.menu > li > a > img,  .menu > li > a > i {
	display: inline-block;
	margin-right: 0.25rem;
}
.menu > li {
	display: table-cell;
}
.menu.vertical > li {
	display: block;
}
@media screen and (min-width: 40em) {
.menu.medium-horizontal > li {
	display: table-cell;
}
.menu.medium-vertical > li {
	display: block;
}
}
@media screen and (min-width: 64em) {
.menu.large-horizontal > li {
	display: table-cell;
}
.menu.large-vertical > li {
	display: block;
}
}
.menu.simple a {
	padding: 0;
	margin-right: 1rem;
}
.menu.align-right > li {
	float: right;
}
.menu.expanded {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.menu.expanded > li:first-child:last-child {
	width: 100%;
}
.menu.icon-top > li > a {
	text-align: center;
}
.menu.icon-top > li > a > img,    .menu.icon-top > li > a > i {
	display: block;
	margin: 0 auto 0.25rem;
}
.menu.nested {
	margin-left: 1rem;
}
.menu-text {
	font-weight: bold;
	color: inherit;
	line-height: 1;
	padding-top: 0;
	padding-bottom: 0;
	padding: 0.7rem 1rem;
}
.google-maps {
	position: relative;
	padding-bottom: 30%;
	// This is the aspect ratio        height: 0;
	overflow: hidden;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
.top-bar .menu > li {
	font-size: 0.9em;
	padding-left: 2px;
}
.google-maps {
	padding-bottom: 60%;
	// This is the aspect ratio
}
.menu > li:not(.menu-text) > a {
    display: block;
    padding: 0.7rem .5rem;
    line-height: 1;

}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.row {
	max-width: 80rem;
	margin: 2rem auto;
}
hr {
	border: 0;
	height: 1px;
	background: #6e45a4;
background-image: linear-gradient(to right,
#1f1230,
#6e45a4,
	#1f1230);
}