/* ========================================

CONTENTS

01.	Reset
02.	Spacing
03.	Utility
04.	Grid
05.	Text
06.	Headers
07.	Footers
08.	Sidebars
09.	Nav
10.	Mobile Nav
11.	Accordion
12.	Alerts
13.	Animation
14.	Blog
15.	Buttons
16.	Colour Scheme
17.	Draws
18.	Hero Unit
19.	Icon Boxes
20.	Maps
21.	Modal
22.	Notices
23.	Overlays
24.	Parallax
25.	Isotope
26.	Preloaders
27.	Pricing
28.	Promo Boxes
29.	Sliders
30.	Social Networks
31.	Tabs
32.	Tags
33.	Team
34.	Testimonial
35.	Video
36.	Forms

======================================== */
/* ========================================
01. Reset
======================================== */
html {
		overflow-x: hidden;
		box-sizing: border-box;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
}

*, *:before, *:after {
		box-sizing: border-box;
}

body {
		overflow-x: hidden;
		margin: 0;
}

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

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

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

[hidden],
template {
		display: none;
}

a {
		background-color: transparent;
}

a:active,
a:hover {
		outline: 0;
}

abbr[title] {
		border-bottom: none;
		text-decoration: underline;
		text-decoration: underline dotted;
}

b,
strong {
		font-weight: inherit;
}

b,
strong {
		font-weight: bolder;
}

dfn {
		font-style: italic;
}

mark {
		background-color: #ff0;
		color: #000;
}

small {
		font-size: 80%;
}

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

sup {
		top: -0.5em;
}

sub {
		bottom: -0.25em;
}

img {
		display: block;
		max-width: 100%;
		height: auto;
		border: 0;
}
.banderas{
		display: inline;
		max-width: 100%;
		height: auto;
		border: 0;
		padding-top:24px;
}

ul {
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		-webkit-padding-start: 0;
}

svg:not(:root) {
		overflow: hidden;
}

figure {
		margin: 1em 40px;
}

hr {
		overflow: visible;
		box-sizing: content-box;
		height: 0;
}

pre {
		overflow: auto;
}

code,
kbd,
pre,
samp {
		font-size: 1em;
		font-family: monospace, monospace;
}

button,
input,
optgroup,
select,
textarea {
		margin: 0;
		font: inherit;
}

button {
		overflow: visible;
}

button,
select {
		text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
		cursor: pointer;
		/* 3 */
		-webkit-appearance: button;
}

button[disabled],
html input[disabled] {
		cursor: default;
}

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

button:-moz-focusring,
input:-moz-focusring {
		outline: 1px dotted ButtonText;
}

input {
		line-height: normal;
}

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

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

input[type="search"] {
		-webkit-appearance: textfield;
}

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

fieldset {
		margin: 0 2px;
		padding: 0.35em 0.625em 0.75em;
		border: 1px solid #c0c0c0;
}

legend {
		padding: 0;
		border: 0;
}

textarea {
		overflow: auto;
}

optgroup {
		font-weight: bold;
}

/* ========================================
02. Spacing
======================================== */
.margin-top-120 {
		margin-top: 120px;
}

.margin-top-115 {
		margin-top: 115px;
}

.margin-top-110 {
		margin-top: 110px;
}

.margin-top-105 {
		margin-top: 105px;
}

.margin-top-100 {
		margin-top: 100px;
}

.margin-top-95 {
		margin-top: 95px;
}

.margin-top-90 {
		margin-top: 90px;
}

.margin-top-85 {
		margin-top: 85px;
}

.margin-top-80 {
		margin-top: 80px;
}

.margin-top-75 {
		margin-top: 75px;
}

.margin-top-70 {
		margin-top: 70px;
}

.margin-top-65 {
		margin-top: 65px;
}

.margin-top-60 {
		margin-top: 60px;
}

.margin-top-55 {
		margin-top: 55px;
}

.margin-top-50 {
		margin-top: 50px;
}

.margin-top-45 {
		margin-top: 45px;
}

.margin-top-40 {
		margin-top: 40px;
}

.margin-top-35 {
		margin-top: 35px;
}

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

.margin-top-25 {
		margin-top: 25px;
}

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

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

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

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

.margin-bottom-120 {
		margin-bottom: 120px;
}

.margin-bottom-115 {
		margin-bottom: 115px;
}

.margin-bottom-110 {
		margin-bottom: 110px;
}

.margin-bottom-105 {
		margin-bottom: 105px;
}

.margin-bottom-100 {
		margin-bottom: 100px;
}

.margin-bottom-95 {
		margin-bottom: 95px;
}

.margin-bottom-90 {
		margin-bottom: 90px;
}

.margin-bottom-85 {
		margin-bottom: 85px;
}

.margin-bottom-80 {
		margin-bottom: 80px;
}

.margin-bottom-75 {
		margin-bottom: 75px;
}

.margin-bottom-70 {
		margin-bottom: 70px;
}

.margin-bottom-65 {
		margin-bottom: 65px;
}

.margin-bottom-60 {
		margin-bottom: 60px;
}

.margin-bottom-55 {
		margin-bottom: 55px;
}

.margin-bottom-50 {
		margin-bottom: 50px;
}

.margin-bottom-45 {
		margin-bottom: 45px;
}

.margin-bottom-40 {
		margin-bottom: 40px;
}

.margin-bottom-35 {
		margin-bottom: 35px;
}

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

.margin-bottom-25 {
		margin-bottom: 25px;
}

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

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

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

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

.margin-left-120 {
		margin-left: 120px;
}

.margin-left-115 {
		margin-left: 115px;
}

.margin-left-110 {
		margin-left: 110px;
}

.margin-left-105 {
		margin-left: 105px;
}

.margin-left-100 {
		margin-left: 100px;
}

.margin-left-95 {
		margin-left: 95px;
}

.margin-left-90 {
		margin-left: 90px;
}

.margin-left-85 {
		margin-left: 85px;
}

.margin-left-80 {
		margin-left: 80px;
}

.margin-left-75 {
		margin-left: 75px;
}

.margin-left-70 {
		margin-left: 70px;
}

.margin-left-65 {
		margin-left: 65px;
}

.margin-left-60 {
		margin-left: 60px;
}

.margin-left-55 {
		margin-left: 55px;
}

.margin-left-50 {
		margin-left: 50px;
}

.margin-left-45 {
		margin-left: 45px;
}

.margin-left-40 {
		margin-left: 40px;
}

.margin-left-35 {
		margin-left: 35px;
}

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

.margin-left-25 {
		margin-left: 25px;
}

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

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

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

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

.margin-right-120 {
		margin-right: 120px;
}

.margin-right-115 {
		margin-right: 115px;
}

.margin-right-110 {
		margin-right: 110px;
}

.margin-right-105 {
		margin-right: 105px;
}

.margin-right-100 {
		margin-right: 100px;
}

.margin-right-95 {
		margin-right: 95px;
}

.margin-right-90 {
		margin-right: 90px;
}

.margin-right-85 {
		margin-right: 85px;
}

.margin-right-80 {
		margin-right: 80px;
}

.margin-right-75 {
		margin-right: 75px;
}

.margin-right-70 {
		margin-right: 70px;
}

.margin-right-65 {
		margin-right: 65px;
}

.margin-right-60 {
		margin-right: 60px;
}

.margin-right-55 {
		margin-right: 55px;
}

.margin-right-50 {
		margin-right: 50px;
}

.margin-right-45 {
		margin-right: 45px;
}

.margin-right-40 {
		margin-right: 40px;
}

.margin-right-35 {
		margin-right: 35px;
}

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

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

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

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

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

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

.padding-top-120 {
		padding-top: 120px;
}

.padding-top-115 {
		padding-top: 115px;
}

.padding-top-110 {
		padding-top: 110px;
}

.padding-top-105 {
		padding-top: 105px;
}

.padding-top-100 {
		padding-top: 100px;
}

.padding-top-95 {
		padding-top: 95px;
}

.padding-top-90 {
		padding-top: 90px;
}

.padding-top-85 {
		padding-top: 85px;
}

.padding-top-80 {
		padding-top: 80px;
}

.padding-top-75 {
		padding-top: 75px;
}

.padding-top-70 {
		padding-top: 70px;
}

.padding-top-65 {
		padding-top: 65px;
}

.padding-top-60 {
		padding-top: 60px;
}

.padding-top-55 {
		padding-top: 55px;
}

.padding-top-50 {
		padding-top: 50px;
}

.padding-top-45 {
		padding-top: 45px;
}

.padding-top-40 {
		padding-top: 40px;
}

.padding-top-35 {
		padding-top: 35px;
}

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

.padding-top-25 {
		padding-top: 25px;
}

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

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

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

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

.padding-bottom-120 {
		padding-bottom: 120px;
}

.padding-bottom-115 {
		padding-bottom: 115px;
}

.padding-bottom-110 {
		padding-bottom: 110px;
}

.padding-bottom-105 {
		padding-bottom: 105px;
}

.padding-bottom-100 {
		padding-bottom: 100px;
}

.padding-bottom-95 {
		padding-bottom: 95px;
}

.padding-bottom-90 {
		padding-bottom: 90px;
}

.padding-bottom-85 {
		padding-bottom: 85px;
}

.padding-bottom-80 {
		padding-bottom: 80px;
}

.padding-bottom-75 {
		padding-bottom: 75px;
}

.padding-bottom-70 {
		padding-bottom: 70px;
}

.padding-bottom-65 {
		padding-bottom: 65px;
}

.padding-bottom-60 {
		padding-bottom: 60px;
}

.padding-bottom-55 {
		padding-bottom: 55px;
}

.padding-bottom-50 {
		padding-bottom: 50px;
}

.padding-bottom-45 {
		padding-bottom: 45px;
}

.padding-bottom-40 {
		padding-bottom: 40px;
}

.padding-bottom-35 {
		padding-bottom: 35px;
}

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

.padding-bottom-25 {
		padding-bottom: 25px;
}

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

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

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

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

.padding-left-120 {
		padding-left: 120px;
}

.padding-left-115 {
		padding-left: 115px;
}

.padding-left-110 {
		padding-left: 110px;
}

.padding-left-105 {
		padding-left: 105px;
}

.padding-left-100 {
		padding-left: 100px;
}

.padding-left-95 {
		padding-left: 95px;
}

.padding-left-90 {
		padding-left: 90px;
}

.padding-left-85 {
		padding-left: 85px;
}

.padding-left-80 {
		padding-left: 80px;
}

.padding-left-75 {
		padding-left: 75px;
}

.padding-left-70 {
		padding-left: 70px;
}

.padding-left-65 {
		padding-left: 65px;
}

.padding-left-60 {
		padding-left: 60px;
}

.padding-left-55 {
		padding-left: 55px;
}

.padding-left-50 {
		padding-left: 50px;
}

.padding-left-45 {
		padding-left: 45px;
}

.padding-left-40 {
		padding-left: 40px;
}

.padding-left-35 {
		padding-left: 35px;
}

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

.padding-left-25 {
		padding-left: 25px;
}

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

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

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

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

.padding-right-120 {
		padding-right: 120px;
}

.padding-right-115 {
		padding-right: 115px;
}

.padding-right-110 {
		padding-right: 110px;
}

.padding-right-105 {
		padding-right: 105px;
}

.padding-right-100 {
		padding-right: 100px;
}

.padding-right-95 {
		padding-right: 95px;
}

.padding-right-90 {
		padding-right: 90px;
}

.padding-right-85 {
		padding-right: 85px;
}

.padding-right-80 {
		padding-right: 80px;
}

.padding-right-75 {
		padding-right: 75px;
}

.padding-right-70 {
		padding-right: 70px;
}

.padding-right-65 {
		padding-right: 65px;
}

.padding-right-60 {
		padding-right: 60px;
}

.padding-right-55 {
		padding-right: 55px;
}

.padding-right-50 {
		padding-right: 50px;
}

.padding-right-45 {
		padding-right: 45px;
}

.padding-right-40 {
		padding-right: 40px;
}

.padding-right-35 {
		padding-right: 35px;
}

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

.padding-right-25 {
		padding-right: 25px;
}

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

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

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

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

.padding-120 {
		padding: 120px;
}

.padding-115 {
		padding: 115px;
}

.padding-110 {
		padding: 110px;
}

.padding-105 {
		padding: 105px;
}

.padding-100 {
		padding: 100px;
}

.padding-95 {
		padding: 95px;
}

.padding-90 {
		padding: 90px;
}

.padding-85 {
		padding: 85px;
}

.padding-80 {
		padding: 80px;
}

.padding-75 {
		padding: 75px;
}

.padding-70 {
		padding: 70px;
}

.padding-65 {
		padding: 65px;
}

.padding-60 {
		padding: 60px;
}

.padding-55 {
		padding: 55px;
}

.padding-50 {
		padding: 50px;
}

.padding-45 {
		padding: 45px;
}

.padding-40 {
		padding: 40px;
}

.padding-35 {
		padding: 35px;
}

.padding-30 {
		padding: 30px;
}

.padding-25 {
		padding: 25px;
}

.padding-20 {
		padding: 20px;
}

.padding-15 {
		padding: 15px;
}

.padding-10 {
		padding: 10px;
}

.padding-5 {
		padding: 5px;
}

.margin-120 {
		margin: 120px;
}

.margin-115 {
		margin: 115px;
}

.margin-110 {
		margin: 110px;
}

.margin-105 {
		margin: 105px;
}

.margin-100 {
		margin: 100px;
}

.margin-95 {
		margin: 95px;
}

.margin-90 {
		margin: 90px;
}

.margin-85 {
		margin: 85px;
}

.margin-80 {
		margin: 80px;
}

.margin-75 {
		margin: 75px;
}

.margin-70 {
		margin: 70px;
}

.margin-65 {
		margin: 65px;
}

.margin-60 {
		margin: 60px;
}

.margin-55 {
		margin: 55px;
}

.margin-50 {
		margin: 50px;
}

.margin-45 {
		margin: 45px;
}

.margin-40 {
		margin: 40px;
}

.margin-35 {
		margin: 35px;
}

.margin-30 {
		margin: 30px;
}

.margin-25 {
		margin: 25px;
}

.margin-20 {
		margin: 20px;
}

.margin-15 {
		margin: 15px;
}

.margin-10 {
		margin: 10px;
}

.margin-5 {
		margin: 5px;
}

.no-padding {
		padding: 0 !important;
}

.no-margin {
		margin: 0 !important;
}

/* ========================================
03. Utility
======================================== */
.float-left {
		float: left;
}

.float-right {
		float: right;
}

.float-none {
		float: none;
}

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

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

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

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

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

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

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

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

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

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

.position-absolute {
		position: absolute;
}

.position-relative {
		position: relative;
}

.position-fixed {
		position: fixed;
}

.hide {
		display: none;
}

.invisible {
		visibility: hidden;
}

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

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

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

.center-image {
		display: block;
		margin: 0 auto;
}

.full-width {
		width: 100%;
}

.line-height {
		line-height: 1.65;
}

.small-text {
		font-size: 70%;
}

.no-overflow {
		overflow: hidden;
}

/* ========================================
04. Grid
======================================== */
.grid-container {
		margin-right: auto;
		margin-left: auto;
		max-width: 1400px;
}
.grid-container-fluid {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
}

.grid-row {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
}
.grid-row .grid-row {
		margin-right: -15px;
		margin-left: -15px;
		width: auto;
}

.grid-container:after,
.grid-row:after,
.grid-container-fluid:after {
		display: table;
		clear: both;
		content: "";
}

[class*='column-'] {
		position: relative;
		float: left;
		padding-right: 15px;
		padding-left: 15px;
		min-height: 1px;
		width: 100%;
}

.column-1 {
		width: 8.3333333333%;
}

.column-2 {
		width: 16.6666666667%;
}

.column-3 {
		width: 25%;
}

.column-4 {
		width: 33.3333333333%;
}

.column-5 {
		width: 41.6666666667%;
}

.column-6 {
		width: 50%;
}

.column-7 {
		width: 58.3333333333%;
}

.column-8 {
		width: 66.6666666667%;
}

.column-9 {
		width: 75%;
}

.column-10 {
		width: 83.3333333333%;
}

.column-11 {
		width: 91.6666666667%;
}

.column-12 {
		width: 100%;
}

@media (max-width: 64em) {
		.column-lg-1 {
	width: 8.3333333333%;
		}

		.column-lg-2 {
	width: 16.6666666667%;
		}

		.column-lg-3 {
	width: 25%;
		}

		.column-lg-4 {
	width: 33.3333333333%;
		}

		.column-lg-5 {
	width: 41.6666666667%;
		}

		.column-lg-6 {
	width: 50%;
		}

		.column-lg-7 {
	width: 58.3333333333%;
		}

		.column-lg-8 {
	width: 66.6666666667%;
		}

		.column-lg-9 {
	width: 75%;
		}

		.column-lg-10 {
	width: 83.3333333333%;
		}

		.column-lg-11 {
	width: 91.6666666667%;
		}

		.column-lg-12 {
	width: 100%;
		}
}
.push-column-1 {
		margin-left: 8.3333333333%;
}

.push-column-2 {
		margin-left: 16.6666666667%;
}

.push-column-3 {
		margin-left: 25%;
}

.push-column-4 {
		margin-left: 33.3333333333%;
}

.push-column-5 {
		margin-left: 41.6666666667%;
}

.push-column-6 {
		margin-left: 50%;
}

.push-column-7 {
		margin-left: 58.3333333333%;
}

.push-column-8 {
		margin-left: 66.6666666667%;
}

.push-column-9 {
		margin-left: 75%;
}

.push-column-10 {
		margin-left: 83.3333333333%;
}

.push-column-11 {
		margin-left: 91.6666666667%;
}

.push-column-12 {
		margin-left: 100%;
}

@media (max-width: 48em) {
		.column-1 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-2 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-3 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-4 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-5 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-6 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-7 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-8 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-9 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-10 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-11 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-12 {
	width: 100%;
		}

		[class*="push-column-"] {
	margin-left: 0px;
		}

		.column-md-1 {
	width: 8.3333333333%;
		}

		.column-md-2 {
	width: 16.6666666667%;
		}

		.column-md-3 {
	width: 25%;
		}

		.column-md-4 {
	width: 33.3333333333%;
		}

		.column-md-5 {
	width: 41.6666666667%;
		}

		.column-md-6 {
	width: 50%;
		}

		.column-md-7 {
	width: 58.3333333333%;
		}

		.column-md-8 {
	width: 66.6666666667%;
		}

		.column-md-9 {
	width: 75%;
		}

		.column-md-10 {
	width: 83.3333333333%;
		}

		.column-md-11 {
	width: 91.6666666667%;
		}

		.column-md-12 {
	width: 100%;
		}
}
@media (max-width: 34em) {
		.column-sm-1 {
	padding-bottom: 20px;
	width: 8.3333333333%;
		}

		.column-sm-2 {
	padding-bottom: 20px;
	width: 16.6666666667%;
		}

		.column-sm-3 {
	padding-bottom: 20px;
	width: 25%;
		}

		.column-sm-4 {
	padding-bottom: 20px;
	width: 33.3333333333%;
		}

		.column-sm-5 {
	padding-bottom: 20px;
	width: 41.6666666667%;
		}

		.column-sm-6 {
	padding-bottom: 20px;
	width: 50%;
		}

		.column-sm-7 {
	padding-bottom: 20px;
	width: 58.3333333333%;
		}

		.column-sm-8 {
	padding-bottom: 20px;
	width: 66.6666666667%;
		}

		.column-sm-9 {
	padding-bottom: 20px;
	width: 75%;
		}

		.column-sm-10 {
	padding-bottom: 20px;
	width: 83.3333333333%;
		}

		.column-sm-11 {
	padding-bottom: 20px;
	width: 91.6666666667%;
		}

		.column-sm-12 {
	padding-bottom: 20px;
	width: 100%;
		}
}
@media (max-width: 25em) {
		.column-xs-1 {
	width: 8.3333333333%;
		}

		.column-xs-2 {
	width: 16.6666666667%;
		}

		.column-xs-3 {
	width: 25%;
		}

		.column-xs-4 {
	width: 33.3333333333%;
		}

		.column-xs-5 {
	width: 41.6666666667%;
		}

		.column-xs-6 {
	width: 50%;
		}

		.column-xs-7 {
	width: 58.3333333333%;
		}

		.column-xs-8 {
	width: 66.6666666667%;
		}

		.column-xs-9 {
	width: 75%;
		}

		.column-xs-10 {
	width: 83.3333333333%;
		}

		.column-xs-11 {
	width: 91.6666666667%;
		}

		.column-xs-12 {
	width: 100%;
		}
}
@media (max-width: 64em) {
		.hide-large {
	display: none;
		}
}
@media (max-width: 48em) {
		.hide-medium {
	display: none;
		}
}
@media (max-width: 34em) {
		.hide-small {
	display: none;
		}
}
@media (max-width: 25em) {
		.hide-xsmall {
	display: none;
		}
}
/* ========================================
05. Text
======================================== */
html {
		font-size: 15px;
}

@media (max-width: 48em) {
		html {
	font-size: 14px;
		}
}
body {
		line-height: 1.65;
		-webkit-font-smoothing: antialiased;
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
		color: #909090;
}

h1 {
		font-size: 3.5rem;
}

h2 {
		font-size: 3.1rem;
}

h3 {
		font-size: 2.7rem;
}

h4 {
		font-size: 2.3rem;
}

h5 {
		font-size: 1.9rem;
}

h6 {
		font-size: 1.5rem;
}

.font-size-h1 {
		font-size: 3.5rem;
}

.font-size-h2 {
		font-size: 3.2rem;
}

.font-size-h3 {
		font-size: 2.9rem;
}

.font-size-h4 {
		font-size: 2.6rem;
}

.font-size-h5 {
		font-size: 2.3rem;
}

.font-size-h6 {
		font-size: 2rem;
}

.border-bottom {
		border-bottom: 1px solid;
}

.border-top {
		border-top: 1px solid;
}

.border-left {
		border-left: 1px solid;
}

.border-right {
		border-right: 1px solid;
}

h1, h2, h3, h4, h5, h6 {
		margin: 0 0 1.5rem 0;
		line-height: 1;
		text-rendering: optimizeLegibility;
		color: #303030;
		font-weight: 400;
}

p {
		margin: 0 0 1.5rem 0;
}

.link {
		color: #000000;
		text-decoration: none;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: color;
		transition-property: color;
}
.link:hover {
		color: #909090;
}

.special-font {
		font-family: "Sacramento", cursive;
		font-size: inherit;
}

.list {
		margin-left: 0;
		padding: 0;
		list-style-type: none;
}
.list--bulleted {
		list-style-type: disc;
		margin-left: 17px;
}
.list--breadcrumb .list__item {
		margin-left: 10px;
}
.list--numbered {
		list-style-type: decimal;
		margin-left: 17px;
}
.list__item--inline {
		display: inline;
}
.list__item--inline-block {
		display: inline-block;
}

.blockquote {
		position: relative;
		font-size: 120%;
		font-style: italic;
}
.blockquote:before {
		content: "";
		position: absolute;
		height: 100%;
		left: -40px;
		border-left: 4px solid #f8f8fa;
}
.blockquote-source {
		font-weight: 700;
		font-style: normal;
		font-size: 80%;
}

.table {
		width: 100%;
		border-collapse: collapse;
}
.table td, .table th {
		padding: 10px;
		border: 1px solid #f8f8fa;
}
.table th {
		text-align: left;
		background-color: #f8f8fa;
}
.table--stripes tr:nth-child(even) {
		background-color: #f8f8fa;
}

/* ========================================
06. Headers
======================================== */
.nav-item, .primary-header__logo, .primary-header__logo-image, .primary-header, .mobile-nav-toggle, .utility-bar-toggle {
		-webkit-backface-visibility: hidden;
		-webkit-transition-duration: 300ms;
				transition-duration: 300ms;
		-webkit-transition-property: height, line-height, background-color, width, opacity;
		transition-property: height, line-height, background-color, width, opacity;
}

.primary-header {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		/*border-bottom: 1px solid #f8f8fa;*/
}
.primary-header__logo, .primary-header__logo-image {
		overflow: hidden;
		height: 100px;
}
.primary-header__logo:hover, .primary-header__logo-image:hover {
		opacity: 0.8;
}
.primary-header--resized {
		height: 70px;
		line-height: 70px;
}
.primary-header--resized .desktop-nav .nav-item, .primary-header--resized .primary-header, .primary-header--resized .primary-header__logo, .primary-header--resized .primary-header__logo-image, .primary-header--resized .mobile-nav-toggle, .primary-header--resized .utility-bar-toggle {
		width: auto;
		height: 70px;
		line-height: 70px;
}

@media (max-width: 64em) {
		.primary-header, .primary-header__logo, .primary-header__logo-image, .mobile-nav-toggle {
	height: 70px;
	line-height: 70px;
		}
}
/* ========================================
07. Footers
======================================== */
/* ========================================
08. Sidebars
======================================== */
.sidebar {
		float: left;
		clear: both;
		width: 100%;
}
.sidebar__block {
		margin-bottom: 30px;
		border-bottom: 1px solid #e5e6eb;
}
.sidebar__block--last {
		border-bottom: 0;
}

/* ========================================
09. Nav
======================================== */
.primary-header--fixed-nav {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
}

.desktop-nav .nav, .desktop-nav .is-submenu {
		margin: 0;
		padding: 0;
		list-style-type: none;
}

.desktop-nav .is-submenu, .desktop-nav .is-megamenu {
		visibility: hidden;
		opacity: 0;
}

