.dark {
	background: #1c1c1e;
}

.dark * {
	color: #fff;
}

.dark a,
.dark a:visited {
	color: #f45376;
}

.dark a:hover,
.dark a:visited:hover {
	text-decoration: underline;
}

.dark a.button {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0);
	color: #fff;
}

.dark a.button:hover {
	background: #fff;
	color: #000;
}

.dark a.button.fill {
	background: #fff;
	color: #000;
}

.dark a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.dark code,
.dark pre {
	background-color: rgba(248, 248, 248, 0.1);
}

.dark + .triangle:before {
	border-color: transparent transparent transparent #1c1c1e;
}

.light {
	background: #fff;
}

.light * {
	color: #000;
}

.light a,
.light a:visited {
	color: #f45376 !important;
}

.light a:hover,
.light a:visited:hover {
	text-decoration: underline;
}

.light a.button {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.light a.button:hover {
	background: #000;
	color: #fff;
}

.light a.button.fill {
	background: #000;
	color: #fff;
}

.light a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #000;
}

.light code,
.light pre {
	background-color: #f8f8f8;
}

.light + .triangle:before {
	border-color: transparent transparent transparent #fff;
}

.yellow {
	background: #FFCC01;
}

.yellow * {
	color: #000;
}

.yellow a,
.yellow a:visited {
	color: #f42146;
}

.yellow a.button {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.yellow a.button:hover {
	background: #000;
	color: #FFCC01;
}

.yellow a.button.fill {
	background: #000;
	color: #FFCC01;
}

.yellow a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #000;
}

.yellow + .triangle:before {
	border-color: transparent transparent transparent #FFCC01;
}

.blue {
	background: #51c1f5;
}

.blue * {
	color: #fff;
}

.blue a,
.blue a:visited {
	text-decoration: underline;
}

.blue a:hover,
.blue a:visited:hover {
	text-decoration: none;
}

.blue a.button {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0);
	text-decoration: none;
}

.blue a.button:hover {
	background: #fff;
	color: #51c1f5;
}

.blue a.button.fill {
	background: #fff;
	color: #51c1f5;
}

.blue a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.blue + .triangle:before {
	border-color: transparent transparent transparent #51c1f5;
}

.purple {
	background: #C2357B;
}

.purple * {
	color: #fff;
}

.purple a,
.purple a:visited {
	text-decoration: underline;
}

.purple a:hover,
.purple a:visited:hover {
	text-decoration: none;
}

.purple a.button {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0);
	text-decoration: none;
}

.purple a.button:hover {
	background: #fff;
	color: #C2357B;
}

.purple a.button.fill {
	background: #fff;
	color: #C2357B;
}

.purple a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.purple + .triangle:before {
	border-color: transparent transparent transparent #C2357B;
}

.round {
	border-radius: 50%;
}

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

.text--center .seperator {
	margin-right: auto;
	margin-left: auto;
}

.center,
.center img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}





.brand {
	margin: 0 auto;
	width: 205px;
	height: 114px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left center;
}



.toggle {
	position: relative;
	z-index: 999;
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.toggle .cross {
	transition-duration: 0s;
	transition-delay: .1s;
}

.toggle .cross span:before {
	transition-property: margin,  -webkit-transform;
	transition-property: margin,  transform;
	transition-duration: .1s;
	transition-delay: .1s,  0;
}

.toggle .cross span:after {
	transition-property: margin,  -webkit-transform;
	transition-property: margin,  transform;
	transition-duration: .1s;
	transition-delay: .1s,  0;
}

.toggle .cross.open span {
	background-color: transparent;
	transition-delay: .1s;
}

.toggle .cross.open span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition-delay: 0,  .1s;
	background-color: #c6c5cd;
}

.toggle .cross.open span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition-delay: 0,  .1s;
	background-color: #c6c5cd;
}

.toggle span {
	margin: 0 auto;
	position: relative;
	z-index: 999;
	top: 12px;
	width: 25px;
	height: 2px;
	background-color: #fff;
	display: block;
}

.toggle span:before,
.toggle span:after {
	position: absolute;
	content: '';
	width: 25px;
	height: 2px;
	background-color: #fff;
	display: block;
}

.toggle span:before {
	margin-top: -7px;
}

.toggle span:after {
	margin-top: 7px;
}


.dark,
.light,
.yellow,
.blue,
.purple {
	display: block;
	margin: 0 auto;
	padding: 50px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #000;
}

.dark .row,
.light .row,
.yellow .row,
.blue .row,
.purple .row {
	margin: 0;
}

.dark .row div[class^="col-"],
.light .row div[class^="col-"],
.yellow .row div[class^="col-"],
.blue .row div[class^="col-"],
.purple .row div[class^="col-"] {
	margin-bottom: 50px;
}

