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

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; }

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: 1100px; }
  .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.33333%; }

.column-2 {
  width: 16.66667%; }

.column-3 {
  width: 25%; }

.column-4 {
  width: 33.33333%; }

.column-5 {
  width: 41.66667%; }

.column-6 {
  width: 50%; }

.column-7 {
  width: 58.33333%; }

.column-8 {
  width: 66.66667%; }

.column-9 {
  width: 75%; }

.column-10 {
  width: 83.33333%; }

.column-11 {
  width: 91.66667%; }

.column-12 {
  width: 100%; }

@media (max-width: 64em) {
  .column-lg-1 {
    width: 8.33333%; }
  .column-lg-2 {
    width: 16.66667%; }
  .column-lg-3 {
    width: 25%; }
  .column-lg-4 {
    width: 33.33333%; }
  .column-lg-5 {
    width: 41.66667%; }
  .column-lg-6 {
    width: 50%; }
  .column-lg-7 {
    width: 58.33333%; }
  .column-lg-8 {
    width: 66.66667%; }
  .column-lg-9 {
    width: 75%; }
  .column-lg-10 {
    width: 83.33333%; }
  .column-lg-11 {
    width: 91.66667%; }
  .column-lg-12 {
    width: 100%; } }

.push-column-1 {
  margin-left: 8.33333%; }

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

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

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

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

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

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

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

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

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

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

.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.33333%; }
  .column-md-2 {
    width: 16.66667%; }
  .column-md-3 {
    width: 25%; }
  .column-md-4 {
    width: 33.33333%; }
  .column-md-5 {
    width: 41.66667%; }
  .column-md-6 {
    width: 50%; }
  .column-md-7 {
    width: 58.33333%; }
  .column-md-8 {
    width: 66.66667%; }
  .column-md-9 {
    width: 75%; }
  .column-md-10 {
    width: 83.33333%; }
  .column-md-11 {
    width: 91.66667%; }
  .column-md-12 {
    width: 100%; } }

@media (max-width: 34em) {
  .column-sm-1 {
    padding-bottom: 20px;
    width: 8.33333%; }
  .column-sm-2 {
    padding-bottom: 20px;
    width: 16.66667%; }
  .column-sm-3 {
    padding-bottom: 20px;
    width: 25%; }
  .column-sm-4 {
    padding-bottom: 20px;
    width: 33.33333%; }
  .column-sm-5 {
    padding-bottom: 20px;
    width: 41.66667%; }
  .column-sm-6 {
    padding-bottom: 20px;
    width: 50%; }
  .column-sm-7 {
    padding-bottom: 20px;
    width: 58.33333%; }
  .column-sm-8 {
    padding-bottom: 20px;
    width: 66.66667%; }
  .column-sm-9 {
    padding-bottom: 20px;
    width: 75%; }
  .column-sm-10 {
    padding-bottom: 20px;
    width: 83.33333%; }
  .column-sm-11 {
    padding-bottom: 20px;
    width: 91.66667%; }
  .column-sm-12 {
    padding-bottom: 20px;
    width: 100%; } }

@media (max-width: 25em) {
  .column-xs-1 {
    width: 8.33333%; }
  .column-xs-2 {
    width: 16.66667%; }
  .column-xs-3 {
    width: 25%; }
  .column-xs-4 {
    width: 33.33333%; }
  .column-xs-5 {
    width: 41.66667%; }
  .column-xs-6 {
    width: 50%; }
  .column-xs-7 {
    width: 58.33333%; }
  .column-xs-8 {
    width: 66.66667%; }
  .column-xs-9 {
    width: 75%; }
  .column-xs-10 {
    width: 83.33333%; }
  .column-xs-11 {
    width: 91.66667%; }
  .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;
  transition-duration: 350ms;
  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; }
  .list--address a {
    color: #909090; }

.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;
  transition-duration: 300ms;
  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 {
  transition-duration: 350ms;
  transition-property: background-color, color;
  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;
      transition-duration: 350ms;
      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; }

.list__nav {
  float: left;
  clear: both;
  width: 100%; }
  .list__nav-item {
    display: block;
    width: 100%;
    padding: 8px;
    margin-bottom: 1px;
    text-decoration: none;
    position: relative; }
    .list__nav-item:after {
      transition-duration: 350ms;
      transition-property: opacity visibility right;
      transition-timing-function: ease-in-out;
      font-family: 'Fontawesome';
      content: '\f105';
      position: absolute;
      right: 20px;
      opacity: 0;
      visibility: hidden; }
    .list__nav-item:hover:after {
      opacity: 1;
      visibility: visible;
      position: absolute;
      right: 8px;
      font-family: 'Fontawesome';
      content: '\f105'; }

/* ========================================
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;
      transition: background 0s 0.3s;
      -webkit-transform: translateY(-50%);
      -ms-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: "";
        transition-delay: 0.3s, 0s;
        transition-duration: 0.3s, 0.3s; }
      .mobile-nav-toggle span:before {
        top: -10px;
        transition-property: top, -webkit-transform;
        transition-property: top, transform;
        transition-property: top, transform, -webkit-transform; }
      .mobile-nav-toggle span:after {
        bottom: -10px;
        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;
        transition-delay: 0s, 0.3s;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .mobile-nav-toggle__is-active span:after {
        bottom: 0;
        transition-delay: 0s, 0.3s;
        -webkit-transform: rotate(-45deg);
        -ms-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;
    transition-duration: 700ms;
    transition-property: left;
    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;
      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;
    transition-duration: 300ms;
    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";
      transition-duration: 500ms;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      transition-timing-function: ease; }
  .accordion__active:after {
    position: absolute;
    right: 12px;
    content: "\f489";
    font-size: 18px;
    font-family: "Ionicons";
    -webkit-transform: rotate(45deg);
    -ms-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;
  transition-duration: 300ms;
  transition-property: visibility, opacity, margin-bottom;
  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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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;
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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%); } }

@-moz-keyframes cd-sequence {
  0% {
    -moz-transform: translateY(-50%) translateX(-2%); }
  100% {
    -moz-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%); } }

@-moz-keyframes cd-sequence-reverse {
  0% {
    -moz-transform: translateY(-50%) translateX(-98%); }
  100% {
    -moz-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;
    transition-duration: 350ms;
    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;
  transition-duration: 350ms;
  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;
    transition-duration: 400ms;
    transition-property: background-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";
      transition-duration: 350ms;
      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);
    -ms-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%);
    -ms-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; } }

.offscreen-hero-unit {
  width: 100%;
  display: table;
  table-layout: fixed; }
  .offscreen-hero-unit__content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    min-width: 50%;
    padding-left: 15px;
    padding-right: 15px; }
  .offscreen-hero-unit__image-left {
    float: right; }
    .offscreen-hero-unit__image-left img {
      float: right; }
  .offscreen-hero-unit__image-left, .offscreen-hero-unit__image-right {
    width: 175%; }
    .offscreen-hero-unit__image-left img, .offscreen-hero-unit__image-right img {
      max-width: inherit; }

@media (max-width: 48em) {
  .offscreen-hero-unit {
    display: block; }
    .offscreen-hero-unit__content {
      display: block;
      clear: both;
      padding-top: 40px;
      padding-bottom: 40px;
      min-width: 100%; } }

@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%);
    -ms-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%);
    -ms-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";
    transition-duration: 300ms;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    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);
    -ms-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%);
    -ms-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;
    transition-duration: 300ms;
    transition-property: background-color, opacity, visibility, -webkit-transform;
    transition-property: background-color, transform, opacity, visibility;
    transition-property: background-color, transform, opacity, visibility, -webkit-transform;
    transition-timing-function: ease-in-out; }
    .overlay__background--slide-right {
      -webkit-transform: translateX(200%);
      -ms-transform: translateX(200%);
      transform: translateX(200%); }
    .overlay__background--slide-left {
      -webkit-transform: translateX(-100%);
      -ms-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);
    transition-duration: 350ms;
    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 {
    transition-duration: 250ms;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  .overlay:hover .overlay__background {
    opacity: 1; }
    .overlay:hover .overlay__background--slide-right {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .overlay:hover .overlay__background--slide-left {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  .overlay:hover .overlay__content {
    top: 50%;
    opacity: 1;
    transition-delay: 100ms; }
  .overlay:hover .overlay__image--skew {
    -webkit-transform: rotate(5deg) scale(1.2);
    -ms-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2); }
  .overlay:hover .overlay__image--zoom {
    -webkit-transform: scale(1.2);
    -ms-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);
    -ms-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;
      -ms-transform: none;
      transform: none; } }

/* ========================================
25. Isotope
======================================== */
.isotope-items {
  overflow: hidden;
  width: 100%; }

.isotope-sizer {
  width: 33.3333333333%; }

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

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

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

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

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

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

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

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

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

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

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

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

.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;
  transition-duration: 500ms;
  transition-property: background-color, border;
  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%);
    -ms-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);
    -ms-transform: scale(1.06);
    transform: scale(1.06); }

@media (max-width: 64em) {
  .pricing-column--recommended {
    -webkit-transform: scale(1);
    -ms-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;
      transition-duration: 350ms;
      transition-property: background-color;
      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%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 350ms;
    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%);
      -ms-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; }

@media (max-width: 48em) {
  .ensemble-slideshow h1, .ensemble-slideshow h2, .ensemble-slideshow h3, .ensemble-slideshow h4, .ensemble-slideshow h5, .ensemble-slideshow h6 {
    margin: 0; }
  .ensemble-slideshow h1 {
    font-size: 2rem; }
  .ensemble-slideshow h2 {
    font-size: 1.8rem; }
  .ensemble-slideshow h3 {
    font-size: 1.6rem; }
  .ensemble-slideshow h4 {
    font-size: 1.4rem; }
  .ensemble-slideshow h5 {
    font-size: 1.2rem; }
  .ensemble-slideshow h6 {
    font-size: 1rem; } }

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

.tabs {
  margin-bottom: 1.5rem; }
  .tabs__content {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition-duration: 900ms;
    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;
  transition-duration: 350ms;
  transition-property: background-color, color;
  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;
    transition-duration: 300ms;
    transition-property: background-color, color;
    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(YOUR_VIDEO_URL_HERE) no-repeat;
  background-size: cover; }

/* ========================================
36. Forms
======================================== */
.input {
  padding: 5px 10px 5px;
  width: 100%;
  border: 1px solid #c0c2ce;
  background-color: transparent;
  transition-duration: 500ms;
  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;
  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; }