.desktop-nav .has-submenu:hover > .is-submenu, .desktop-nav .has-submenu:hover > .is-megamenu, .desktop-nav .has-submenu:hover > .is-megamenu .is-submenu, .desktop-nav .has-megamenu:hover > .is-submenu, .desktop-nav .has-megamenu:hover > .is-megamenu, .desktop-nav .has-megamenu:hover > .is-megamenu .is-submenu {
		visibility: visible;
		opacity: 1;
}

.desktop-nav .is-submenu, .desktop-nav .is-megamenu {
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color, color;
		transition-property: background-color, color;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}

.desktop-nav {
		z-index: 1000;
}
.desktop-nav .nav-item {
		position: relative;
		display: inline;
		float: left;
		text-align: center;
		line-height: 100px;
}
.desktop-nav .nav-item:last-child .is-submenu .is-submenu {
		right: 100%;
		left: auto;
}
.desktop-nav .nav-item a {
		float: left;
		margin: 0 20px 0 20px;
		color: #909090;
		text-decoration: none;
		font-weight: 600;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: color;
		transition-property: color;
}
.desktop-nav .nav-item a:hover {
		color: #cccccc;
}
.desktop-nav .has-submenu, .desktop-nav .has-megamenu {
		position: relative;
}
.desktop-nav .is-submenu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 100;
		padding: 20px 0 20px;
		background-color: #303030;
}
.desktop-nav .is-submenu li {
		float: left;
		padding: 0 20px;
		min-width: 180px;
		text-align: left;
}
.desktop-nav .is-submenu li a {
		margin: 0;
		width: 100%;
		line-height: 50px;
}
.desktop-nav .is-submenu .is-submenu {
		top: -20px;
		left: 100%;
}
.desktop-nav .has-megamenu {
		position: inherit;
}
.desktop-nav .is-megamenu {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		margin: 0 auto;
		max-width: 1100px;
}
.desktop-nav .is-megamenu .grid-row {
		margin: 0 15px 0 15px;
		width: inherit;
		background-color: #303030;
}
.desktop-nav .is-megamenu .is-submenu {
		position: relative;
		overflow: hidden;
		background-color: transparent;
}

/* ========================================
10. Mobile Nav
======================================== */
.mobile-nav-toggle {
		display: none;
}

@media (max-width: 64em) {
		.mobile-nav .nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
		}

		.mobile-nav-toggle {
	position: relative;
	z-index: 200;
	display: block;
	overflow: hidden;
	width: 30px !important;
	border: none;
	border-radius: none;
	background-color: transparent;
	box-shadow: none;
	cursor: pointer;
		}
		.mobile-nav-toggle:focus {
	outline: 0;
		}
		.mobile-nav-toggle span {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	display: block;
	height: 2px;
	background: #303030;
	-webkit-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		.mobile-nav-toggle span:before, .mobile-nav-toggle span:after {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #303030;
	content: "";
	-webkit-transition-delay: 0.3s, 0s;
			transition-delay: 0.3s, 0s;
	-webkit-transition-duration: 0.3s, 0.3s;
			transition-duration: 0.3s, 0.3s;
		}
		.mobile-nav-toggle span:before {
	top: -10px;
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, -webkit-transform;
	transition-property: top, transform;
	transition-property: top, transform, -webkit-transform;
		}
		.mobile-nav-toggle span:after {
	bottom: -10px;
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
	transition-property: bottom, transform, -webkit-transform;
		}
		.mobile-nav-toggle__is-active span {
	background: none;
		}
		.mobile-nav-toggle__is-active span:before {
	top: 0;
	-webkit-transition-delay: 0s, 0.3s;
			transition-delay: 0s, 0.3s;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.mobile-nav-toggle__is-active span:after {
	bottom: 0;
	-webkit-transition-delay: 0s, 0.3s;
			transition-delay: 0s, 0.3s;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.mobile-nav {
	position: fixed;
	left: -100%;
	float: left;
	overflow: auto;
	width: 50%;
	/*Can be 50% for off canvas nav*/
	height: 100%;
	background-color: #fff;
	-webkit-transition-duration: 700ms;
			transition-duration: 700ms;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: ease-in-out;
			transition-timing-function: ease-in-out;
		}
		.mobile-nav .nav {
	position: relative;
	float: left;
	padding: 0 30px 0 30px;
	width: 100%;
		}
		.mobile-nav .nav:before {
	display: block;
	width: 100%;
	border-bottom: 1px solid #303030;
	color: #303030;
	content: "Menu";
	font-size: 1.4rem;
		}
		.mobile-nav .nav-item {
	float: left;
	clear: both;
	width: 100%;
	line-height: 50px;
		}
		.mobile-nav .nav-item a {
	color: #909090;
	text-decoration: none;
	font-size: 1.4rem;
		}
		.mobile-nav .is-megamenu [class*="column-"] {
	clear: both;
	padding: 0;
	width: 100%;
		}
		.mobile-nav .is-megamenu .is-submenu {
	position: relative;
	float: left;
		}
		.mobile-nav .is-submenu, .mobile-nav .is-megamenu {
	overflow: hidden;
	max-height: 0px;
	-webkit-transition: max-height 750ms ease-in-out;
	transition: max-height 750ms ease-in-out;
		}
		.mobile-nav .is-submenu li a, .mobile-nav .is-megamenu li a {
	font-size: 1rem;
		}
		.mobile-nav .submenu-open > .is-submenu,
		.mobile-nav .submenu-open > .is-megamenu .is-submenu,
		.mobile-nav .submenu-open > .is-megamenu {
	max-height: 2000px;
		}

		.mobile-nav-slide-in {
	left: 0;
		}
}
/* ========================================
11. Accordion
======================================== */
.accordion {
		display: block;
		float: left;
		clear: both;
		width: 100%;
}
.accordion__header {
		position: relative;
		margin-bottom: 1px;
		padding: 15px;
		width: 100%;
		background-color: #f8f8fa;
		cursor: pointer;
		-webkit-transition-duration: 300ms;
				transition-duration: 300ms;
		-webkit-transition-property: background-color;
		transition-property: background-color;
}
.accordion__header:hover {
		background-color: #dadae5;
}
.accordion__header:after {
		position: absolute;
		right: 12px;
		content: "\f489";
		font-size: 18px;
		font-family: "Ionicons";
		-webkit-transition-duration: 500ms;
				transition-duration: 500ms;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-timing-function: ease;
				transition-timing-function: ease;
}
.accordion__active:after {
		position: absolute;
		right: 12px;
		content: "\f489";
		font-size: 18px;
		font-family: "Ionicons";
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
}
.accordion__content {
		display: none;
		padding: 20px 15px 5px;
		border: 1px solid #f8f8fa;
}

/* ========================================
12. Alerts
======================================== */
.alert {
		position: relative;
		border: 1px solid #f8f8fa;
		color: #ffffff;
}
.alert p {
		margin-bottom: 0;
		padding: 12px;
}
.alert__close {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 100%;
		cursor: pointer;
}
.alert__close:after {
		position: absolute;
		top: 50%;
		right: 9px;
		color: #fff;
		content: "\f2d7";
		font-size: 18px;
		font-family: "Ionicons";
		-webkit-transform: translate3d(0, -50%, 0);
				transform: translate3d(0, -50%, 0);
}
.alert--failed {
		background-color: #ed4040;
}
.alert--warning {
		background-color: #ffae00;
}
.alert--success {
		background-color: #3dd326;
}

.form__form-messages {
		opacity: 0;
		visibility: hidden;
		-webkit-transition-duration: 300ms;
				transition-duration: 300ms;
		-webkit-transition-property: visibility, opacity, margin-bottom;
		transition-property: visibility, opacity, margin-bottom;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}
.form__form-messages.success, .form__form-messages.error {
		width: 100%;
		color: #ffffff;
		padding: 12px;
		float: left;
		opacity: 1;
		visibility: visible;
		margin-bottom: 20px;
}
.form__form-messages.success {
		background-color: #3dd326;
}
.form__form-messages.error {
		background-color: #ed4040;
}

/* ========================================
13. Animation
======================================== */
/*animations*/
/******************
* Bounce in right *
*******************/
.animated {
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
		-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
}

.animated-slow {
		-webkit-animation-duration: 1.3s;
				animation-duration: 1.3s;
}

.animated-slower {
		-webkit-animation-duration: 1.8s;
				animation-duration: 1.8s;
}

.animated-slowest {
		-webkit-animation-duration: 2.3s;
				animation-duration: 2.3s;
}

.animation-delay-250 {
		-webkit-animation-delay: 0.25s;
				animation-delay: 0.25s;
}

.animation-delay-500 {
		-webkit-animation-delay: 0.5s;
				animation-delay: 0.5s;
}

.animation-delay-750 {
		-webkit-animation-delay: 0.75s;
				animation-delay: 0.75s;
}

.animation-delay-1000 {
		-webkit-animation-delay: 1s;
				animation-delay: 1s;
}

.animation-delay-1250 {
		-webkit-animation-delay: 1.25s;
				animation-delay: 1.25s;
}

.animation-delay-1500 {
		-webkit-animation-delay: 1.5s;
				animation-delay: 1.5s;
}

.animation-delay-1750 {
		-webkit-animation-delay: 1.75s;
				animation-delay: 1.75s;
}

.animation-delay-2000 {
		-webkit-animation-delay: 2s;
				animation-delay: 2s;
}

.animation-delay-2250 {
		-webkit-animation-delay: 2.25s;
				animation-delay: 2.25s;
}

.animation-delay-2500 {
		-webkit-animation-delay: 2.5s;
				animation-delay: 2.5s;
}

.animation-delay-2750 {
		-webkit-animation-delay: 2.75s;
				animation-delay: 2.75s;
}

.animation-delay-3000 {
		-webkit-animation-delay: 3s;
				animation-delay: 3s;
}

.animate__bounce-in-right, .animate__bounce-in-left, .animate__bounce-in-up, .animate__bounce-in-down {
		opacity: 0;
		-webkit-transform: translateX(400px);
				transform: translateX(400px);
}

.animate__fade-in-right, .animate__fade-in-left, .animate__fade-in-up, .animate__fade-in-down {
		opacity: 0;
		-webkit-transform: translateX(400px);
				transform: translateX(400px);
}

.animate__flip-in-x, .animate__flip-in-y, .animate__rotate-in, .animate__rotate-in-up-left, .animate__rotate-in-up-right, .animate__rotate-in-down-left, .animate__rotate-down-up-right, .animate__roll-in {
		opacity: 0;
}

.lightspeed-in-right, .lightspeed-in-left {
		opacity: 0;
		-webkit-transform: translateX(400px);
				transform: translateX(400px);
}

@-webkit-keyframes bounce-in {
		0% {
	opacity: 0;
	-webkit-transform: scale(0.3);
			transform: scale(0.3);
		}
		50% {
	opacity: 1;
	-webkit-transform: scale(1.05);
			transform: scale(1.05);
		}
		70% {
	-webkit-transform: scale(0.9);
			transform: scale(0.9);
		}
		100% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
}

@keyframes bounce-in {
		0% {
	opacity: 0;
	-webkit-transform: scale(0.3);
			transform: scale(0.3);
		}
		50% {
	opacity: 1;
	-webkit-transform: scale(1.05);
			transform: scale(1.05);
		}
		70% {
	-webkit-transform: scale(0.9);
			transform: scale(0.9);
		}
		100% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
}
.animate__bounce-in.go {
		-webkit-animation-name: bounce-in;
				animation-name: bounce-in;
}

@-webkit-keyframes bounce-in-right {
		0% {
	opacity: 0;
	-webkit-transform: translateX(400px);
			transform: translateX(400px);
		}
		60% {
	-webkit-transform: translateX(-30px);
			transform: translateX(-30px);
		}
		80% {
	-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}

@keyframes bounce-in-right {
		0% {
	opacity: 0;
	-webkit-transform: translateX(400px);
			transform: translateX(400px);
		}
		60% {
	-webkit-transform: translateX(-30px);
			transform: translateX(-30px);
		}
		80% {
	-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}
.animate__bounce-in-right.go {
		-webkit-animation-name: bounce-in-right;
				animation-name: bounce-in-right;
}

@-webkit-keyframes bounce-in-left {
		0% {
	opacity: 0;
	-webkit-transform: translateX(-400px);
			transform: translateX(-400px);
		}
		60% {
	-webkit-transform: translateX(30px);
			transform: translateX(30px);
		}
		80% {
	-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}

@keyframes bounce-in-left {
		0% {
	opacity: 0;
	-webkit-transform: translateX(-400px);
			transform: translateX(-400px);
		}
		60% {
	-webkit-transform: translateX(30px);
			transform: translateX(30px);
		}
		80% {
	-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}
.animate__bounce-in-left.go {
		-webkit-animation-name: bounce-in-left;
				animation-name: bounce-in-left;
}

@-webkit-keyframes bounce-in-up {
		0% {
	opacity: 0;
	-webkit-transform: translateY(400px);
			transform: translateY(400px);
		}
		60% {
	-webkit-transform: translateY(-30px);
			transform: translateY(-30px);
		}
		80% {
	-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}

@keyframes bounce-in-up {
		0% {
	opacity: 0;
	-webkit-transform: translateY(400px);
			transform: translateY(400px);
		}
		60% {
	-webkit-transform: translateY(-30px);
			transform: translateY(-30px);
		}
		80% {
	-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}
.animate__bounce-in-up.go {
		-webkit-animation-name: bounce-in-up;
				animation-name: bounce-in-up;
}

@-webkit-keyframes bounce-in-down {
		0% {
	opacity: 0;
	-webkit-transform: translateY(-400px);
			transform: translateY(-400px);
		}
		60% {
	-webkit-transform: translateY(30px);
			transform: translateY(30px);
		}
		80% {
	-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}

@keyframes bounce-in-down {
		0% {
	opacity: 0;
	-webkit-transform: translateY(-400px);
			transform: translateY(-400px);
		}
		60% {
	-webkit-transform: translateY(30px);
			transform: translateY(30px);
		}
		80% {
	-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}
.animate__bounce-in-down.go {
		-webkit-animation-name: bounce-in-down;
				animation-name: bounce-in-down;
}

@-webkit-keyframes fade-in {
		0% {
	opacity: 0;
		}
		100% {
	opacity: 1;
	display: block;
		}
}

@keyframes fade-in {
		0% {
	opacity: 0;
		}
		100% {
	opacity: 1;
	display: block;
		}
}
.fade-in {
		opacity: 0;
}

.animate__fade-in.go {
		-webkit-animation-name: fade-in;
				animation-name: fade-in;
}

@-webkit-keyframes grow-in {
		0% {
	-webkit-transform: scale(0.2);
			transform: scale(0.2);
	opacity: 0;
		}
		50% {
	-webkit-transform: scale(1.2);
			transform: scale(1.2);
		}
		100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 1;
		}
}

@keyframes grow-in {
		0% {
	-webkit-transform: scale(0.2);
			transform: scale(0.2);
	opacity: 0;
		}
		50% {
	-webkit-transform: scale(1.2);
			transform: scale(1.2);
		}
		100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 1;
		}
}
.animate__grow-in {
		-webkit-transform: scale(0.2);
				transform: scale(0.2);
		opacity: 0;
}

.animate__grow-in.go {
		-webkit-animation-name: grow-in;
				animation-name: grow-in;
}

@-webkit-keyframes shake {
		0%, 100% {
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
		20%, 40%, 60%, 80% {
	-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
}

@keyframes shake {
		0%, 100% {
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
		20%, 40%, 60%, 80% {
	-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
}
.animate__shake.go {
		-webkit-animation-name: shake;
				animation-name: shake;
}

@-webkit-keyframes shake-up {
		0%, 100% {
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
		20%, 40%, 60%, 80% {
	-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
}

@keyframes shake-up {
		0%, 100% {
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
		20%, 40%, 60%, 80% {
	-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
}
.animate__shake-up.go {
		-webkit-animation-name: shake-up;
				animation-name: shake-up;
}

@-webkit-keyframes fade-in-left {
		0% {
	opacity: 0;
	-webkit-transform: translateX(-400px);
			transform: translateX(-400px);
		}
		50% {
	opacity: 0.3;
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}

@keyframes fade-in-left {
		0% {
	opacity: 0;
	-webkit-transform: translateX(-400px);
			transform: translateX(-400px);
		}
		50% {
	opacity: 0.3;
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}
.animate__fade-in-left {
		opacity: 0;
		-webkit-transform: translateX(-400px);
				transform: translateX(-400px);
}

.animate__fade-in-left.go {
		-webkit-animation-name: fade-in-left;
				animation-name: fade-in-left;
}

@-webkit-keyframes fade-in-right {
		0% {
	opacity: 0;
	-webkit-transform: translateX(400px);
			transform: translateX(400px);
		}
		50% {
	opacity: 0.3;
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}

@keyframes fade-in-right {
		0% {
	opacity: 0;
	-webkit-transform: translateX(400px);
			transform: translateX(400px);
		}
		50% {
	opacity: 0.3;
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}
.animate__fade-in-right {
		opacity: 0;
		-webkit-transform: translateX(400px);
				transform: translateX(400px);
}

.animate__fade-in-right.go {
		-webkit-animation-name: fade-in-right;
				animation-name: fade-in-right;
}

@-webkit-keyframes fade-in-up {
		0% {
	opacity: 0;
	-webkit-transform: translateY(400px);
			transform: translateY(400px);
		}
		50% {
	opacity: 0.3;
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}

@keyframes fade-in-up {
		0% {
	opacity: 0;
	-webkit-transform: translateY(400px);
			transform: translateY(400px);
		}
		50% {
	opacity: 0.3;
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}
.animate__fade-in-up {
		opacity: 0;
		-webkit-transform: translateY(400px);
				transform: translateY(400px);
}

.animate__fade-in-up.go {
		-webkit-animation-name: fade-in-up;
				animation-name: fade-in-up;
}

@-webkit-keyframes fade-in-down {
		0% {
	opacity: 0;
	-webkit-transform: translateY(-400px);
			transform: translateY(-400px);
		}
		50% {
	opacity: 0.3;
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}

@keyframes fade-in-down {
		0% {
	opacity: 0;
	-webkit-transform: translateY(-400px);
			transform: translateY(-400px);
		}
		50% {
	opacity: 0.3;
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}
.animate__fade-in-down {
		opacity: 0;
		-webkit-transform: translateY(-400px);
				transform: translateY(-400px);
}

.animate__fade-in-down.go {
		-webkit-animation-name: fade-in-down;
				animation-name: fade-in-down;
}

@-webkit-keyframes rotate-in {
		0% {
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-transform: rotate(-200deg);
			transform: rotate(-200deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}

@keyframes rotate-in {
		0% {
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-transform: rotate(-200deg);
			transform: rotate(-200deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}
.animate__rotate-in.go {
		-webkit-animation-name: rotate-in;
				animation-name: rotate-in;
}

@-webkit-keyframes rotate-in-up-left {
		0% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}

@keyframes rotate-in-up-left {
		0% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}
.animate__rotate-in-up-left.go {
		-webkit-animation-name: rotate-in-up-left;
				animation-name: rotate-in-up-left;
}

@-webkit-keyframes rotate-in-down-left {
		0% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}

@keyframes rotate-in-down-left {
		0% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}
.animate__rotate-in-down-left.go {
		-webkit-animation-name: rotate-in-down-left;
				animation-name: rotate-in-down-left;
}

@-webkit-keyframes rotate-in-up-right {
		0% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}

@keyframes rotate-in-up-right {
		0% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}
.animate__rotate-in-up-right.go {
		-webkit-animation-name: rotate-in-up-right;
				animation-name: rotate-in-up-right;
}

@-webkit-keyframes rotate-in-down-right {
		0% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}

@keyframes rotate-in-down-right {
		0% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	opacity: 0;
		}
		100% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
}
.animate__rotate-in-down-right.go {
		-webkit-animation-name: rotate-in-down-right;
				animation-name: rotate-in-down-right;
}

@-webkit-keyframes roll-in {
		0% {
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
			transform: translateX(-100%) rotate(-120deg);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
			transform: translateX(0px) rotate(0deg);
		}
}

@keyframes roll-in {
		0% {
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
			transform: translateX(-100%) rotate(-120deg);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
			transform: translateX(0px) rotate(0deg);
		}
}
.animate__roll-in.go {
		-webkit-animation-name: roll-in;
				animation-name: roll-in;
}

@-webkit-keyframes wiggle {
		0% {
	-webkit-transform: skewX(9deg);
			transform: skewX(9deg);
		}
		10% {
	-webkit-transform: skewX(-8deg);
			transform: skewX(-8deg);
		}
		20% {
	-webkit-transform: skewX(7deg);
			transform: skewX(7deg);
		}
		30% {
	-webkit-transform: skewX(-6deg);
			transform: skewX(-6deg);
		}
		40% {
	-webkit-transform: skewX(5deg);
			transform: skewX(5deg);
		}
		50% {
	-webkit-transform: skewX(-4deg);
			transform: skewX(-4deg);
		}
		60% {
	-webkit-transform: skewX(3deg);
			transform: skewX(3deg);
		}
		70% {
	-webkit-transform: skewX(-2deg);
			transform: skewX(-2deg);
		}
		80% {
	-webkit-transform: skewX(1deg);
			transform: skewX(1deg);
		}
		90% {
	-webkit-transform: skewX(0deg);
			transform: skewX(0deg);
		}
		100% {
	-webkit-transform: skewX(0deg);
			transform: skewX(0deg);
		}
}

@keyframes wiggle {
		0% {
	-webkit-transform: skewX(9deg);
			transform: skewX(9deg);
		}
		10% {
	-webkit-transform: skewX(-8deg);
			transform: skewX(-8deg);
		}
		20% {
	-webkit-transform: skewX(7deg);
			transform: skewX(7deg);
		}
		30% {
	-webkit-transform: skewX(-6deg);
			transform: skewX(-6deg);
		}
		40% {
	-webkit-transform: skewX(5deg);
			transform: skewX(5deg);
		}
		50% {
	-webkit-transform: skewX(-4deg);
			transform: skewX(-4deg);
		}
		60% {
	-webkit-transform: skewX(3deg);
			transform: skewX(3deg);
		}
		70% {
	-webkit-transform: skewX(-2deg);
			transform: skewX(-2deg);
		}
		80% {
	-webkit-transform: skewX(1deg);
			transform: skewX(1deg);
		}
		90% {
	-webkit-transform: skewX(0deg);
			transform: skewX(0deg);
		}
		100% {
	-webkit-transform: skewX(0deg);
			transform: skewX(0deg);
		}
}
.animate__wiggle.go {
		-webkit-animation-name: wiggle;
				animation-name: wiggle;
		-webkit-animation-timing-function: ease-in;
				animation-timing-function: ease-in;
}

@-webkit-keyframes swing {
		20% {
	-webkit-transform: rotate(15deg);
			transform: rotate(15deg);
		}
		40% {
	-webkit-transform: rotate(-10deg);
			transform: rotate(-10deg);
		}
		60% {
	-webkit-transform: rotate(5deg);
			transform: rotate(5deg);
		}
		80% {
	-webkit-transform: rotate(-5deg);
			transform: rotate(-5deg);
		}
		100% {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
}

@keyframes swing {
		20% {
	-webkit-transform: rotate(15deg);
			transform: rotate(15deg);
		}
		40% {
	-webkit-transform: rotate(-10deg);
			transform: rotate(-10deg);
		}
		60% {
	-webkit-transform: rotate(5deg);
			transform: rotate(5deg);
		}
		80% {
	-webkit-transform: rotate(-5deg);
			transform: rotate(-5deg);
		}
		100% {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
}
.animate__swing.go {
		-webkit-transform-origin: top center;
				transform-origin: top center;
		-webkit-animation-name: swing;
				animation-name: swing;
}

@-webkit-keyframes tada {
		0% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
		10%, 20% {
	-webkit-transform: scale(0.9) rotate(-3deg);
			transform: scale(0.9) rotate(-3deg);
		}
		30%, 50%, 70%, 90% {
	-webkit-transform: scale(1.1) rotate(3deg);
			transform: scale(1.1) rotate(3deg);
		}
		40%, 60%, 80% {
	-webkit-transform: scale(1.1) rotate(-3deg);
			transform: scale(1.1) rotate(-3deg);
		}
		100% {
	-webkit-transform: scale(1) rotate(0);
			transform: scale(1) rotate(0);
		}
}

@keyframes tada {
		0% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
		10%, 20% {
	-webkit-transform: scale(0.9) rotate(-3deg);
			transform: scale(0.9) rotate(-3deg);
		}
		30%, 50%, 70%, 90% {
	-webkit-transform: scale(1.1) rotate(3deg);
			transform: scale(1.1) rotate(3deg);
		}
		40%, 60%, 80% {
	-webkit-transform: scale(1.1) rotate(-3deg);
			transform: scale(1.1) rotate(-3deg);
		}
		100% {
	-webkit-transform: scale(1) rotate(0);
			transform: scale(1) rotate(0);
		}
}
.animate__tada.go {
		-webkit-animation-name: tada;
				animation-name: tada;
}

@-webkit-keyframes wobble {
		0% {
	-webkit-transform: translateX(0%);
			transform: translateX(0%);
		}
		15% {
	-webkit-transform: translateX(-25%) rotate(-5deg);
			transform: translateX(-25%) rotate(-5deg);
		}
		30% {
	-webkit-transform: translateX(20%) rotate(3deg);
			transform: translateX(20%) rotate(3deg);
		}
		45% {
	-webkit-transform: translateX(-15%) rotate(-3deg);
			transform: translateX(-15%) rotate(-3deg);
		}
		60% {
	-webkit-transform: translateX(10%) rotate(2deg);
			transform: translateX(10%) rotate(2deg);
		}
		75% {
	-webkit-transform: translateX(-5%) rotate(-1deg);
			transform: translateX(-5%) rotate(-1deg);
		}
		100% {
	-webkit-transform: translateX(0%);
			transform: translateX(0%);
		}
}

@keyframes wobble {
		0% {
	-webkit-transform: translateX(0%);
			transform: translateX(0%);
		}
		15% {
	-webkit-transform: translateX(-25%) rotate(-5deg);
			transform: translateX(-25%) rotate(-5deg);
		}
		30% {
	-webkit-transform: translateX(20%) rotate(3deg);
			transform: translateX(20%) rotate(3deg);
		}
		45% {
	-webkit-transform: translateX(-15%) rotate(-3deg);
			transform: translateX(-15%) rotate(-3deg);
		}
		60% {
	-webkit-transform: translateX(10%) rotate(2deg);
			transform: translateX(10%) rotate(2deg);
		}
		75% {
	-webkit-transform: translateX(-5%) rotate(-1deg);
			transform: translateX(-5%) rotate(-1deg);
		}
		100% {
	-webkit-transform: translateX(0%);
			transform: translateX(0%);
		}
}
.animate__wobble.go {
		-webkit-animation-name: wobble;
				animation-name: wobble;
}

@-webkit-keyframes pulse {
		0% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
		50% {
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
		}
		100% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
}

@keyframes pulse {
		0% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
		50% {
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
		}
		100% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
}
.animate__pulse.go {
		-webkit-animation-name: pulse;
				animation-name: pulse;
}

@-webkit-keyframes light-speed-in-right {
		0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
			transform: translateX(100%) skewX(-30deg);
	opacity: 0;
		}
		60% {
	-webkit-transform: translateX(-20%) skewX(30deg);
			transform: translateX(-20%) skewX(30deg);
	opacity: 1;
		}
		80% {
	-webkit-transform: translateX(0%) skewX(-15deg);
			transform: translateX(0%) skewX(-15deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: translateX(0%) skewX(0deg);
			transform: translateX(0%) skewX(0deg);
	opacity: 1;
		}
}

@keyframes light-speed-in-right {
		0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
			transform: translateX(100%) skewX(-30deg);
	opacity: 0;
		}
		60% {
	-webkit-transform: translateX(-20%) skewX(30deg);
			transform: translateX(-20%) skewX(30deg);
	opacity: 1;
		}
		80% {
	-webkit-transform: translateX(0%) skewX(-15deg);
			transform: translateX(0%) skewX(-15deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: translateX(0%) skewX(0deg);
			transform: translateX(0%) skewX(0deg);
	opacity: 1;
		}
}
.animate__light-speed-in-right.go {
		-webkit-animation-name: light-speed-in-right;
				animation-name: light-speed-in-right;
		-webkit-animation-timing-function: ease-out;
				animation-timing-function: ease-out;
}

@-webkit-keyframes light-speed-in-left {
		0% {
	-webkit-transform: translateX(-100%) skewX(30deg);
			transform: translateX(-100%) skewX(30deg);
	opacity: 0;
		}
		60% {
	-webkit-transform: translateX(20%) skewX(-30deg);
			transform: translateX(20%) skewX(-30deg);
	opacity: 1;
		}
		80% {
	-webkit-transform: translateX(0%) skewX(15deg);
			transform: translateX(0%) skewX(15deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: translateX(0%) skewX(0deg);
			transform: translateX(0%) skewX(0deg);
	opacity: 1;
		}
}

@keyframes light-speed-in-left {
		0% {
	-webkit-transform: translateX(-100%) skewX(30deg);
			transform: translateX(-100%) skewX(30deg);
	opacity: 0;
		}
		60% {
	-webkit-transform: translateX(20%) skewX(-30deg);
			transform: translateX(20%) skewX(-30deg);
	opacity: 1;
		}
		80% {
	-webkit-transform: translateX(0%) skewX(15deg);
			transform: translateX(0%) skewX(15deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: translateX(0%) skewX(0deg);
			transform: translateX(0%) skewX(0deg);
	opacity: 1;
		}
}
.animate__light-speed-in-left.go {
		-webkit-animation-name: light-speed-in-left;
				animation-name: light-speed-in-left;
		-webkit-animation-timing-function: ease-out;
				animation-timing-function: ease-out;
}

@-webkit-keyframes flip {
		0% {
	-webkit-transform: perspective(400px) rotateY(0);
			transform: perspective(400px) rotateY(0);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
		40% {
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
			transform: perspective(400px) translateZ(150px) rotateY(170deg);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
		50% {
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
			transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
		}
		80% {
	-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
			transform: perspective(400px) rotateY(360deg) scale(0.95);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
		}
		100% {
	-webkit-transform: perspective(400px) scale(1);
			transform: perspective(400px) scale(1);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
		}
}

@keyframes flip {
		0% {
	-webkit-transform: perspective(400px) rotateY(0);
			transform: perspective(400px) rotateY(0);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
		40% {
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
			transform: perspective(400px) translateZ(150px) rotateY(170deg);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
		50% {
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
			transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
		}
		80% {
	-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
			transform: perspective(400px) rotateY(360deg) scale(0.95);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
		}
		100% {
	-webkit-transform: perspective(400px) scale(1);
			transform: perspective(400px) scale(1);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
		}
}
.animate__flip.go {
		-webkit-backface-visibility: visible !important;
				backface-visibility: visible !important;
		-webkit-animation-name: flip;
				animation-name: flip;
}

@-webkit-keyframes flip-in-x {
		0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
			transform: perspective(400px) rotateX(90deg);
	opacity: 0;
		}
		40% {
	-webkit-transform: perspective(400px) rotateX(-10deg);
			transform: perspective(400px) rotateX(-10deg);
		}
		70% {
	-webkit-transform: perspective(400px) rotateX(10deg);
			transform: perspective(400px) rotateX(10deg);
		}
		100% {
	-webkit-transform: perspective(400px) rotateX(0deg);
			transform: perspective(400px) rotateX(0deg);
	opacity: 1;
		}
}

@keyframes flip-in-x {
		0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
			transform: perspective(400px) rotateX(90deg);
	opacity: 0;
		}
		40% {
	-webkit-transform: perspective(400px) rotateX(-10deg);
			transform: perspective(400px) rotateX(-10deg);
		}
		70% {
	-webkit-transform: perspective(400px) rotateX(10deg);
			transform: perspective(400px) rotateX(10deg);
		}
		100% {
	-webkit-transform: perspective(400px) rotateX(0deg);
			transform: perspective(400px) rotateX(0deg);
	opacity: 1;
		}
}
.animate__flip-in-x.go {
		-webkit-backface-visibility: visible !important;
				backface-visibility: visible !important;
		-webkit-animation-name: flip-in-x;
				animation-name: flip-in-x;
}

@-webkit-keyframes flip-in-y {
		0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
			transform: perspective(400px) rotateY(90deg);
	opacity: 0;
		}
		40% {
	-webkit-transform: perspective(400px) rotateY(-10deg);
			transform: perspective(400px) rotateY(-10deg);
		}
		70% {
	-webkit-transform: perspective(400px) rotateY(10deg);
			transform: perspective(400px) rotateY(10deg);
		}
		100% {
	-webkit-transform: perspective(400px) rotateY(0deg);
			transform: perspective(400px) rotateY(0deg);
	opacity: 1;
		}
}

@keyframes flip-in-y {
		0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
			transform: perspective(400px) rotateY(90deg);
	opacity: 0;
		}
		40% {
	-webkit-transform: perspective(400px) rotateY(-10deg);
			transform: perspective(400px) rotateY(-10deg);
		}
		70% {
	-webkit-transform: perspective(400px) rotateY(10deg);
			transform: perspective(400px) rotateY(10deg);
		}
		100% {
	-webkit-transform: perspective(400px) rotateY(0deg);
			transform: perspective(400px) rotateY(0deg);
	opacity: 1;
		}
}
.animate__flip-in-y.go {
		-webkit-backface-visibility: visible !important;
				backface-visibility: visible !important;
		-webkit-animation-name: flip-in-y;
				animation-name: flip-in-y;
}

@-webkit-keyframes bounce-out {
		0% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
		25% {
	-webkit-transform: scale(0.95);
			transform: scale(0.95);
		}
		50% {
	opacity: 1;
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
		}
		100% {
	opacity: 0;
	-webkit-transform: scale(0.3);
			transform: scale(0.3);
		}
}

@keyframes bounce-out {
		0% {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
		25% {
	-webkit-transform: scale(0.95);
			transform: scale(0.95);
		}
		50% {
	opacity: 1;
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
		}
		100% {
	opacity: 0;
	-webkit-transform: scale(0.3);
			transform: scale(0.3);
		}
}
.animate__bounce-out.goAway {
		-webkit-animation-name: bounce-out;
				animation-name: bounce-out;
}

@-webkit-keyframes bounce-out-up {
		0% {
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		20% {
	opacity: 1;
	-webkit-transform: translateY(20px);
			transform: translateY(20px);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
			transform: translateY(-2000px);
		}
}

@keyframes bounce-out-up {
		0% {
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		20% {
	opacity: 1;
	-webkit-transform: translateY(20px);
			transform: translateY(20px);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
			transform: translateY(-2000px);
		}
}
.animate__bounce-out-up.goAway {
		-webkit-animation-name: bounce-out-up;
				animation-name: bounce-out-up;
}

@-webkit-keyframes bounce-out-down {
		0% {
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		20% {
	opacity: 1;
	-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
			transform: translateY(2000px);
		}
}

@keyframes bounce-out-down {
		0% {
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		20% {
	opacity: 1;
	-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
			transform: translateY(2000px);
		}
}
.animate__bounce-out-down.goAway {
		-webkit-animation-name: bounce-out-down;
				animation-name: bounce-out-down;
}

@-webkit-keyframes bounce-out-left {
		0% {
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		20% {
	opacity: 1;
	-webkit-transform: translateX(20px);
			transform: translateX(20px);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
			transform: translateX(-2000px);
		}
}

@keyframes bounce-out-left {
		0% {
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		20% {
	opacity: 1;
	-webkit-transform: translateX(20px);
			transform: translateX(20px);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
			transform: translateX(-2000px);
		}
}
.animate__bounce-out-left.goAway {
		-webkit-animation-name: bounce-out-left;
				animation-name: bounce-out-left;
}

@-webkit-keyframes bounce-out-right {
		0% {
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		20% {
	opacity: 1;
	-webkit-transform: translateX(-20px);
			transform: translateX(-20px);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
			transform: translateX(2000px);
		}
}

@keyframes bounce-out-right {
		0% {
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		20% {
	opacity: 1;
	-webkit-transform: translateX(-20px);
			transform: translateX(-20px);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
			transform: translateX(2000px);
		}
}
.animate__bounce-out-right.goAway {
		-webkit-animation-name: bounce-out-right;
				animation-name: bounce-out-right;
}

@-webkit-keyframes fade-out {
		0% {
	opacity: 1;
		}
		100% {
	opacity: 0;
		}
}

@keyframes fade-out {
		0% {
	opacity: 1;
		}
		100% {
	opacity: 0;
		}
}
.animate__fade-out.goAway {
		-webkit-animation-name: fade-out;
				animation-name: fade-out;
}

@-webkit-keyframes fade-out-up {
		0% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
			transform: translateY(-2000px);
		}
}

@keyframes fade-out-up {
		0% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
			transform: translateY(-2000px);
		}
}
.animate__fade-out-up.goAway {
		-webkit-animation-name: fade-out-up;
				animation-name: fade-out-up;
}

@-webkit-keyframes fade-out-down {
		0% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
			transform: translateY(2000px);
		}
}

@keyframes fade-out-down {
		0% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
			transform: translateY(2000px);
		}
}
.animate__fade-out-down.goAway {
		-webkit-animation-name: fade-out-down;
				animation-name: fade-out-down;
}

@-webkit-keyframes fade-out-left {
		0% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
			transform: translateX(-2000px);
		}
}

@keyframes fade-out-left {
		0% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
			transform: translateX(-2000px);
		}
}
.animate__fade-out-left.goAway {
		-webkit-animation-name: fade-out-left;
				animation-name: fade-out-left;
}

@-webkit-keyframes fade-out-right {
		0% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
			transform: translateX(2000px);
		}
}

@keyframes fade-out-right {
		0% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
			transform: translateX(2000px);
		}
}
.animate__fade-out-right.goAway {
		-webkit-animation-name: fade-out-right;
				animation-name: fade-out-right;
}

@-webkit-keyframes flip-out-x {
		0% {
	-webkit-transform: perspective(400px) rotateX(0deg);
			transform: perspective(400px) rotateX(0deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: perspective(400px) rotateX(90deg);
			transform: perspective(400px) rotateX(90deg);
	opacity: 0;
		}
}

@keyframes flip-out-x {
		0% {
	-webkit-transform: perspective(400px) rotateX(0deg);
			transform: perspective(400px) rotateX(0deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: perspective(400px) rotateX(90deg);
			transform: perspective(400px) rotateX(90deg);
	opacity: 0;
		}
}
.animate__flip-out-x.goAway {
		-webkit-animation-name: flip-out-x;
				animation-name: flip-out-x;
		-webkit-backface-visibility: visible !important;
				backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y {
		0% {
	-webkit-transform: perspective(400px) rotateY(0deg);
			transform: perspective(400px) rotateY(0deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: perspective(400px) rotateY(90deg);
			transform: perspective(400px) rotateY(90deg);
	opacity: 0;
		}
}

@keyframes flip-out-y {
		0% {
	-webkit-transform: perspective(400px) rotateY(0deg);
			transform: perspective(400px) rotateY(0deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: perspective(400px) rotateY(90deg);
			transform: perspective(400px) rotateY(90deg);
	opacity: 0;
		}
}
.animate__flip-out-y {
		-webkit-backface-visibility: visible !important;
				backface-visibility: visible !important;
		-webkit-animation-name: flip-out-y;
				animation-name: flip-out-y;
}

@-webkit-keyframes light-speed-out-right {
		0% {
	-webkit-transform: translateX(0%) skewX(0deg);
			transform: translateX(0%) skewX(0deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: translateX(100%) skewX(-30deg);
			transform: translateX(100%) skewX(-30deg);
	opacity: 0;
		}
}

@keyframes light-speed-out-right {
		0% {
	-webkit-transform: translateX(0%) skewX(0deg);
			transform: translateX(0%) skewX(0deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: translateX(100%) skewX(-30deg);
			transform: translateX(100%) skewX(-30deg);
	opacity: 0;
		}
}
.animate__light-speed-out-right.goAway {
		-webkit-animation-name: light-speed-out-right;
				animation-name: light-speed-out-right;
		-webkit-animation-timing-function: ease-in;
				animation-timing-function: ease-in;
}

@-webkit-keyframes light-speed-out-left {
		0% {
	-webkit-transform: translateX(0%) skewX(0deg);
			transform: translateX(0%) skewX(0deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: translateX(-100%) skewX(30deg);
			transform: translateX(-100%) skewX(30deg);
	opacity: 0;
		}
}

@keyframes light-speed-out-left {
		0% {
	-webkit-transform: translateX(0%) skewX(0deg);
			transform: translateX(0%) skewX(0deg);
	opacity: 1;
		}
		100% {
	-webkit-transform: translateX(-100%) skewX(30deg);
			transform: translateX(-100%) skewX(30deg);
	opacity: 0;
		}
}
.animate__light-speed-out-left.goAway {
		-webkit-animation-name: light-speed-out-left;
				animation-name: light-speed-out-left;
		-webkit-animation-timing-function: ease-in;
				animation-timing-function: ease-in;
}

@-webkit-keyframes rotate-out {
		0% {
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
		100% {
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-transform: rotate(200deg);
			transform: rotate(200deg);
	opacity: 0;
		}
}

@keyframes rotate-out {
		0% {
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
		100% {
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-transform: rotate(200deg);
			transform: rotate(200deg);
	opacity: 0;
		}
}
.animate__rotate-out.goAway {
		-webkit-animation-name: rotate-out;
				animation-name: rotate-out;
}

@-webkit-keyframes rotate-out-up-left {
		0% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
		100% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
	opacity: 0;
		}
}

@keyframes rotate-out-up-left {
		0% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
		100% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
	opacity: 0;
		}
}
.animate__rotate-out-up-left.goAway {
		-webkit-animation-name: rotate-out-up-left;
				animation-name: rotate-out-up-left;
}

@-webkit-keyframes rotate-out-down-left {
		0% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
		100% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	opacity: 0;
		}
}

@keyframes rotate-out-down-left {
		0% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
		100% {
	-webkit-transform-origin: left bottom;
			transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	opacity: 0;
		}
}
.animate__rotate-out-down-left.goAway {
		-webkit-animation-name: rotate-out-down-left;
				animation-name: rotate-out-down-left;
}

@-webkit-keyframes rotate-out-up-right {
		0% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
		100% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	opacity: 0;
		}
}

@keyframes rotate-out-up-right {
		0% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(0);
			transform: rotate(0);
	opacity: 1;
		}
		100% {
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	opacity: 0;
		}
}
.animate__rotate-out-up-right.goAway {
		-webkit-animation-name: rotate-out-up-right;
				animation-name: rotate-out-up-right;
}

@-webkit-keyframes roll-out {
		0% {
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
			transform: translateX(0px) rotate(0deg);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(100%) rotate(120deg);
			transform: translateX(100%) rotate(120deg);
		}
}

@keyframes roll-out {
		0% {
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
			transform: translateX(0px) rotate(0deg);
		}
		100% {
	opacity: 0;
	-webkit-transform: translateX(100%) rotate(120deg);
			transform: translateX(100%) rotate(120deg);
		}
}
.animate__roll-out.goAway {
		-webkit-animation-name: roll-out;
				animation-name: roll-out;
}

@-webkit-keyframes fade-in-up-short {
		0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
			transform: translateY(20px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}

@keyframes fade-in-up-short {
		0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
			transform: translateY(20px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}
.animate__fade-in-up-short {
		opacity: 0;
		-webkit-transform: translateY(20px);
				transform: translateY(20px);
}

.animate__fade-in-up-short.go {
		-webkit-animation-name: fade-in-up-short;
				animation-name: fade-in-up-short;
}

@-webkit-keyframes fade-in-down-short {
		0% {
	opacity: 0;
	-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}

@keyframes fade-in-down-short {
		0% {
	opacity: 0;
	-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateY(0);
			transform: translateY(0);
		}
}
.animate__fade-in-down-short {
		opacity: 0;
		-webkit-transform: translateY(-20px);
				transform: translateY(-20px);
}

.animate__fade-in-down-short.go {
		-webkit-animation-name: fade-in-down-short;
				animation-name: fade-in-down-short;
}

@-webkit-keyframes fade-in-right-short {
		0% {
	opacity: 0;
	-webkit-transform: translateX(20px);
			transform: translateX(20px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}

@keyframes fade-in-right-short {
		0% {
	opacity: 0;
	-webkit-transform: translateX(20px);
			transform: translateX(20px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}
.animate__fade-in-right-short {
		opacity: 0;
		-webkit-transform: translateX(20px);
				transform: translateX(20px);
}

.animate__fade-in-right-short.go {
		-webkit-animation-name: fade-in-right-short;
				animation-name: fade-in-right-short;
}

@-webkit-keyframes fade-in-left-short {
		0% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
			transform: translateX(-20px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}

@keyframes fade-in-left-short {
		0% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
			transform: translateX(-20px);
		}
		100% {
	opacity: 1;
	-webkit-transform: translateX(0);
			transform: translateX(0);
		}
}
.animate__fade-in-left-short {
		opacity: 0;
		-webkit-transform: translateX(-20px);
				transform: translateX(-20px);
}

.animate__fade-in-left-short.go {
		-webkit-animation-name: fade-in-left-short;
				animation-name: fade-in-left-short;
}

@-webkit-keyframes cd-sequence {
		0% {
	-webkit-transform: translateY(-50%) translateX(-2%);
		}
		100% {
	-webkit-transform: translateY(-50%) translateX(-98%);
		}
}
@keyframes cd-sequence {
		0% {
	-webkit-transform: translateY(-50%) translateX(-2%);
			transform: translateY(-50%) translateX(-2%);
		}
		100% {
	-webkit-transform: translateY(-50%) translateX(-98%);
			transform: translateY(-50%) translateX(-98%);
		}
}
@-webkit-keyframes cd-sequence-reverse {
		0% {
	-webkit-transform: translateY(-50%) translateX(-98%);
		}
		100% {
	-webkit-transform: translateY(-50%) translateX(-2%);
		}
}
@keyframes cd-sequence-reverse {
		0% {
	-webkit-transform: translateY(-50%) translateX(-98%);
			transform: translateY(-50%) translateX(-98%);
		}
		100% {
	-webkit-transform: translateY(-50%) translateX(-2%);
			transform: translateY(-50%) translateX(-2%);
		}
}
@-webkit-keyframes mouse-down {
		0% {
	opacity: 1;
	top: 29%;
		}
		15% {
	opacity: 1;
	top: 50%;
		}
		50% {
	opacity: 0;
	top: 50%;
		}
		100% {
	opacity: 0;
	top: 29%;
		}
}
@keyframes mouse-down {
		0% {
	opacity: 1;
	top: 29%;
		}
		15% {
	opacity: 1;
	top: 50%;
		}
		50% {
	opacity: 0;
	top: 50%;
		}
		100% {
	opacity: 0;
	top: 29%;
		}
}
/* ========================================
14. Blog
======================================== */
.blog-teaser, .blog-teaser__meta, .blog-teaser__description, .blog-teaser__read-more {
		float: left;
		clear: both;
		width: 100%;
}
.blog-teaser__image {
		float: left;
}
.blog-teaser__meta-list {
		margin-left: 0;
		padding: 0;
}
.blog-teaser__meta-list-item {
		display: inline;
		margin-right: 10px;
		list-style-type: none;
}

.blog-comment {
		position: relative;
		float: left;
		margin-bottom: 50px;
}
.blog-comment__avatar {
		position: absolute;
		float: left;
		width: 120px;
		height: 120px;
}
.blog-comment__meta, .blog-comment__comment-text {
		float: left;
		margin-left: 120px;
		padding-left: 20px;
}
.blog-comment__meta-name {
		margin-bottom: 5px;
}
.blog-comment__meta-date {
		font-size: 0.8rem;
}
.blog-comment__reply-link {
		color: #303030;
		text-decoration: none;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: color;
		transition-property: color;
}
.blog-comment__reply-link:hover {
		color: #909090;
}
.blog-comment--reply {
		margin-left: 140px;
}

.comments-form {
		float: left;
		width: 100%;
}

@media (max-width: 34em) {
		.blog-comment--reply {
	margin-left: 0;
		}
		.blog-comment__avatar {
	width: 80px;
	height: 80px;
		}
		.blog-comment__comment-text, .blog-comment__meta, .blog-comment__comment-text {
	margin-left: 80px;
		}
}
/* ========================================
15. Buttons
======================================== */
.button {
		display: inline-block;
		padding: .425rem 1.250rem;
		outline: 0;
		border: 1px solid transparent;
		background-color: #303030;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		font-weight: 600;
		line-height: 1.65;
		-webkit-user-select: none;
		-moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
		-webkit-appearance: none;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color, border color;
		transition-property: background-color, border color;
}
.button:hover {
		background-color: black;
}
.button__medium {
		padding: .700rem 1.500rem;
}
.button__large {
		padding: .900rem 1.700rem;
}
.button--pill {
		border-radius: 50px;
}
.button--light-ghost {
		border: 2px solid #ffffff;
		background: none;
		color: #ffffff;
}
.button--light-ghost:hover {
		border: 2px solid #909090;
		color: #909090;
		background: none;
}
.button--mid-ghost {
		border: 2px solid #909090;
		background: none;
		color: #909090;
}
.button--mid-ghost:hover {
		border: 2px solid #303030;
		color: #303030;
		background: none;
}
.button--dark-ghost {
		border: 2px solid #303030;
		background: none;
		color: #303030;
}
.button--dark-ghost:hover {
		border: 2px solid #909090;
		color: #909090;
		background: none;
}
.button__brand-color-1 {
		background: #607D8B;
}
.button__brand-color-1:hover {
		background: #4b626d;
}
.button__brand-color-1:active {
		background: #2c3940;
}
.button__brand-color-2 {
		background: #97B6C5;
}
.button__brand-color-2:hover {
		background: #769fb3;
}
.button__brand-color-2:active {
		background: #4f798e;
}
.button__brand-color-3 {
		background: #A3BAC5;
}
.button__brand-color-3:hover {
		background: #84a3b1;
}
.button__brand-color-3:active {
		background: #5a7e8f;
}
.button__brand-color-4 {
		background: #506068;
}
.button__brand-color-4:hover {
		background: #3a454b;
}
.button__brand-color-4:active {
		background: #191d20;
}
.button__brand-color-5 {
		background: #1F475A;
}
.button__brand-color-5:hover {
		background: #122934;
}
.button__brand-color-5:active {
		background: black;
}
.button__brand-color-6 {
		background: #DCC894;
}
.button__brand-color-6:hover {
		background: #cfb46e;
}
.button__brand-color-6:active {
		background: #b5933b;
}
.button__green {
		background: #3dd326;
}
.button__green:hover {
		background: #31a81e;
}
.button__green:active {
		background: #1e6713;
}
.button__amber {
		background: #ffae00;
}
.button__amber:hover {
		background: #cc8b00;
}
.button__amber:active {
		background: #805700;
}
.button__red {
		background: #ed4040;
}
.button__red:hover {
		background: #e41616;
}
.button__red:active {
		background: #9f0f0f;
}
.button__color-1 {
		background: #039BE5;
}
.button__color-1:hover {
		background: #0279b3;
}
.button__color-1:active {
		background: #014667;
}
.button__color-2 {
		background: #0288D1;
}
.button__color-2:hover {
		background: #02679e;
}
.button__color-2:active {
		background: #013653;
}
.button__color-3 {
		background: #0277BD;
}
.button__color-3:hover {
		background: #01578b;
}
.button__color-3:active {
		background: #01283f;
}
.button__color-4 {
		background: #01579B;
}
.button__color-4:hover {
		background: #013b68;
}
.button__color-4:active {
		background: #00101c;
}

/* ========================================
16. Colour Scheme
======================================== */
.background-color-1 {
		background-color: #909090;
}

.background-color-2 {
		background-color: #303030;
}

.background-color-3 {
		background-color: #607D8B;
}

.background-color-4 {
		background-color: #97B6C5;
}

.background-color-5 {
		background-color: #A3BAC5;
}

.background-color-6 {
		background-color: #506068;
}

.background-color-7 {
		background-color: #1F475A;
}

.background-color-8 {
		background-color: #DCC894;
}

.background-color-9 {
		background-color: #000000;
}

.background-color-10 {
		background-color: #ffffff;
}

.border-color-1 {
		border-color: #909090;
}

.border-color-2 {
		border-color: #303030;
}

.border-color-3 {
		border-color: #607D8B;
}

.border-color-4 {
		border-color: #97B6C5;
}

.border-color-5 {
		border-color: #A3BAC5;
}

.border-color-6 {
		border-color: #506068;
}

.border-color-7 {
		border-color: #1F475A;
}

.border-color-8 {
		border-color: #DCC894;
}

.border-color-9 {
		border-color: #000000;
}

.border-color-10 {
		border-color: #ffffff;
}

.text-color-1 {
		color: #909090;
}

.text-color-2 {
		color: #303030;
}

.text-color-3 {
		color: #607D8B;
}

.text-color-4 {
		color: #97B6C5;
}

.text-color-5 {
		color: #A3BAC5;
}

.text-color-6 {
		color: #506068;
}

.text-color-7 {
		color: #1F475A;
}

.text-color-8 {
		color: #DCC894;
}

.text-color-9 {
		color: #000000;
}

.text-color-10 {
		color: #ffffff;
}

.filter {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.7;
}

/* ========================================
17. Draws
======================================== */
.draw {
		display: block;
		float: left;
		clear: both;
		width: 100%;
}
.draw__header {
		position: relative;
		margin-bottom: 1px;
		padding: 15px;
		background-color: #f8f8fa;
		cursor: pointer;
		-webkit-transition-duration: 400ms;
				transition-duration: 400ms;
		-webkit-transition-property: background-color;
		transition-property: background-color;
		-webkit-transition-timing-function: color;
				transition-timing-function: color;
}
.draw__header:hover {
		background-color: #dadae5;
}
.draw__header:after {
		position: absolute;
		right: 12px;
		content: "\f489";
		font-size: 18px;
		font-family: "Ionicons";
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
}
.draw--active:after {
		position: absolute;
		right: 12px;
		content: "\f489";
		font-size: 18px;
		font-family: "Ionicons";
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
}
.draw__content {
		display: none;
		padding: 20px 15px 5px;
		border: 1px solid #f8f8fa;
}

/* ========================================
18. Hero Unit
======================================== */
.hero-unit-sub-page {
		height: 500px;
}

.hero-unit, .hero-unit-sub-page {
		position: relative;
		clear: both;
		overflow: hidden;
		width: 100%;
		background-position: 50% 50%;
		background-size: cover;
}
.hero-unit__content, .hero-unit-sub-page__content {
		position: relative;
		top: 50%;
		z-index: 10;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
}

.split-hero-unit {
		position: relative;
		padding: 100px;
}
.split-hero-unit:after {
		position: absolute;
		top: 0;
		left: 50%;
		display: block;
		width: 50%;
		height: 100%;
		background-size: cover;
		content: "";
}
.split-hero-unit--left-image:after {
		display: none;
}
.split-hero-unit--left-image:before {
		position: absolute;
		top: 0;
		right: 50%;
		display: block;
		width: 50%;
		height: 100%;
		background-size: cover;
		content: "";
}

@media (max-width: 48em) {
		.split-hero-unit {
	position: relative;
	padding: 40px 15px 40px 15px;
		}
		.split-hero-unit:after, .split-hero-unit:before {
	display: none;
		}
}
.offset-hero-unit__content {
		position: relative;
		top: 50%;
		display: block;
		float: left;
		padding: 15px;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
}
.offset-hero-unit__images {
		width: 175%;
}
.offset-hero-unit__image {
		max-width: inherit;
}

@media (max-width: 34em) {
		.offset-hero-unit [class*='column-'] {
	width: 100%;
		}
		.offset-hero-unit__contents {
	width: 100%;
		}
		.offset-hero-unit__images {
	width: 100%;
		}
		.offset-hero-unit__image {
	max-width: inherit;
		}
}
.sub-page-hero-unit {
		height: 500px;
}
.sub-page-hero-unit__content {
		position: relative;
		top: 50%;
		display: block;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
}

/* ========================================
19. Icon Boxes
======================================== */
.icon-box {
		position: relative;
		float: left;
		clear: both;
		width: 100%;
		background-position: 50% 50%;
		background-size: cover;
}
.icon-box--bordered {
		border: 1px solid #f8f8fa;
}
.icon-box__icons {
		position: absolute;
		top: -30px;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 60px;
		height: 60px;
		text-align: center;
}
.icon-box__icons--icons-left {
		top: 0;
		right: auto;
		left: 0;
		margin: 0;
}
.icon-box__content {
		float: left;
		padding: 20px 20px 0;
}
.icon-box__content--text-right {
		margin-left: 80px;
		padding: 0;
}
.icon-box__icon {
		display: block;
		font-size: 3em;
		line-height: 60px;
}
.icon-box__icon--small {
		font-size: 1em;
}
.icon-box__icon--large {
		font-size: 5em;
}

/* ========================================
20. Maps
======================================== */
.google-map {
		width: 100%;
		height: 400px;
}

/* ========================================
21. Modal
======================================== */
.modal {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
}
.modal-content {
		position: relative;
		top: 50%;
		z-index: 1002;
		margin: 0 auto;
		padding: 20px;
		width: 60%;
		background-color: #ffffff;
		box-shadow: 0px 0px 67px -14px rgba(0, 0, 0, 0.25);
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		-webkit-animation: fade-in .5s;
				animation: fade-in .5s;
}

@media (max-width: 48em) {
		.modal-content {
	width: 85%;
		}
}
.modal-close, .ensemble-lightbox__close {
		position: absolute;
		right: 0;
		width: 80px;
		height: 80px;
		text-align: center;
		line-height: 80px;
		cursor: pointer;
}
.modal-close:before, .ensemble-lightbox__close:before {
		position: absolute;
		color: #909090;
		content: "\f404";
		font-size: 36px;
		font-family: "Ionicons";
		-webkit-transition-duration: 300ms;
				transition-duration: 300ms;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}
.modal-close:hover:before, .ensemble-lightbox__close:hover:before {
		color: #303030;
		font-weight: bold;
		-webkit-transform: scale(1.4);
				transform: scale(1.4);
}

a[data-lightbox] {
		display: block;
}

.ensemble-lightbox {
		position: fixed;
		z-index: 9999;
		-webkit-animation: fade-in-up .7s;
				animation: fade-in-up .7s;
		-ms-touch-action: none;
		touch-action: none;
}
.ensemble-lightbox__overlay {
		position: fixed;
		top: 0;
		z-index: 1000;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.9);
		-webkit-animation: fade-in-left .7s;
				animation: fade-in-left .7s;
}
.ensemble-lightbox__leave {
		-webkit-animation: fade-out-right .7s;
				animation: fade-out-right .7s;
}
.ensemble-lightbox__close {
		position: fixed;
		top: 0;
		z-index: 1000;
}
.ensemble-lightbox__nav {
		position: fixed;
		bottom: 5%;
		z-index: 1100;
		width: 100%;
		text-align: center;
}
.ensemble-lightbox__nav a {
		display: inline-block;
		margin-right: 5px;
		width: 20px;
		height: 20px;
		border: 1px solid #506068;
		border-radius: 30px;
		cursor: pointer;
}
.ensemble-lightbox__nav a.active {
		background-color: #506068;
}
.ensemble-lightbox__arrow {
		position: fixed;
		top: 50%;
		z-index: 10001;
		width: 50px;
		height: 50px;
		color: #909090;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		font-size: 34px;
		cursor: pointer;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
}
.ensemble-lightbox__arrow-left {
		left: 0;
}
.ensemble-lightbox__arrow-left:after {
		content: "\f3d2";
		font-family: "Ionicons";
}
.ensemble-lightbox__arrow-right {
		right: 0;
}
.ensemble-lightbox__arrow-right:after {
		content: "\f3d3";
		font-family: "Ionicons";
}
.ensemble-lightbox__caption {
		position: fixed;
		bottom: 10%;
		z-index: 1001;
		overflow: hidden;
		width: 100%;
		color: #909090;
		text-align: center;
		-webkit-animation: fade-in .3s;
				animation: fade-in .3s;
		-webkit-animation-delay: 300ms;
				animation-delay: 300ms;
}

/* ========================================
22. Notices
======================================== */
.notice {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 8;
		padding-bottom: 40px;
		width: 100%;
}
.notice--timed {
		display: none;
}
.notice__content {
		position: relative;
		margin: 0 auto;
		padding: 20px;
		width: 90%;
		background-color: #ffffff;
		box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.35);
}
.notice__close {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 100%;
		background-color: #303030;
		cursor: pointer;
}
.notice__close:after {
		position: absolute;
		top: 50%;
		right: 9px;
		color: #fff;
		content: "\f2d7";
		font-size: 20px;
		font-family: "Ionicons";
		-webkit-transform: translate3d(0, -50%, 0);
				transform: translate3d(0, -50%, 0);
}

/* ========================================
23. Overlays
======================================== */
.overlay {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
}
.overlay__background {
		position: absolute;
		z-index: 20;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.8);
		opacity: 0;
		-webkit-transition-duration: 300ms;
				transition-duration: 300ms;
		-webkit-transition-property: background-color, opacity, visibility, -webkit-transform;
		transition-property: background-color, opacity, visibility, -webkit-transform;
		transition-property: background-color, transform, opacity, visibility;
		transition-property: background-color, transform, opacity, visibility, -webkit-transform;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}
.overlay__background--slide-right {
		-webkit-transform: translateX(200%);
				transform: translateX(200%);
}
.overlay__background--slide-left {
		-webkit-transform: translateX(-100%);
				transform: translateX(-100%);
}
.overlay__content {
		position: absolute;
		top: 30%;
		left: 50%;
		z-index: 21;
		width: 100%;
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0);
				transform: translate3d(-50%, -50%, 0);
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color, opacity, visibility, top, -webkit-transform;
		transition-property: background-color, opacity, visibility, top, -webkit-transform;
		transition-property: background-color, transform, opacity, visibility, top;
		transition-property: background-color, transform, opacity, visibility, top, -webkit-transform;
}
.overlay__content-heading {
		display: block;
		font-size: 1.3rem;
}
.overlay__image {
		-webkit-transition-duration: 250ms;!important
				transition-duration: 250ms;!important
		-webkit-transition-property: -webkit-transform;!important
		transition-property: -webkit-transform;!important
		transition-property: transform;!important
		transition-property: transform, -webkit-transform;!important
}
.overlay:hover .overlay__background {
		opacity: 1;
}
.overlay:hover .overlay__background--slide-right {
		-webkit-transform: translateX(0);
				transform: translateX(0);
}
.overlay:hover .overlay__background--slide-left {
		-webkit-transform: translateX(0);
				transform: translateX(0);
}
.overlay:hover .overlay__content {
		top: 50%;
		opacity: 1;
		-webkit-transition-delay: 100ms;
				transition-delay: 100ms;
}
.overlay:hover .overlay__image--skew {
		-webkit-transform: rotate(5deg) scale(1.2);
				transform: rotate(5deg) scale(1.2);
}
.overlay:hover .overlay__image--zoom {
		-webkit-transform: scale(1.2);
				transform: scale(1.2);
}

/* ========================================
24. Parallax
======================================== */
.parallax {
		position: relative;
		overflow: hidden;
		padding: 200px 0 200px;
		width: 100%;
}
.parallax__background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-attachment: fixed;
		background-position: bottom -10px right 0px;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transform: scale(1.07);
				transform: scale(1.07);
}

@media (max-width: 64em) {
		.parallax {
	position: relative;
	overflow: hidden;
	width: 100%;
		}
		.parallax__background {
	position: absolute;
	padding: 100px 0 100px;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transform: none;
			transform: none;
		}
}
/* ========================================
25. Isotope
======================================== */
.isotope-items {
		overflow: hidden;
		width: 100%;
}

.isotope-sizer {
		width: 33.3333333333%;
}

.isotope-width-1 {
		width: 8.3333333333%;
}

.isotope-width-2 {
		width: 16.6666666667%;
}

.isotope-width-3 {
		width: 25%;
}

.isotope-width-4 {
		width: 33.3333333333%;
}

.isotope-width-5 {
		width: 41.6666666667%;
}

.isotope-width-6 {
		width: 50%;
}

.isotope-width-7 {
		width: 58.3333333333%;
}

.isotope-width-8 {
		width: 66.6666666667%;
}

.isotope-width-9 {
		width: 75%;
}

.isotope-width-10 {
		width: 83.3333333333%;
}

.isotope-width-11 {
		width: 91.6666666667%;
}

.isotope-width-12 {
		width: 95%;
}

.isotope-item {
		float: left;
		clear: none;
		box-sizing: border-box !important;
}

.isotope-filters-button, .isotope-filters-button--masonry {
		display: inline-block;
		padding: 20px 12px 20px;
		cursor: pointer;
		-webkit-transition-duration: 500ms;
				transition-duration: 500ms;
		-webkit-transition-property: background-color, border;
		transition-property: background-color, border;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}
.isotope-filters-button:hover, .isotope-filters-button--masonry:hover {
		background-color: #97B6C5;
}
.isotope-filters-button__selected, .isotope-filters-button__selected--masonry, .isotope-filters-button--masonry__selected, .isotope-filters-button--masonry__selected--masonry {
		background-color: #97B6C5;
}

@media (max-width: 64em) {
		.isotope-item {
	width: 50%;
		}
}
@media (max-width: 34em) {
		.isotope-item {
	width: 100%;
		}
}
/* ========================================
26. Preloaders
======================================== */
.page-pre-loader {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1100;
		overflow: hidden;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
}
.page-pre-loader__container {
		position: relative;
		top: 50%;
		margin: 0 auto;
		width: 60px;
		height: 60px;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
}
.page-pre-loader__effect {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -15px 0 0 -15px;
		width: 30px;
		height: 30px;
		border: 5px solid #909090;
		border-radius: 30px;
		opacity: 0;
		-webkit-animation: pulsate 1s ease-out;
				animation: pulsate 1s ease-out;
		-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
}

@-webkit-keyframes pulsate {
		0% {
	opacity: 0.0;
	-webkit-transform: scale(0.1);
			transform: scale(0.1);
		}
		50% {
	opacity: 1;
		}
		100% {
	opacity: 0;
	-webkit-transform: scale(1.2);
			transform: scale(1.2);
		}
}

@keyframes pulsate {
		0% {
	opacity: 0.0;
	-webkit-transform: scale(0.1);
			transform: scale(0.1);
		}
		50% {
	opacity: 1;
		}
		100% {
	opacity: 0;
	-webkit-transform: scale(1.2);
			transform: scale(1.2);
		}
}
/* ========================================
27. Pricing
======================================== */
.pricing-column {
		border-width: 1px;
		border-style: solid;
		text-align: center;
}
.pricing-column__header, .pricing-column__footer {
		padding: 25px 20px 25px;
}
.pricing-column__price {
		padding: 10px 20px 10px;
}
.pricing-column__price-amount {
		font-weight: bold;
}
.pricing-column--recommended {
		-webkit-transform: scale(1.06);
				transform: scale(1.06);
}

@media (max-width: 64em) {
		.pricing-column--recommended {
	-webkit-transform: scale(1);
			transform: scale(1);
		}
}
/* ========================================
28. Promo Boxes
======================================== */
/* ========================================
29. Sliders
======================================== */
.ensemble-slideshow-container {
		position: relative;
		clear: both;
		overflow: hidden;
		width: 100%;
		height: auto;
}

.ensemble-slideshow {
		position: relative;
		float: left;
		clear: both;
		overflow: hidden;
		min-height: 225px;
		width: 100%;
}
.ensemble-slideshow__slide {
		position: relative;
		width: 100%;
}
.ensemble-slideshow__slide > img {
		width: 100%;
		height: auto;
}
.ensemble-slideshow__pager {
		float: left;
		margin-top: 10px;
		width: 100%;
		text-align: center;
}
.ensemble-slideshow__pager-item {
		display: inline-block;
		margin-right: 5px;
		width: 15px;
		height: 15px;
		border: 2px solid #ffffff;
		cursor: pointer;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color;
		transition-property: background-color;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}
.ensemble-slideshow__pager-item-active, .ensemble-slideshow__pager-item:hover {
		background-color: #ffffff;
}
.ensemble-slideshow__pager--on-slider {
		position: absolute;
		bottom: 20px;
		z-index: 120;
}
.ensemble-slideshow__pager--rounded .ensemble-slideshow__pager-item {
		border-radius: 100%;
}
.ensemble-slideshow__previous-slide, .ensemble-slideshow__next-slide {
		position: absolute;
		top: 50%;
		z-index: 110;
		width: 60px;
		height: 60px;
		background-color: #303030;
		color: #ffffff;
		text-align: center;
		font-size: 30px;
		line-height: 60px;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color, left, right;
		transition-property: background-color, left, right;
}
.ensemble-slideshow__previous-slide:hover, .ensemble-slideshow__next-slide:hover {
		background-color: rgba(48, 48, 48, 0.7);
}
.ensemble-slideshow__next-slide {
		right: -60px;
}
.ensemble-slideshow__previous-slide {
		left: -60px;
}
.ensemble-slideshow:hover .ensemble-slideshow__next-slide {
		right: 0;
}
.ensemble-slideshow:hover .ensemble-slideshow__previous-slide {
		left: 0;
}
.ensemble-slideshow__layer {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 105;
		overflow: hidden;
		padding: 80px;
		min-height: 200px;
		width: 100%;
}
.ensemble-slideshow__layer-top-center {
		text-align: center;
}
.ensemble-slideshow__layer-center {
		top: 50%;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
}
.ensemble-slideshow__layer-top-right .ensemble-slideshow__caption, .ensemble-slideshow__layer-bottom-right .ensemble-slideshow__caption {
		text-align: right;
}
.ensemble-slideshow__layer-top-left .ensemble-slideshow__caption {
		text-align: left;
}
.ensemble-slideshow__layer-bottom-right, .ensemble-slideshow__layer-bottom-left, .ensemble-slideshow__layer-bottom-center {
		top: auto;
		right: 0;
		bottom: 0;
}
.ensemble-slideshow__layer-bottom-left {
		text-align: left;
}
.ensemble-slideshow__layer-bottom-center {
		text-align: center;
}
.ensemble-slideshow__caption {
		position: relative;
}

/* ========================================
30. Social Networks
======================================== */
/* ========================================
31. Tabs
======================================== */
.list-item--tabs {
		padding: 10px 20px 10px;
		cursor: pointer;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color;
		transition-property: background-color;
}
.list-item--tabs:hover {
		background-color: #f8f8fa;
}

.tabs {
		margin-bottom: 1.5rem;
}
.tabs__content {
		overflow: hidden;
		height: 0;
		opacity: 0;
		-webkit-transition-duration: 900ms;
				transition-duration: 900ms;
		-webkit-transition-property: opacity;
		transition-property: opacity;
}

.current-content-tab {
		display: block;
		padding: 15px;
		height: auto;
		border: 1px solid #e5e6eb;
		opacity: 1;
}

.current-list-tab {
		background-color: #f8f8fa;
}
.current-list-tab:hover {
		background-color: #dadae5;
}

/* ========================================
32. Tags
======================================== */
.tag-item {
		float: left;
		padding: 5px 12px;
		background-color: #e5e6eb;
		color: #ffffff;
		text-decoration: none;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color, color;
		transition-property: background-color, color;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}
.tag-item:hover {
		background-color: #c8cad5;
}

/* ========================================
33. Team
======================================== */
.profile {
		overflow: hidden;
		width: 100%;
}
.profile__avatar {
		position: relative;
		margin-bottom: 22px;
}
.profile__avatar--round img {
		display: block;
		margin: 0 auto;
		padding: 20px;
		border-radius: 50%;
}
.profile__meta {
		margin-bottom: 10px;
		width: 100%;
}
.profile__meta-name {
		font-size: 1.3rem;
}
.profile__meta-position {
		margin-left: 10px;
		text-transform: uppercase;
		font-size: .8rem;
}
.profile__sharing-link {
		width: 22px;
		height: 22px;
		background-color: #97B6C5;
		color: #A3BAC5;
		text-align: center;
		font-size: 16px;
		line-height: 22px;
		-webkit-transition-duration: 300ms;
				transition-duration: 300ms;
		-webkit-transition-property: background-color, color;
		transition-property: background-color, color;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}
.profile__sharing-link:hover {
		background-color: #A3BAC5;
		color: #97B6C5;
}

/* ========================================
34. Testimonial
======================================== */
.testimonial {
		position: relative;
		overflow: hidden;
		width: 100%;
}
.testimonial__avatar {
		position: absolute;
		float: left;
		width: 150px;
		height: 150px;
}
.testimonial__avatar--round {
		overflow: hidden;
		border-radius: 100%;
}
.testimonial__quote {
		margin-left: 170px;
}
.testimonial__meta-name {
		font-weight: bold;
}

/* ========================================
35. Video
======================================== */
.video-background {
		position: relative;
		overflow:hidden;
		width: 100%;
}
.video-background__content {
		position: absolute;
		top: 50%;
		z-index: 10;
		width: 100%;
		-webkit-transform: translate3d(0, -50%, 0);
				transform: translate3d(0, -50%, 0);
}

.video {
		top: 50%;
		left: 50%;
		display: block;
		min-height: auto;
		width: 100%;
		/*background: url(../video/1.mp4) no-repeat;*/
		background-size: cover;
}

/* ========================================
36. Forms
======================================== */
.input {
		padding: 5px 10px 5px;
		width: 100%;
		border: 1px solid #c0c2ce;
		background-color: transparent;
		-webkit-transition-duration: 500ms;
				transition-duration: 500ms;
		-webkit-transition-property: background-color;
		transition-property: background-color;
}
.input--last {
		margin-right: 0;
}
.input:focus {
		outline: 0;
		background-color: #f8f8fa;
}

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

/**
	* GHColors theme by Avi Aryan (http://aviaryan.in)
	* Inspired by Github syntax coloring
	*/
code[class*="language-"],
pre[class*="language-"] {
		float: left;
		width: 100%;
		color: #393A34;
		text-align: left;
		white-space: pre;
		word-spacing: normal;
		word-break: normal;
		-moz-tab-size: 4;
	-o-tab-size: 4;
				tab-size: 4;
		-webkit-hyphens: none;
			-ms-hyphens: none;
				hyphens: none;
		font-size: 14px;
		font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
		line-height: 1.65;
		direction: ltr;
}

pre.language-html:before {
		content: "HTML";
}

pre.language-css:before {
		content: "CSS";
}

pre.language-javascript:before {
		content: "JAVASCRIPT";
}

pre.language-scss:before {
		content: "SCSS";
}

pre.language-html:before,
pre.language-css:before,
pre.language-scss:before,
pre.language-javascript:before {
		float: left;
		padding: 8px 0 8px;
		width: 100%;
		border-bottom: 1px solid #ededed;
		text-align: left;
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
		background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
		background: #b3d4fc;
}

/* Code blocks */
pre[class*="language-"] {
		overflow: auto;
		margin: 0;
		padding: 0 1em 1em;
		border: 1px solid #ededed;
		background-color: white;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
		padding: .2em;
		padding-top: 1px;
		padding-bottom: 1px;
		border: 1px solid #dddddd;
		background: #f8f8f8;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
		color: #999988;
		font-style: italic;
}

.token.namespace {
		opacity: .7;
}

.token.string,
.token.attr-value {
		color: #e3116c;
}

.token.punctuation,
.token.operator {
		color: #393A34;
		/* no highlight */
}

.token.entity,
.token.url,
.token.symbol,
.token.number,
.token.boolean,
.token.variable,
.token.constant,
.token.property,
.token.regex,
.token.inserted {
		color: #36acaa;
}

.token.atrule,
.token.keyword,
.token.attr-name,
.language-autohotkey .token.selector {
		color: #00a4db;
}

.token.function,
.token.deleted,
.language-autohotkey .token.tag {
		color: #9a050f;
}

.token.tag,
.token.selector,
.language-autohotkey .token.keyword {
		color: #00009f;
}

.token.important,
.token.function,
.token.bold {
		font-weight: normal;
}

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

.highlight {
		padding: 0 6px 0 6px;
		background-color: #FDEFFD;
		white-space: nowrap;
}

.tamano{
	width: 85%;
	height: 85%;
	
	}