.dark p,
.light p,
.yellow p,
.blue p,
.purple p,
.dark a,
.light a,
.yellow a,
.blue a,
.purple a,
.dark blockquote,
.light blockquote,
.yellow blockquote,
.blue blockquote,
.purple blockquote,
.dark li,
.light li,
.yellow li,
.blue li,
.purple li {
	font-family: "Merriweather", serif;
}

.dark h1,
.light h1,
.yellow h1,
.blue h1,
.purple h1 {
	margin-bottom: 10px;
}

.dark h2,
.light h2,
.yellow h2,
.blue h2,
.purple h2,
.dark h3,
.light h3,
.yellow h3,
.blue h3,
.purple h3 {
	margin: 0 0 5px;
}

.dark p,
.light p,
.yellow p,
.blue p,
.purple p {
	letter-spacing: 0.2px;
	margin: 0 auto;
}

.dark p + *,
.light p + *,
.yellow p + *,
.blue p + *,
.purple p + * {
	margin-top: 20px;
}

.dark a,
.light a,
.yellow a,
.blue a,
.purple a {
	position: relative;
	display: inline-block;
}

.dark img,
.light img,
.yellow img,
.blue img,
.purple img {
	padding: 20px 0;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 30px 0;
}

.dark li,
.light li,
.yellow li,
.blue li,
.purple li {
	padding: 2px 0 0;
}

.blogarchive div[class^="col-"] {
	margin-bottom: 20px !important;
}

.blogarchive .equal {
	width: 100%;
}

.blogarchive a {
	white-space: normal;
	transition: all 200ms ease;
	padding: 12px 18px;
	background: rgba(0, 0, 0, 0.08);
	display: block;
}

.blogarchive a:hover {
	text-decoration: none;
	background: rgba(0, 0, 0, 0.05);
}

.blogarchive a:hover p {
	color: #2a2a2a;
}

.blogarchive .date {
	font-size: .9rem;
	text-align: right;
	margin-bottom: 5px;
}

.blogarchive h2 {
	font-size: 1.2rem;
	font-family: "Lato", sans-serif;
	transition: all 200ms ease;
}

.blogarchive p {
	font-size: 1rem;
	color: #7f7d7d;
	transition: all 200ms ease;
}

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

.equal .vcenter {
	display: table-cell;
	vertical-align: middle;
}

.full {
	margin: 0;
	padding: 0 !important;
	overflow: hidden;
}

.full * {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
}

.full .wide {
	width: 100%;
	height: auto;
}

.small {
	font-size: .85rem;
}


.gallery .row > div {
	margin-bottom: 2%;
}

.gallery img {
	margin: 0;
}

.video-wrapper {
	margin: 30px auto;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.breadcrumb {
	background: rgba(0, 0, 0, 0.6);
	transition: all 200ms ease-in-out;
}

.breadcrumb a,
.breadcrumb a:visited {
	color: #fff;
	font-size: 1rem;
}

.breadcrumb:hover {
	background: black;
}

@media (min-width: 768px) {

.dark,
.light,
.yellow,
.blue,
.purple {
	padding: 80px 0;
}

.dark img,
.light img,
.yellow img,
.blue img,
.purple img {
	padding: 0;
}

.blogarchive a {
	background: rgba(0, 0, 0, 0.02);
}

.blogarchive a {
	min-height: 250px;
	overflow: hidden;
}

.blogarchive a:hover h2 {
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}


}

@media (min-width: 992px) {

.triangle + .dark:before {
	border-color: transparent transparent transparent #1c1c1e;
}

.triangle + .light:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .yellow:before {
	border-color: transparent transparent transparent #FFCC01;
}

.triangle + .blue:before {
	border-color: transparent transparent transparent #51c1f5;
}

.triangle + .purple:before {
	border-color: transparent transparent transparent #C2357B;
}


.dark .row div[class^="col-"],
.light .row div[class^="col-"],
.yellow .row div[class^="col-"],
.blue .row div[class^="col-"],
.purple .row div[class^="col-"] {
	margin-bottom: 20px;
}

.triangle {
	position: relative;
}

.triangle img {
	position: relative;
	z-index: 100;
}

.triangle:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 150px 100vw;
	border-color: inherit;
	position: absolute;
	z-index: 120;
}

.triangle + .light,
.triangle + .dark,
.triangle + .blue,
.triangle + .yellow,
.triangle + .purple {
	position: relative;
}

.triangle + .light:before,
.triangle + .dark:before,
.triangle + .blue:before,
.triangle + .yellow:before,
.triangle + .purple:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 150px 0 0 100vw;
	border-color: none;
	position: absolute;
	z-index: 120;
	top: -150px;
}

.video-wrapper {
	margin: 60px auto;
}

}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */