@charset "UTF-8";
/*!
Theme Name: Cobden Tools and Tailers
Author: Leesa Ward for GOOP Digital
Author URI: http://www.goop.com.au/
Description: Custom WordPress theme for Cobden Tools and Trailers
Text Domain: cobdentoolsandtrailers
Version: 2.0
*/
/* Font import - use the same ' // ' format as below, as this will work correctly even if the website has SSL. */
@import url("//goopfiles.com/library/fonts/font-awesome/css/font-awesome.min.css");
/* SASS file imports */
/* -------------------- */
/* Core */
/*========================================================================
Rem Calc function - from Zurb Foundation, licenced under MIT Open Source
========================================================================*/
/*
Simplified breakpoints
You may need to add to these or add manually numbered ones in _main.scss if you need to fine-tune more than this.
Note that you can use mathematical operators in your media queries, e.g. ($small - 1)
*/
/* Colour scheme */
/* Typography - Heading / Body / Nav */
/* see googlefonts.js */
/*leave this as 16px (browser default) and use this value in base.css, otherwise calculations go off*/
/* Weights and Heights */
/* Navigation Colours */
/* Links */
/* Grid additions */
/* Transitions */
/* Miscellaneous */
/* Social media colours */
/*==============================================
	NOTES
==============================================*/
/*
	- Mixins for buttons are contained in _buttons.scss
	- Mixins for the standard grid are located in _grid.scss
	- Mixins for the flex grid are located in _flexgrid.scss
*/
/*==============================================
 FLUID TEXT RESZIZING
 Set using a minumim and a maximum font size:
	@include fp(font-size, 16, 72);
 Sets the minumum to 16px at 320px wide and the max to 72px at 1920px wide
==============================================*/
/*==============================================
 TYPE SCALES - www.type-scale.com
 Note: the base font size and line height is set under "set the body font" in _typography.scss, 
 Paragraph margins don't change according to type scale used so they are set once in _typography.scss 
 The base font size can be changed at different breakpoints and the type will scale accordingly since it's set in ems.
==============================================*/
/*==============================================
 BREAKPOINTS
 Blatantly borrowed from https://github.com/Automattic/wp-calypso/blob/master/assets/stylesheets/shared/mixins/_breakpoints.scss
==============================================*/
/*==============================================
	ALIGNMENTS
==============================================*/
/*==============================================
	REMOVE UNNEEDED ELEMENTS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	REALIGN TEXT ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	CENTRE ITEMS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	MAKE IMAGES FULL WIDTH ON MOBILE
==============================================*/
/*==============================================
	HIDE THINGS ON PRINT VERSION
==============================================*/
/*==============================================
	MAKE THINGS FULL WIDTH ON PRINT VERSION
==============================================*/
/*==============================================
	INPUT PLACEHOLDERS
==============================================*/
/*==============================================
	ICONS
==============================================*/
/* Base */
/*=================================================================================
	base.css v1.7
=================================================================================*/
html, body, div, span, object, iframe, h1, #slider .inner .title, h2, h3, #content address div.title, aside ul li strong, h4, #content address div[itemprop=telephone]:before, #content address div[itemprop=faxNumber]:before, #content address div[itemprop=email]:before, #content address ul.hours li:first-of-type strong, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, #content address .address-note, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: inherit;
  vertical-align: baseline;
  background: transparent;
}

html {
  -webkit-text-size-adjust: none;
}

body {
  line-height: 1;
  background: #ffffff;
}

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

nav ul, aside ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

address {
  font-style: normal;
}

ins {
  text-decoration: none;
}

mark {
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 0.0625rem dotted #bbbbbb;
  cursor: help;
}

hr {
  display: block;
  height: 0.0625rem;
  border: 0;
  border-top: 0.0625rem solid #bbbbbb;
  margin: 1.25rem 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ul, ol {
  font-size: 0;
}

main pre, article pre {
  width: 100%;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin-bottom: 1em;
}

main blockquote, article blockquote {
  margin: 0 1.25rem 1em 1.25rem;
}

main ul.columns-1, article ul.columns-2, article ul.columns-3, article ul.columns-4 {
  clear: both;
  width: 100%;
  font-size: 0;
}

main ul.columms-1 {
  float: left;
  display: inline;
  width: 100%;
}

main ul.columns-2 li {
  float: left;
  display: inline;
  width: 50%;
}

main ul.columns-3 li {
  float: left;
  display: inline;
  width: 33.333%;
}

main ul.columns-4 li {
  float: left;
  display: inline;
  width: 25%;
}

/*=================================================================================
	FORMS
=================================================================================*/
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*=================================================================================
	CLEARFIX
=================================================================================*/
.clearfix:before, .clearfix:after, .row:before, .row:after, .group:before, .group:after, section:before, section:after, article:before, article:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after, .row:after, .group:after, section:after, article:after {
  clear: both;
}

.clearfix, .row, .group, section, article {
  zoom: 1;
}

/*=================================================================================
	SELECTIONS
=================================================================================*/
::-moz-selection {
  background: #dddddd;
}
::selection {
  background: #dddddd;
}

::-moz-selection {
  background: #dddddd;
}

.lt-ie8 .clearfix, .lt-ie8 .row, .lt-ie8 .group {
  zoom: 0;
}

/*=================================================================================
	ACTIVE NUMBERS
=================================================================================*/
a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

/*=================================================================================
	GOOP LOGO
=================================================================================*/
@font-face {
  font-family: 'GOOP';
  src: url("goop/GOOP.eot?9ommr");
  src: url("goop/GOOP.eot?#iefix9ommr") format("embedded-opentype"), url("goop/GOOP.woff?9ommr") format("woff"), url("goop/GOOP.ttf?9ommr") format("truetype"), url("goop/GOOP.svg?9ommr#GOOP") format("svg");
  font-weight: normal;
  font-style: normal;
}

.goop-logo {
  font-family: 'GOOP';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-left: 0.3125rem;
}

.goop-logo:before {
  content: "\e600";
}

/*=================================================================================
	REPLACE [at] - requires GOOP plugin version 0.1.10 at least
=================================================================================*/
.domain:before {
  content: "\40";
  margin-right: 0;
}

/*=================================================================================
	SITEMAP
=================================================================================*/
main ul.sitemap li ul {
  margin-top: 0.1875rem;
  margin-bottom: 0;
}

main ul.sitemap li.current_page_item {
  display: none;
}

/*=================================================================================
	SCROLL
=================================================================================*/
#scroll {
  padding: 0;
  font-size: 1.5625rem;
  position: fixed;
  bottom: 0.625rem;
  right: 0.625rem;
  cursor: pointer;
  display: none;
  color: #415968;
  z-index: 10000;
  opacity: 0.5;
}

/*=================================================================================
	VIDEOS
=================================================================================*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 1.5625rem;
  height: 0;
  margin-bottom: 1.25rem;
}

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

/*=================================================================================
	IFRAMES
=================================================================================*/
main iframe, aside iframe {
  margin: 0 0 1.25rem;
  display: block;
  width: 100% !important;
}

/*=================================================================================
	UTILITY CLASSES
=================================================================================*/
.clearfix {
  clear: both;
}

.left, .columns.left, .column.left {
  float: left;
}

.right, .columns.right, .column.right {
  float: right;
}

/*=================================================================================
	RESPONSIVE TABLES
=================================================================================*/
.table-container {
  width: 100%;
  overflow-x: auto;
}

/*=================================================================================
	PRINT-FRIENDLY CLASSES
=================================================================================*/
@media screen {
  .print {
    display: none;
  }
}

@media only print {
  .desktop {
    display: none;
  }
  .print {
    display: block;
  }
}

/*=================================================================================
	DEFAULT PADDING
=================================================================================*/
.container {
  padding: 0 0.625rem;
}

/*=================================================================================
	FLUID COLUMNS
=================================================================================*/
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.container .column, .container .columns {
  box-sizing: border-box;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

.row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 0;
}

.container .one.column, .container .one.columns {
  width: 6.25%;
  -webkit-flex-basis: 6.25%;
      -ms-flex-preferred-size: 6.25%;
          flex-basis: 6.25%;
}

.container .two.columns {
  width: 12.5%;
  -webkit-flex-basis: 12.5%;
      -ms-flex-preferred-size: 12.5%;
          flex-basis: 12.5%;
}

.container .three.columns {
  width: 18.75%;
  -webkit-flex-basis: 18.75%;
      -ms-flex-preferred-size: 18.75%;
          flex-basis: 18.75%;
}

.container .four.columns {
  width: 25%;
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
}

.container .five.columns {
  width: 31.25%;
  -webkit-flex-basis: 31.25%;
      -ms-flex-preferred-size: 31.25%;
          flex-basis: 31.25%;
}

.container .six.columns {
  width: 37.5%;
  -webkit-flex-basis: 37.5%;
      -ms-flex-preferred-size: 37.5%;
          flex-basis: 37.5%;
}

.container .seven.columns {
  width: 43.75%;
  -webkit-flex-basis: 43.75%;
      -ms-flex-preferred-size: 43.75%;
          flex-basis: 43.75%;
}

.container .eight.columns {
  width: 50%;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

.container .nine.columns {
  width: 56.25%;
  -webkit-flex-basis: 56.25%;
      -ms-flex-preferred-size: 56.25%;
          flex-basis: 56.25%;
}

.container .ten.columns {
  width: 62.5%;
}

.container .eleven.columns {
  width: 68.75%;
  -webkit-flex-basis: 68.75%;
      -ms-flex-preferred-size: 68.75%;
          flex-basis: 68.75%;
}

.container .twelve.columns {
  width: 75%;
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
}

.container .thirteen.columns {
  width: 81.25%;
  -webkit-flex-basis: 81.25%;
      -ms-flex-preferred-size: 81.25%;
          flex-basis: 81.25%;
}

.container .fourteen.columns {
  width: 87.5%;
  -webkit-flex-basis: 87.5%;
      -ms-flex-preferred-size: 87.5%;
          flex-basis: 87.5%;
}

.container .fifteen.columns {
  width: 93.75%;
  -webkit-flex-basis: 93.75%;
      -ms-flex-preferred-size: 93.75%;
          flex-basis: 93.75%;
}

.container .sixteen.columns {
  width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.container .one-third.column {
  width: 33.33%;
  -webkit-flex-basis: 33.33%;
      -ms-flex-preferred-size: 33.33%;
          flex-basis: 33.33%;
}

.container .two-thirds.column {
  width: 66.66%;
  -webkit-flex-basis: 66.66%;
      -ms-flex-preferred-size: 66.66%;
          flex-basis: 66.66%;
}

/*=================================================================================
	OFFSETS
=================================================================================*/
@media (min-width: 959px) {
  .container .columns.offset-by-one {
    margin-left: 6.25%;
  }
  .container .columns.offset-by-two {
    margin-left: 12.5%;
  }
  .container .columns.offset-by-three {
    margin-left: 18.75%;
  }
  .container .columns.offset-by-four {
    margin-left: 25%;
  }
  .container .columns.offset-by-five {
    margin-left: 31.25%;
  }
  .container .columns.offset-by-six {
    margin-left: 37.5%;
  }
  .container .columns.offset-by-seven {
    margin-left: 43.75%;
  }
  .container .columns.offset-by-eight {
    margin-left: 50%;
  }
  .container .columns.offset-by-nine {
    margin-left: 56.25%;
  }
  .container .columns.offset-by-ten {
    margin-left: 62.5%;
  }
  .container .columns.offset-by-eleven {
    margin-left: 68.75%;
  }
  .container .columns.offset-by-twelve {
    margin-left: 75%;
  }
  .container .columns.offset-by-thirteen {
    margin-left: 81.25%;
  }
  .container .columns.offset-by-fourteen {
    margin-left: 87.5%;
  }
  .container .columns.offset-by-fifteen {
    margin-left: 93.75%;
  }
}

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
.gutter-left {
  padding-left: 1.25rem;
}

.gutter-right {
  padding-right: 1.25rem;
}

/*==============================================
	GRID MIXINS
==============================================*/
/*=================================================================================
	COLLAPSE ALL COLUMN CLASSES ON SMALLER THAN TABLET
=================================================================================*/
@media screen and (max-width: 959px) {
  .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    box-sizing: border-box;
    -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
            flex: 0 auto;
    width: 100%;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}

/*=================================================================================
	ADDRESSES
=================================================================================*/
address {
  font-style: normal;
}

#content address {
  margin-bottom: 1.25rem;
  font-weight: 400;
}

#content address div[itemprop=streetAddress]:after, #content address div[itemprop=addressLocality]:after {
  content: ", ";
}

#content address div[itemprop=addressLocality], #content address div[itemprop=addressRegion], #content address div[itemprop=postalCode] {
  display: inline-block;
}

#content address div[itemprop=postalCode] {
  margin-bottom: 0.625rem;
}

#content address div[itemprop=telephone], #content address div[itemprop=faxNumber], #content address div[itemprop=email] {
  margin-bottom: 0.3125rem;
}

#content address div[itemprop=telephone]:before, #content address div[itemprop=faxNumber]:before, #content address div[itemprop=email]:before {
  font-weight: 700;
  font-family: Titillium Web, Arial, sans-serif;
}

#content address div[itemprop=telephone]:before {
  content: "T: ";
}

#content address div[itemprop=faxNumber]:before {
  content: "F: ";
}

#content address div[itemprop=email] {
  word-break: break-word;
}

#content address div[itemprop=email]:before {
  content: "E: ";
}

#content address ul.hours {
  margin: 0;
  margin-bottom: 0.625rem;
  list-style: none;
}

#content address ul.hours li:nth-child(n+2) strong {
  box-sizing: border-box;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
  width: 25%;
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  display: inline-block;
  font-weight: 400;
}

#content address .address-note {
  border: 0.0625rem solid #e1e1e1;
  padding: 0.625rem;
  background: #e1e1e1;
}

header address {
  color: #415968;
  font-family: Titillium Web, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  text-align: right;
}

@media (min-width: 959px) {
  header address {
    padding-bottom: 0.625rem;
  }
}

header address div {
  display: inline-block;
}

header address div[itemprop=streetAddress]:after {
  content: ", ";
  padding-right: 0.3125rem;
}

header address div[itemprop=addressRegion], header address div[itemprop=postalCode] {
  display: none;
}

header address div[itemprop=telephone] {
  display: block;
  font-weight: 700;
}

@media (min-width: 959px) {
  header address div[itemprop=telephone] {
    display: inline-block;
    padding-left: 1.25rem;
  }
}

#footer address div {
  display: inline-block;
}

#footer address div[itemprop=streetAddress] {
  display: block;
}

#footer address div[itemprop=streetAddress]:after {
  content: ", ";
}

/*==============================================
	TYPOGRAPHY
==============================================*/
/* Kill FOUT - hide all the things until fonts have loaded */
.wf-loading h1, .wf-loading #slider .inner .title, #slider .inner .wf-loading .title, .wf-loading h2, .wf-loading h3, .wf-loading #content address div.title, #content address .wf-loading div.title, .wf-loading aside ul li strong, aside ul li .wf-loading strong, .wf-loading h4, .wf-loading #content address div[itemprop=telephone]:before, #content address .wf-loading div[itemprop=telephone]:before, .wf-loading #content address div[itemprop=faxNumber]:before, #content address .wf-loading div[itemprop=faxNumber]:before, .wf-loading #content address div[itemprop=email]:before, #content address .wf-loading div[itemprop=email]:before, .wf-loading #content address ul.hours li:first-of-type strong, #content address ul.hours li:first-of-type .wf-loading strong, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading li, .wf-loading th, .wf-loading td {
  visibility: hidden;
}

/* Set the body font */
body, input, select, textarea, label, button, li, p, address, th, td {
  font-family: Titillium Web, Arial, sans-serif;
  font-size: 1rem;
}

/* Things that need FontAwesome */
ul li.menu-item-has-children:before, article blockquote:before {
  font-family: 'FontAwesome';
}

/* Headings */
h1, #slider .inner .title, h2, h3, #content address div.title, aside ul li strong, h4, #content address div[itemprop=telephone]:before, #content address div[itemprop=faxNumber]:before, #content address div[itemprop=email]:before, #content address ul.hours li:first-of-type strong, h5, h6 {
  font-family: Titillium Web, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  line-height: 1.15;
}

/* If you'd like to use a Type Scale (as per type-scales.com, include it here */
h1, #slider .inner .title {
  font-size: 2rem;
  margin-bottom: 0.625rem;
  color: #415968;
}

h2 {
  font-size: 1.5rem;
  margin-bottom: 0.625rem;
  color: #415968;
}

h3, #content address div.title, aside ul li strong {
  font-size: 1.375rem;
  margin-bottom: 0.3125rem;
}

h4, #content address div[itemprop=telephone]:before, #content address div[itemprop=faxNumber]:before, #content address div[itemprop=email]:before, #content address ul.hours li:first-of-type strong, h5, h6 {
  font-size: 1.25rem;
  margin-bottom: 0.3125rem;
}

/* Paragraphs, strong, em, and small */
p {
  line-height: 1.45;
  margin-bottom: 1rem;
}

small, #content address .address-note {
  color: #575757;
  text-transform: none;
}

small.meta, #content address .meta.address-note {
  display: block;
  padding: 0.625rem 0;
}

strong {
  font-weight: 700;
}

/* Lists */
main ul, article ul, main ol, article ol {
  margin: 0 1.25rem 1.25rem;
}

main ul li, article ul li, main ol li, article ol li {
  line-height: 1.45;
  margin-bottom: 0.3125rem;
}

main ul ul, main ul ol, article ul ul, article ul ol, main ol ul, main ol ol, article ol ul, article ol ol {
  /*Lists within lists*/
}

main ul, article ul {
  list-style: disc;
}

main ol, article ol {
  list-style: decimal;
}

/* Blockquotes */
blockquote {
  position: relative;
  padding: 1.25rem 0 0 1.25rem;
}

blockquote:before {
  font-family: 'FontAwesome';
  content: "";
  opacity: 0.3;
  position: absolute;
  top: 1.25rem;
  left: 0;
  clear: both;
  visibility: visible;
  overflow: visible;
}

/*=================================================================================
	LINKS
=================================================================================*/
main a, article a, section#styleguide a, aside a {
  color: #3b3b3b;
  text-decoration: none;
  position: relative;
  visibility: visible;
  /*Fixes weird Android bug*/
  /* Don't apply borders and stuff to these class names */
}

main a:after, article a:after, section#styleguide a:after, aside a:after {
  content: '';
  width: 100%;
  border-bottom: 1px dotted #888888;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 2px;
  transition: all 0.3s ease-in-out;
}

main a:hover, main a:focus, article a:hover, article a:focus, section#styleguide a:hover, section#styleguide a:focus, aside a:hover, aside a:focus {
  color: #415968;
}

main a:hover:after, main a:focus:after, article a:hover:after, article a:focus:after, section#styleguide a:hover:after, section#styleguide a:focus:after, aside a:hover:after, aside a:focus:after {
  border-bottom: 1px solid #415968;
}

main a.readmore, article a.readmore, section#styleguide a.readmore, aside a.readmore {
  white-space: nowrap;
}

main a[class^='btn'], main a[class*='btn'], main a[class*='button'], main a.img, article a[class^='btn'], article a[class*='btn'], article a[class*='button'], article a.img, section#styleguide a[class^='btn'], section#styleguide a[class*='btn'], section#styleguide a[class*='button'], section#styleguide a.img, aside a[class^='btn'], aside a[class*='btn'], aside a[class*='button'], aside a.img {
  border: 0;
}

main a[class^='btn']:after, main a[class*='btn']:after, main a[class*='button']:after, main a.img:after, article a[class^='btn']:after, article a[class*='btn']:after, article a[class*='button']:after, article a.img:after, section#styleguide a[class^='btn']:after, section#styleguide a[class*='btn']:after, section#styleguide a[class*='button']:after, section#styleguide a.img:after, aside a[class^='btn']:after, aside a[class*='btn']:after, aside a[class*='button']:after, aside a.img:after {
  border: 0;
}

main a[class^='btn']:hover, main a[class^='btn']:focus, main a[class*='btn']:hover, main a[class*='btn']:focus, main a[class*='button']:hover, main a[class*='button']:focus, main a.img:hover, main a.img:focus, article a[class^='btn']:hover, article a[class^='btn']:focus, article a[class*='btn']:hover, article a[class*='btn']:focus, article a[class*='button']:hover, article a[class*='button']:focus, article a.img:hover, article a.img:focus, section#styleguide a[class^='btn']:hover, section#styleguide a[class^='btn']:focus, section#styleguide a[class*='btn']:hover, section#styleguide a[class*='btn']:focus, section#styleguide a[class*='button']:hover, section#styleguide a[class*='button']:focus, section#styleguide a.img:hover, section#styleguide a.img:focus, aside a[class^='btn']:hover, aside a[class^='btn']:focus, aside a[class*='btn']:hover, aside a[class*='btn']:focus, aside a[class*='button']:hover, aside a[class*='button']:focus, aside a.img:hover, aside a.img:focus {
  border: 0;
}

main a[class^='btn']:hover:after, main a[class^='btn']:focus:after, main a[class*='btn']:hover:after, main a[class*='btn']:focus:after, main a[class*='button']:hover:after, main a[class*='button']:focus:after, main a.img:hover:after, main a.img:focus:after, article a[class^='btn']:hover:after, article a[class^='btn']:focus:after, article a[class*='btn']:hover:after, article a[class*='btn']:focus:after, article a[class*='button']:hover:after, article a[class*='button']:focus:after, article a.img:hover:after, article a.img:focus:after, section#styleguide a[class^='btn']:hover:after, section#styleguide a[class^='btn']:focus:after, section#styleguide a[class*='btn']:hover:after, section#styleguide a[class*='btn']:focus:after, section#styleguide a[class*='button']:hover:after, section#styleguide a[class*='button']:focus:after, section#styleguide a.img:hover:after, section#styleguide a.img:focus:after, aside a[class^='btn']:hover:after, aside a[class^='btn']:focus:after, aside a[class*='btn']:hover:after, aside a[class*='btn']:focus:after, aside a[class*='button']:hover:after, aside a[class*='button']:focus:after, aside a.img:hover:after, aside a.img:focus:after {
  border: 0;
}

/*=================================================================================
	MAIN NAVIGATION
=================================================================================*/
nav {
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  position: relative;
  z-index: 9999;
}

@media (min-width: 959px) {
  nav {
    background: #415968;
  }
}

nav ul {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: none;
}

@media (min-width: 959px) {
  nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.ie10 nav ul, .lt-ie10 nav ul {
  display: block;
}

nav ul li {
  font-family: Titillium Web, Arial, sans-serif;
  text-transform: uppercase;
  color: #555;
  font-weight: 300;
  background-color: #415968;
  position: relative;
  display: inline;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0;
  transition: all 0.3s ease-in-out;
  /*==============================================
				DROPDOWNS
			==============================================*/
  /*==============================================
				SECOND LEVEL HOVER
			==============================================*/
  /*==============================================
				DROPDOWN ON THE LAST MENU ITEM 
				Align to right instead of left
			==============================================*/
}

.ie10 nav ul li, .lt-ie10 nav ul li {
  display: inline-block;
}

nav ul li > a {
  color: white;
  text-decoration: none;
  margin: 0;
  display: block;
  padding: 1.25rem 0.625rem;
  visibility: visible;
}

nav ul li:hover, nav ul li:focus, nav ul li.current-menu-item, nav ul li.current-page-item, nav ul li.current-page-ancestor, nav ul li.current-menu-parent {
  background: #2d3e49;
}

nav ul li:hover > a, nav ul li:focus > a, nav ul li.current-menu-item > a, nav ul li.current-page-item > a, nav ul li.current-page-ancestor > a, nav ul li.current-menu-parent > a {
  color: white;
}

nav ul li ul {
  position: absolute;
  width: auto;
  left: -9999px;
  top: -9999px;
  opacity: 0;
  z-index: 1;
  font-size: 0.85em;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  white-space: nowrap;
  margin: 0;
  text-align: left;
  padding: 0;
  border-bottom: 1px solid white;
}

nav ul li ul li {
  background: #415968;
  font-family: Titillium Web, Arial, sans-serif;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1.875rem;
  font-weight: 300;
  font-size: 1em;
}

nav ul li ul li > a {
  color: white;
  padding: 0 0.3125rem;
  margin: 0;
  visibility: visible;
}

nav ul li ul li > a:hover, nav ul li ul li > a:focus {
  color: white;
}

nav ul li ul li:hover, nav ul li ul li:focus, nav ul li ul li.current-menu-item, nav ul li ul li.current-page-item, nav ul li ul li.current-page-ancestor, nav ul li ul li.current-menu-parent {
  background: #2d3e49;
}

nav ul li ul li:hover > a, nav ul li ul li:focus > a, nav ul li ul li.current-menu-item > a, nav ul li ul li.current-page-item > a, nav ul li ul li.current-page-ancestor > a, nav ul li ul li.current-menu-parent > a {
  color: white;
}

nav ul li ul li.menu-item-has-children > a {
  position: relative;
  padding: 0 0.625rem 0 0;
}

nav ul li ul li.menu-item-has-children > a:before {
  font-family: 'FontAwesome';
  content: "";
  background: none;
  position: absolute;
  top: 0.125rem;
  right: 0.625rem;
  font-size: 0.75rem;
  color: inherit;
  opacity: 0.5;
}

nav ul li ul li ul li {
  background: #4b6678;
}

nav ul li:hover ul {
  opacity: 1.0;
  left: 0;
  top: 100%;
  display: block;
  height: auto;
  visibility: visible;
  /*==============================================
						THIRD LEVEL HOVER
					==============================================*/
}

nav ul li:hover ul li ul {
  visibility: hidden;
  top: -9999px;
  left: 0;
  opacity: 0;
  border: 0;
}

nav ul li:hover ul li:hover ul {
  top: 0;
  left: 100%;
  visibility: visible;
  opacity: 1;
}

nav ul li:last-of-type:hover > ul {
  right: 0;
  left: auto;
}

/*==============================================
	HIDE DRAFT PAGES FROM MENU
==============================================*/
li.menu-item-draft, li.menu-item-trash {
  display: none !important;
}

/*=================================================================================
	SKIP TO CONTENT
=================================================================================*/
.skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  text-align: left;
  overflow: hidden;
  padding: 0.625rem;
  display: block;
  width: 100%;
  text-decoration: none;
}

.skip:active, .skip:focus, .skip:hover {
  top: 0;
  left: 0;
  position: relative;
  background: #ffce00;
  color: black;
}

/*=================================================================================
	RESPONSIVE MENU
=================================================================================*/
#responsive {
  display: block;
  position: relative;
  z-index: 1000;
}

@media (min-width: 959px) {
  #responsive {
    display: none;
  }
}

#responsive span {
  padding: 0.625rem;
  position: absolute;
  width: 6.25rem;
  text-align: left;
  color: #415968;
  cursor: pointer;
}

#responsive span i {
  font-size: 1.5625rem;
}

#responsive span i:after {
  content: 'Menu';
  display: inline-block;
  font-family: Titillium Web, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 0.75rem;
  vertical-align: middle;
  margin: 0 0 0 0.5rem;
}

#responsive ul {
  background: #415968;
  padding: 0;
  margin: 0;
  display: none;
  list-style: none;
}

#responsive ul li {
  border-bottom: 0.0625rem solid #2d3e49;
  margin: 0;
  line-height: 1.15;
  padding: 0;
  text-transform: uppercase;
  font-family: Titillium Web, Arial, sans-serif;
  font-weight: 300;
}

#responsive ul li a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 0.5rem 0.625rem;
}

#responsive ul li:last-child {
  border: none;
}

#responsive ul li:hover {
  background: #374c58;
  color: white;
}

#responsive ul li:hover > ul {
  opacity: 1;
  position: relative;
  top: auto;
  left: auto;
  display: block;
  height: auto;
  width: auto;
  white-space: normal;
  margin: 0;
  text-align: left;
  overflow: visible;
  border-top: 0.0625rem solid #2d3e49;
  position: relative;
  transition: 0.3s ease-in-out;
}

#responsive ul li ul {
  display: none;
  opacity: 0;
  top: -9999px;
  left: 0;
  z-index: 1;
}

#responsive ul li ul li {
  font-size: 0.75rem;
}

#responsive ul li ul li a {
  color: white;
}

#responsive ul li ul li a:before {
  content: '- ';
}

#responsive ul li.menu-item-has-children {
  position: relative;
}

#responsive ul li.menu-item-has-children:before {
  font-family: 'FontAwesome';
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 0.625rem;
  color: white;
}

/* Yoast Breadcrumbs */
#breadcrumbs {
  font-size: 0.75rem;
  color: #555;
  margin-bottom: 1.25rem;
}

#breadcrumbs i {
  margin: 0 0.125rem;
}

#breadcrumbs a {
  color: inherit;
  border: 0;
}

#breadcrumbs a:hover, #breadcrumbs a:focus {
  color: #415968;
}

/*=================================================================================
	BUTTON MIXINS
=================================================================================*/
.btn, input[type=submit], input[type=button], button, .btn-primary, .btn-secondary, main .pagination ul li .page-numbers, main .pagination ul li a, main .woocommerce-pagination ul li .page-numbers, main .woocommerce-pagination ul li a, .btn-accent, main .pagination ul li .page-numbers:hover, main .pagination ul li .page-numbers:focus, main .pagination ul li .page-numbers.current, main .pagination ul li a:hover, main .pagination ul li a:focus, main .pagination ul li a.current, main .woocommerce-pagination ul li .page-numbers:hover, main .woocommerce-pagination ul li .page-numbers:focus, main .woocommerce-pagination ul li .page-numbers.current, main .woocommerce-pagination ul li a:hover, main .woocommerce-pagination ul li a:focus, main .woocommerce-pagination ul li a.current, #mc_embed_signup form #mc-embedded-subscribe {
  color: white;
  background: #415968;
  font-size: inherit;
  line-height: 1;
  padding: 0.625rem 1.25rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  display: inline-block;
  transition: 0.3s ease-in-out;
  border-radius: none;
  -webkit-appearance: none;
  /*Stops iOS from taking over how buttons look*/
}

.btn:hover, input[type=submit]:hover, input[type=button]:hover, button:hover, .btn-primary:hover, .btn-secondary:hover, main .pagination ul li .page-numbers:hover, main .pagination ul li a:hover, main .woocommerce-pagination ul li .page-numbers:hover, main .woocommerce-pagination ul li a:hover, .btn-accent:hover, #mc_embed_signup form #mc-embedded-subscribe:hover, .btn:focus, input[type=submit]:focus, input[type=button]:focus, button:focus, .btn-primary:focus, .btn-secondary:focus, main .pagination ul li .page-numbers:focus, main .pagination ul li a:focus, main .woocommerce-pagination ul li .page-numbers:focus, main .woocommerce-pagination ul li a:focus, .btn-accent:focus, #mc_embed_signup form #mc-embedded-subscribe:focus {
  color: white;
  background: #2d3e49;
  border: none;
}

/*=================================================================================
	BUTTONS
=================================================================================*/
/*=================================================================================
	BUTTON VARIATIONS
=================================================================================*/
.btn-primary {
  background: #415968;
}

.btn-primary:hover, .btn-primary:focus {
  background: #2d3e49;
}

.btn-secondary, main .pagination ul li .page-numbers, main .pagination ul li a, main .woocommerce-pagination ul li .page-numbers, main .woocommerce-pagination ul li a {
  background: #222;
}

.btn-secondary:hover, main .pagination ul li .page-numbers:hover, main .pagination ul li a:hover, main .woocommerce-pagination ul li .page-numbers:hover, main .woocommerce-pagination ul li a:hover, .btn-secondary:focus, main .pagination ul li .page-numbers:focus, main .pagination ul li a:focus, main .woocommerce-pagination ul li .page-numbers:focus, main .woocommerce-pagination ul li a:focus {
  background: #090909;
}

.btn-accent, main .pagination ul li .page-numbers:hover, main .pagination ul li .page-numbers:focus, main .pagination ul li .page-numbers.current, main .pagination ul li a:hover, main .pagination ul li a:focus, main .pagination ul li a.current, main .woocommerce-pagination ul li .page-numbers:hover, main .woocommerce-pagination ul li .page-numbers:focus, main .woocommerce-pagination ul li .page-numbers.current, main .woocommerce-pagination ul li a:hover, main .woocommerce-pagination ul li a:focus, main .woocommerce-pagination ul li a.current {
  background: #415968;
}

.btn-accent:hover, main .pagination ul li .page-numbers:hover, main .pagination ul li a:hover, main .woocommerce-pagination ul li .page-numbers:hover, main .woocommerce-pagination ul li a:hover, .btn-accent:focus, main .pagination ul li .page-numbers:focus, main .pagination ul li a:focus, main .woocommerce-pagination ul li .page-numbers:focus, main .woocommerce-pagination ul li a:focus {
  background: #2d3e49;
}

.btn.full-width, input.full-width[type=submit], input.full-width[type=button], button.full-width, .full-width.btn-primary, .full-width.btn-secondary, main .pagination ul li .full-width.page-numbers, main .pagination ul li a.full-width, main .woocommerce-pagination ul li .full-width.page-numbers, main .woocommerce-pagination ul li a.full-width, .full-width.btn-accent, #mc_embed_signup form .full-width#mc-embedded-subscribe, .btn-primary.full-width, .btn-secondary.full-width, main .pagination ul li .full-width.page-numbers, main .pagination ul li a.full-width, main .woocommerce-pagination ul li .full-width.page-numbers, main .woocommerce-pagination ul li a.full-width, .btn-accent.full-width, main .pagination ul li .full-width.page-numbers:hover, main .pagination ul li .full-width.page-numbers:focus, main .pagination ul li .full-width.page-numbers.current, main .pagination ul li a.full-width:hover, main .pagination ul li a.full-width:focus, main .pagination ul li a.full-width.current, main .woocommerce-pagination ul li .full-width.page-numbers:hover, main .woocommerce-pagination ul li .full-width.page-numbers:focus, main .woocommerce-pagination ul li .full-width.page-numbers.current, main .woocommerce-pagination ul li a.full-width:hover, main .woocommerce-pagination ul li a.full-width:focus, main .woocommerce-pagination ul li a.full-width.current {
  /*To be used in conjunction with other button styles*/
  width: 100%;
}

.btn span, input[type=submit] span, input[type=button] span, button span, .btn-primary span, .btn-secondary span, main .pagination ul li .page-numbers span, main .pagination ul li a span, main .woocommerce-pagination ul li .page-numbers span, main .woocommerce-pagination ul li a span, .btn-accent span, main .pagination ul li .page-numbers:hover span, main .pagination ul li .page-numbers:focus span, main .pagination ul li .page-numbers.current span, main .pagination ul li a:hover span, main .pagination ul li a:focus span, main .pagination ul li a.current span, main .woocommerce-pagination ul li .page-numbers:hover span, main .woocommerce-pagination ul li .page-numbers:focus span, main .woocommerce-pagination ul li .page-numbers.current span, main .woocommerce-pagination ul li a:hover span, main .woocommerce-pagination ul li a:focus span, main .woocommerce-pagination ul li a.current span, #mc_embed_signup form #mc-embedded-subscribe span, .btn-primary span, .btn-secondary span, main .pagination ul li .page-numbers span, main .pagination ul li a span, main .woocommerce-pagination ul li .page-numbers span, main .woocommerce-pagination ul li a span, .btn-accent span, main .pagination ul li .page-numbers:hover span, main .pagination ul li .page-numbers:focus span, main .pagination ul li .page-numbers.current span, main .pagination ul li a:hover span, main .pagination ul li a:focus span, main .pagination ul li a.current span, main .woocommerce-pagination ul li .page-numbers:hover span, main .woocommerce-pagination ul li .page-numbers:focus span, main .woocommerce-pagination ul li .page-numbers.current span, main .woocommerce-pagination ul li a:hover span, main .woocommerce-pagination ul li a:focus span, main .woocommerce-pagination ul li a.current span {
  display: inline-block;
}

.btn i, input[type=submit] i, input[type=button] i, button i, .btn-primary i, .btn-secondary i, main .pagination ul li .page-numbers i, main .pagination ul li a i, main .woocommerce-pagination ul li .page-numbers i, main .woocommerce-pagination ul li a i, .btn-accent i, main .pagination ul li .page-numbers:hover i, main .pagination ul li .page-numbers:focus i, main .pagination ul li .page-numbers.current i, main .pagination ul li a:hover i, main .pagination ul li a:focus i, main .pagination ul li a.current i, main .woocommerce-pagination ul li .page-numbers:hover i, main .woocommerce-pagination ul li .page-numbers:focus i, main .woocommerce-pagination ul li .page-numbers.current i, main .woocommerce-pagination ul li a:hover i, main .woocommerce-pagination ul li a:focus i, main .woocommerce-pagination ul li a.current i, #mc_embed_signup form #mc-embedded-subscribe i, .btn-primary i, .btn-secondary i, main .pagination ul li .page-numbers i, main .pagination ul li a i, main .woocommerce-pagination ul li .page-numbers i, main .woocommerce-pagination ul li a i, .btn-accent i, main .pagination ul li .page-numbers:hover i, main .pagination ul li .page-numbers:focus i, main .pagination ul li .page-numbers.current i, main .pagination ul li a:hover i, main .pagination ul li a:focus i, main .pagination ul li a.current i, main .woocommerce-pagination ul li .page-numbers:hover i, main .woocommerce-pagination ul li .page-numbers:focus i, main .woocommerce-pagination ul li .page-numbers.current i, main .woocommerce-pagination ul li a:hover i, main .woocommerce-pagination ul li a:focus i, main .woocommerce-pagination ul li a.current i {
  display: inline-block;
  line-height: 1;
  margin-left: 0.375rem;
}

.btn i.fa-2x, input[type=submit] i.fa-2x, input[type=button] i.fa-2x, button i.fa-2x, .btn-primary i.fa-2x, .btn-secondary i.fa-2x, main .pagination ul li .page-numbers i.fa-2x, main .pagination ul li a i.fa-2x, main .woocommerce-pagination ul li .page-numbers i.fa-2x, main .woocommerce-pagination ul li a i.fa-2x, .btn-accent i.fa-2x, #mc_embed_signup form #mc-embedded-subscribe i.fa-2x, .btn-primary i.fa-2x, .btn-secondary i.fa-2x, main .pagination ul li .page-numbers i.fa-2x, main .pagination ul li a i.fa-2x, main .woocommerce-pagination ul li .page-numbers i.fa-2x, main .woocommerce-pagination ul li a i.fa-2x, .btn-accent i.fa-2x, main .pagination ul li .page-numbers:hover i.fa-2x, main .pagination ul li .page-numbers:focus i.fa-2x, main .pagination ul li .page-numbers.current i.fa-2x, main .pagination ul li a:hover i.fa-2x, main .pagination ul li a:focus i.fa-2x, main .pagination ul li a.current i.fa-2x, main .woocommerce-pagination ul li .page-numbers:hover i.fa-2x, main .woocommerce-pagination ul li .page-numbers:focus i.fa-2x, main .woocommerce-pagination ul li .page-numbers.current i.fa-2x, main .woocommerce-pagination ul li a:hover i.fa-2x, main .woocommerce-pagination ul li a:focus i.fa-2x, main .woocommerce-pagination ul li a.current i.fa-2x {
  font-size: inherit;
}

.btn-small {
  font-size: 0.75rem;
  text-transform: uppercase;
}

br + .btn, br + input[type=submit], br + input[type=button], br + button, br + .btn-primary, br + .btn-secondary, main .pagination ul li br + .page-numbers, main .pagination ul li br + a, main .woocommerce-pagination ul li br + .page-numbers, main .woocommerce-pagination ul li br + a, br + .btn-accent, main .pagination ul li br + .page-numbers:hover, main .pagination ul li br + .page-numbers:focus, main .pagination ul li br + .page-numbers.current, main .pagination ul li br + a:hover, main .pagination ul li br + a:focus, main .pagination ul li br + a.current, main .woocommerce-pagination ul li br + .page-numbers:hover, main .woocommerce-pagination ul li br + .page-numbers:focus, main .woocommerce-pagination ul li br + .page-numbers.current, main .woocommerce-pagination ul li br + a:hover, main .woocommerce-pagination ul li br + a:focus, main .woocommerce-pagination ul li br + a.current, #mc_embed_signup form br + #mc-embedded-subscribe {
  margin-top: 0.625rem;
}

/*==============================================
	MESSAGES
==============================================*/
.message, .error.message, .success.message, .warning.message, .nf-form-cont .nf-form-errors .nf-error-msg {
  /* information colours and icon by default */
  padding: 0.625rem 1.875rem;
  margin: 0.625rem 0;
  position: relative;
  background: #bde5f8;
  border: 0.0625rem solid #00529b;
  color: #00529b;
  font-family: Titillium Web, Arial, sans-serif;
  font-size: inherit;
  min-height: 2.5rem;
}

.message a, .error.message a, .success.message a, .warning.message a, .nf-form-cont .nf-form-errors .nf-error-msg a {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}

.message a:hover, .nf-form-cont .nf-form-errors .nf-error-msg a:hover {
  text-decoration: underline;
}

.message:before, .error.message:before, .success.message:before, .warning.message:before, .nf-form-cont .nf-form-errors .nf-error-msg:before {
  font-family: 'FontAwesome';
  content: "";
  font-size: 1.2em;
  padding-right: 0.625rem;
}

.error.message, .nf-form-cont .nf-form-errors .error.nf-error-msg {
  background: #ffbaba;
  border: 0.0625rem solid #d8000c;
  color: #d8000c;
}

.error.message:before, .nf-form-cont .nf-form-errors .error.nf-error-msg:before {
  font-family: 'FontAwesome';
  content: "";
}

.success.message, .nf-form-cont .nf-form-errors .success.nf-error-msg {
  background: #dff2bf;
  border: 0.0625rem solid #4f8a10;
  color: #4f8a10;
}

.success.message:before, .nf-form-cont .nf-form-errors .success.nf-error-msg:before {
  font-family: 'FontAwesome';
  content: "";
}

.warning.message, .nf-form-cont .nf-form-errors .warning.nf-error-msg {
  background: #feefb3;
  border: 0.0625rem solid #9f6000;
  color: #9f6000;
}

.warning.message:before, .nf-form-cont .nf-form-errors .warning.nf-error-msg:before {
  font-family: 'FontAwesome';
  content: "";
}

/*==============================================
	IFRAME DISCLAIMER
==============================================*/
.dontblamegoop {
  background: #f0f0f0;
  padding: 0.3125rem;
  text-align: center;
  font-size: 0.6875rem;
  display: block;
  color: #b4b4b4;
  margin-bottom: 0.3125rem;
}

.google .dontblamegoop {
  display: none;
}

/*=================================================================================
	FORMS
=================================================================================*/
form li {
  list-style: none;
}

form label {
  display: block;
  margin-top: 1em;
}

form input:not[type=checkbox],
form input:not[type=radio] {
  -webkit-appearance: none;
  border-radius: 0;
}

form input[type=radio] + label {
  margin-top: 0;
}

form input[type=checkbox] + label, form input[type=radio] + label, form label.checkbox {
  display: inline-block;
}

form input[type=text], form input[type=email], form input[type=search], form input[type=password], form input[type=tel], form input[type=number], form textarea, form select {
  -webkit-appearance: none;
  border: 0.0625rem solid #e1e1e1;
  padding: 0.3125rem;
  display: block;
  margin-left: 0 !important;
  width: 100% !important;
  color: #888888;
  border-radius: 0;
}

form input[type=text]:hover, form input[type=text]:focus, form input[type=email]:hover, form input[type=email]:focus, form input[type=search]:hover, form input[type=search]:focus, form input[type=password]:hover, form input[type=password]:focus, form input[type=tel]:hover, form input[type=tel]:focus, form input[type=number]:hover, form input[type=number]:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus {
  color: #555;
}

form input[type=submit], form input[type=button] {
  border-radius: 0;
}

/*=================================================================================
	NINJA FORMS > v3.0
=================================================================================*/
.nf-form-cont .nf-form-fields-required {
  margin: 0 0 0.625rem 0;
  font-size: 0.75rem;
  color: #888888;
  font-style: italic;
}

.nf-form-cont .nf-form-fields-required span {
  color: inherit;
}

.nf-form-cont .nf-form-title {
  display: none;
}

.nf-form-cont .nf-response-msg {
  color: #4f8a10;
  font-size: inherit;
}

.nf-form-cont nf-field {
  /* not a typo, this is an actual element name */
  font-size: calc(0.1875vw + 13.4px);
  margin: 0.3125rem 0;
  display: block;
}

@media (max-width: 320px) {
  .nf-form-cont nf-field {
    font-size: 14px;
  }
}

@media (min-width: 1920px) {
  .nf-form-cont nf-field {
    font-size: 17px;
  }
}

.nf-form-cont nf-field .nf-field-container {
  margin: 0 0 0.3125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap label span {
  color: inherit;
}

.nf-form-cont nf-field .nf-field-container .field-wrap input[type=text], .nf-form-cont nf-field .nf-field-container .field-wrap input[type=email], .nf-form-cont nf-field .nf-field-container .field-wrap input[type=number], .nf-form-cont nf-field .nf-field-container .field-wrap input[type=password], .nf-form-cont nf-field .nf-field-container .field-wrap input[type=tel] {
  border: 0.0625rem solid #e1e1e1;
  padding: 0.3125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap input[type=text]::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=email]::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=number]::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=password]::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=tel]::-webkit-input-placeholder {
  color: #555;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap input[type=text]:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=email]:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=number]:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=password]:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=tel]:-moz-placeholder {
  /* Firefox 18- */
  color: #555;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap input[type=text]::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=email]::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=number]::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=password]::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=tel]::-moz-placeholder {
  /* Firefox 19+ */
  color: #555;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap input[type=text]:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=email]:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=number]:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=password]:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap input[type=tel]:-ms-input-placeholder {
  color: #555;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap textarea, .nf-form-cont nf-field .nf-field-container .field-wrap select {
  border: 0.0625rem solid #e1e1e1;
  padding: 0.3125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap textarea::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap select::-webkit-input-placeholder {
  color: #555;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap textarea:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap select:-moz-placeholder {
  /* Firefox 18- */
  color: #555;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap textarea::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap select::-moz-placeholder {
  /* Firefox 19+ */
  color: #555;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap textarea:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap select:-ms-input-placeholder {
  color: #555;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=text], .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=email], .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=number], .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=password], .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=tel] {
  border-color: #d8000c;
  background: #ffbaba;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=text]::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=email]::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=number]::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=password]::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=tel]::-webkit-input-placeholder {
  color: #d8000c;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=text]:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=email]:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=number]:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=password]:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=tel]:-moz-placeholder {
  /* Firefox 18- */
  color: #d8000c;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=text]::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=email]::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=number]::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=password]::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=tel]::-moz-placeholder {
  /* Firefox 19+ */
  color: #d8000c;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=text]:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=email]:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=number]:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=password]:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error input[type=tel]:-ms-input-placeholder {
  color: #d8000c;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error textarea, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error select {
  border-color: #d8000c;
  background: #ffbaba;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error textarea::-webkit-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error select::-webkit-input-placeholder {
  color: #d8000c;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error textarea:-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error select:-moz-placeholder {
  /* Firefox 18- */
  color: #d8000c;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error textarea::-moz-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error select::-moz-placeholder {
  /* Firefox 19+ */
  color: #d8000c;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .field-wrap.nf-error textarea:-ms-input-placeholder, .nf-form-cont nf-field .nf-field-container .field-wrap.nf-error select:-ms-input-placeholder {
  color: #d8000c;
  padding-top: 0.125rem;
}

.nf-form-cont nf-field .nf-field-container .nf-after-field .nf-input-limit {
  margin: 0;
}

.nf-form-cont nf-field .nf-field-container .nf-after-field .nf-error-msg, .nf-form-cont nf-field .nf-field-container .nf-after-field .nf-error-required-error {
  font-size: 0.75rem;
  color: #d8000c;
}

.nf-form-cont nf-field .submit-container {
  margin: 0.625rem 0 0;
  display: block;
}

.nf-form-cont .nf-form-errors .nf-error-msg {
  background: #ffbaba;
  border: 0.0625rem solid #d8000c;
  color: #d8000c;
}

.nf-form-cont .nf-form-errors .nf-error-msg:before {
  font-family: 'FontAwesome';
  content: "";
}

/*=================================================================================
	NINJA FORMS < v2.9.x
=================================================================================*/
.ninja-forms-cont {
  padding-bottom: 1.25rem;
}

.ninja-forms-cont .ninja-forms-response-msg {
  margin: 0;
  font-weight: 700;
}

.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg {
  color: #cc0000;
}

.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg p {
  display: inline;
  padding-right: 0.3125rem;
}

.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-success-msg {
  color: #222;
  margin: 0 0 1.25rem;
}

.ninja-forms-cont .ninja-forms-field-error {
  color: #cc0000;
  font-size: 0.75rem;
}

.ninja-forms-cont .ninja-forms-field-error p {
  display: inline;
}

.ninja-forms-cont .ninja-forms-error input[type=text], .ninja-forms-cont .ninja-forms-error input[type=email], .ninja-forms-cont .ninja-forms-error textarea, .ninja-forms-cont .ninja-forms-error select {
  border-color: #cc0000 !important;
}

.ninja-forms-cont .ninja-forms-field-description {
  font-size: 0.75rem;
}

.ninja-forms-cont .ninja-forms-field-description p {
  margin: 0 0 0.3125rem;
  color: #888888;
}

.ninja-forms-cont .ninja-forms-required-items {
  display: block;
  margin: 0 0 0.3125rem 0;
  font-size: 0.75rem;
  color: #888888;
  font-style: italic;
}

.ninja-forms-cont .input-group {
  margin-top: 1em;
}

.ninja-forms-cont .field-wrap {
  margin-bottom: 0.5rem !important;
}

.ninja-forms-cont .field-wrap:last-child {
  margin-bottom: 0 !important;
}

/*=================================================================================
	DATEPICKER
=================================================================================*/
.ui-datepicker-header {
  background: #415968;
  color: #ffffff;
}

.ui-datepicker-calendar {
  border: 0.0625rem solid #415968;
}

a.ui-state-default {
  color: #415968;
  display: block;
  padding: 0.125rem;
}

a.ui-state-default:hover, a.ui-state-default:focus {
  background: #415968;
  color: #ffffff;
}

/*==============================================
	IMAGES
==============================================*/
img {
  max-width: 100%;
  height: auto;
}

.alignnone {
  margin: 0 0 1.25rem 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 0 auto 1.25rem;
}

.alignright {
  float: right;
  margin: 0 0 1.25rem 1.25rem;
}

.alignleft {
  float: left;
  margin: 0 1.25rem 1.25rem 0;
}

@media (max-width: 767px) {
  .alignright,
  .alignleft {
    float: none;
    display: block;
    margin: 0 auto;
  }
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

img[class*="size-"] {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) and (max-width: 599px) {
  img[class*="size-"] {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}

img.alignright {
  margin-left: 0 0 1.25rem 1.25rem;
}

img.alignleft {
  margin: 0 1.25rem 1.25rem 0;
}

img.aligncenter {
  display: block;
  margin: 0 auto 1.25rem;
}

img[class*="align"], img[class*="wp-image-"] {
  border: none;
}

img.wp-post-image {
  display: block;
  margin: 0 auto;
  margin-bottom: 1.875rem;
}

@media (max-width: 599px) {
  .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 599px) {
  .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}

.size-full {
  width: 100%;
  height: auto;
}

/*=================================================================================
	WP-CAPTION
=================================================================================*/
.wp-caption {
  margin-bottom: 1.25rem;
  max-width: 100%;
  text-align: left;
  position: relative;
}

@media (max-width: 599px) {
  .wp-caption {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}

.wp-caption img {
  display: block;
  margin: 0 auto;
}

@media (max-width: 599px) {
  .wp-caption img {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}

.wp-caption-text {
  font-size: 0.75rem;
  padding: 0.625rem 0.3125rem;
  opacity: 0.8;
}

/*=================================================================================
	PAGINATION
=================================================================================*/
main .pagination, main .woocommerce-pagination {
  box-sizing: border-box;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
  width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  margin: 1.25rem 0;
  padding: 0;
  display: block;
  /*=================================================================================
		SINGLE POSTS
	=================================================================================*/
}

main .pagination ul, main .woocommerce-pagination ul {
  list-style: none;
  display: block;
  margin: 0;
  text-align: center;
}

main .pagination ul li, main .woocommerce-pagination ul li {
  display: inline-block;
  text-align: center;
  margin-right: 1px;
}

main .pagination ul li .page-numbers:after, main .pagination ul li a:after, main .woocommerce-pagination ul li .page-numbers:after, main .woocommerce-pagination ul li a:after {
  border: 0;
}

main .pagination ul li .page-numbers:hover:after, main .pagination ul li .page-numbers:focus:after, main .pagination ul li .page-numbers.current:after, main .pagination ul li a:hover:after, main .pagination ul li a:focus:after, main .pagination ul li a.current:after, main .woocommerce-pagination ul li .page-numbers:hover:after, main .woocommerce-pagination ul li .page-numbers:focus:after, main .woocommerce-pagination ul li .page-numbers.current:after, main .woocommerce-pagination ul li a:hover:after, main .woocommerce-pagination ul li a:focus:after, main .woocommerce-pagination ul li a.current:after {
  border: 0;
}

main .pagination.single ul li, main .woocommerce-pagination.single ul li {
  display: inline-block;
  width: 50%;
  margin: 0;
  text-align: left;
}

main .pagination.single ul li a, main .woocommerce-pagination.single ul li a {
  display: inline-block;
}

main .pagination.single ul li a i, main .woocommerce-pagination.single ul li a i {
  margin: 0;
}

main .pagination.single ul li.newer, main .woocommerce-pagination.single ul li.newer {
  text-align: right;
}

section#styleguide {
  padding-top: calc(3.75vw + 8px);
  padding-bottom: calc(3.75vw + 8px);
}

@media (max-width: 320px) {
  section#styleguide {
    padding-top: 20px;
  }
}

@media (min-width: 1920px) {
  section#styleguide {
    padding-top: 80px;
  }
}

@media (max-width: 320px) {
  section#styleguide {
    padding-bottom: 20px;
  }
}

@media (min-width: 1920px) {
  section#styleguide {
    padding-bottom: 80px;
  }
}

section#styleguide .row {
  padding: 0 1.25rem 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #979797;
}

section#styleguide .row h3, section#styleguide .row #content address div.title, #content address section#styleguide .row div.title, section#styleguide .row aside ul li strong, aside ul li section#styleguide .row strong {
  display: block;
  margin-bottom: 1.25rem;
}

section#styleguide .row strong {
  font-weight: 700;
}

section#styleguide #fonts {
  list-style: none;
}

section#styleguide #fonts li {
  display: block;
}

section#styleguide #fonts li.heading:after {
  content: "Titillium Web";
  display: inline-block;
}

section#styleguide #fonts li.body:after {
  content: "Titillium Web";
  display: inline-block;
}

section#styleguide #colors {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

section#styleguide #colors li {
  padding: 2.5rem;
  text-transform: uppercase;
  text-align: center;
  color: white;
}

section#styleguide #colors li.primary {
  background-color: #415968;
}

section#styleguide #colors li.primary:after {
  content: "#415968";
  display: block;
}

section#styleguide #colors li.secondary {
  background-color: #222;
}

section#styleguide #colors li.secondary:after {
  content: "#222";
  display: block;
}

section#styleguide #colors li.accent {
  background-color: #415968;
}

section#styleguide #colors li.accent:after {
  content: "#415968";
  display: block;
}

section#styleguide #colors li.body {
  background-color: #555;
}

section#styleguide #colors li.body:after {
  content: "#555";
  display: block;
}

/*==============================================
	TABLES
==============================================*/
table {
  margin: 0 0 1.25rem 0;
  border-collapse: collapse;
  width: 100%;
  border: 0.0625rem solid #e1e1e1;
}

table th, table td {
  border: 0.0625rem solid #e1e1e1;
  padding: 0.625rem;
}

table tr th {
  background: #415968;
  color: #FFF;
  font-weight: 400;
  text-align: left;
}

table tr td p:last-child {
  margin-bottom: 0;
}

/*=================================================================================
	RESPONSIVE TABLES USING STACKTABLE.JS
=================================================================================*/
.stacktable {
  width: 100%;
}

.st-head-row {
  padding: 0.625rem;
}

.st-head-row.st-head-row-main {
  font-size: 1.5em;
}

.stacktable.large-only {
  display: table;
}

.stacktable.small-only {
  display: none;
}

@media (max-width: 767px) {
  .stacktable.large-only {
    display: none;
  }
  .stacktable.small-only {
    display: table;
  }
  .st-head-row-main,
  .st-key {
    display: none;
  }
}

/*=================================================================================
	RESPONSIVE TABLES USING FOUNDATION'S RESPONSIVE-TABLES.JS
=================================================================================*/
@media (max-width: 767px) {
  table.responsive {
    margin-bottom: 0;
  }
  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
  }
  .pinned table th, .pinned table td {
    white-space: nowrap;
  }
  .pinned td:last-child {
    border-bottom: 0;
  }
  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc;
  }
  div.table-wrapper div.scrollable {
    margin-left: 35%;
  }
  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
  }
  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
  }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none;
  }
}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}

#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 0.0625rem;
  text-align: center;
  display: inline-block;
  position: relative;
  top: -0.3125rem !important;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 0.0625rem;
  margin-right: -0.0625rem;
}

#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 71.25rem;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

#swipebox-slider .slide-loading {
  background: url(assets/img/lightbox/images/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar, #swipebox-top-bar {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 3.125rem;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: 50% !important;
  background: transparent;
}

#swipebox-top-bar {
  bottom: 0 !important;
  height: auto;
}

#swipebox-top-bar #swipebox-title {
  display: block !important;
  width: 100%;
  text-align: center;
  padding-top: 0.9375rem;
  margin: 0 auto;
  max-width: 80%;
  padding-bottom: 1.25rem;
}

#swipebox-prev, #swipebox-next, #swipebox-close {
  background-image: url(assets/img/lightbox/images/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto !important;
  width: 100%;
  height: 3.125rem;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled, #swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
          animation: rightSpring 0.3s;
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
          animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 1.25rem;
  opacity: 0;
}

.swipebox-touch #swipebox-container:before {
  left: 0;
  box-shadow: inset 10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-container:after {
  right: 0;
  box-shadow: inset -10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -1.875rem;
  }
  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -1.875rem;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 1.875rem;
  }
  100% {
    left: 0;
  }
}

@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 1.875rem;
  }
  100% {
    left: 0;
  }
}

@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 0.625rem;
  }
  #swipebox-arrows {
    width: 100%;
    padding: 0 1.25rem;
  }
}

#swipebox-overlay {
  background: rgba(0, 0, 0, 0.9);
}

#swipebox-bottom-bar, #swipebox-top-bar {
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}

#swipebox-top-bar {
  color: #ffffff !important;
  font-size: 0.8125rem;
  line-height: 1.15;
  font-family: Titillium Web, Arial, sans-serif;
  background: rgba(0, 0, 0, 0.9);
}

/*=================================================================================
	GALLERIES
=================================================================================*/
main .gallery, article .gallery, aside .gallery, section#gallery .gallery {
  line-height: 0;
}

main .gallery a, main .gallery a:hover, main .gallery a:focus, article .gallery a, article .gallery a:hover, article .gallery a:focus, aside .gallery a, aside .gallery a:hover, aside .gallery a:focus, section#gallery .gallery a, section#gallery .gallery a:hover, section#gallery .gallery a:focus {
  padding: 0;
  margin: 0;
  margin-bottom: 1.25rem;
  background: none;
}

main .gallery .gallery-item, article .gallery .gallery-item, aside .gallery .gallery-item, section#gallery .gallery .gallery-item {
  padding: 0.3125rem;
  float: none !important;
  display: inline-block !important;
  position: relative !important;
}

main .gallery .gallery-item img, article .gallery .gallery-item img, aside .gallery .gallery-item img, section#gallery .gallery .gallery-item img {
  display: block;
  border: none !important;
  width: 100%;
  height: auto;
}

main .gallery .gallery-item .gallery-caption, article .gallery .gallery-item .gallery-caption, aside .gallery .gallery-item .gallery-caption, section#gallery .gallery .gallery-item .gallery-caption {
  position: absolute !important;
  bottom: 0;
  text-align: center;
  line-height: 1.45;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.3125rem;
  font-size: 0.625rem;
  color: #ffffff;
  width: 100%;
  font-style: normal;
  opacity: 0;
  transition: 0.3s ease-in-out;
  pointer-events: none;
}

main .gallery .gallery-item:hover .gallery-caption, article .gallery .gallery-item:hover .gallery-caption, aside .gallery .gallery-item:hover .gallery-caption, section#gallery .gallery .gallery-item:hover .gallery-caption {
  opacity: 1;
  z-index: 1000;
}

main .gallery br, article .gallery br, aside .gallery br, section#gallery .gallery br {
  display: none !important;
}

main .gallery.gallery-columns-1 .gallery-item, main .gallery.gallery-columns-2 .gallery-item, main .gallery.gallery-columns-3 .gallery-item, article .gallery.gallery-columns-1 .gallery-item, article .gallery.gallery-columns-2 .gallery-item, article .gallery.gallery-columns-3 .gallery-item, aside .gallery.gallery-columns-1 .gallery-item, aside .gallery.gallery-columns-2 .gallery-item, aside .gallery.gallery-columns-3 .gallery-item, section#gallery .gallery.gallery-columns-1 .gallery-item, section#gallery .gallery.gallery-columns-2 .gallery-item, section#gallery .gallery.gallery-columns-3 .gallery-item {
  box-sizing: border-box;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
  width: 50%;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

main .gallery.gallery-columns-4 .gallery-item, article .gallery.gallery-columns-4 .gallery-item, aside .gallery.gallery-columns-4 .gallery-item, section#gallery .gallery.gallery-columns-4 .gallery-item {
  box-sizing: border-box;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
  width: 25%;
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
}

main .gallery.gallery-columns-5 .gallery-item, article .gallery.gallery-columns-5 .gallery-item, aside .gallery.gallery-columns-5 .gallery-item, section#gallery .gallery.gallery-columns-5 .gallery-item {
  width: 20%;
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
}

main .gallery.gallery-columns-6 .gallery-item, article .gallery.gallery-columns-6 .gallery-item, aside .gallery.gallery-columns-6 .gallery-item, section#gallery .gallery.gallery-columns-6 .gallery-item {
  width: 16.66%;
  -webkit-flex-basis: 16.66%;
      -ms-flex-preferred-size: 16.66%;
          flex-basis: 16.66%;
}

main .gallery.gallery-columns-7 .gallery-item, article .gallery.gallery-columns-7 .gallery-item, aside .gallery.gallery-columns-7 .gallery-item, section#gallery .gallery.gallery-columns-7 .gallery-item {
  width: 14.28%;
  -webkit-flex-basis: 14.28;
      -ms-flex-preferred-size: 14.28;
          flex-basis: 14.28;
}

main .gallery.gallery-columns-8 .gallery-item, article .gallery.gallery-columns-8 .gallery-item, aside .gallery.gallery-columns-8 .gallery-item, section#gallery .gallery.gallery-columns-8 .gallery-item {
  box-sizing: border-box;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
  width: 12.5%;
  -webkit-flex-basis: 12.5%;
      -ms-flex-preferred-size: 12.5%;
          flex-basis: 12.5%;
}

main .gallery.gallery-columns-9 .gallery-item, article .gallery.gallery-columns-9 .gallery-item, aside .gallery.gallery-columns-9 .gallery-item, section#gallery .gallery.gallery-columns-9 .gallery-item {
  width: 11.11%;
  -webkit-flex-basis: 11.11%;
      -ms-flex-preferred-size: 11.11%;
          flex-basis: 11.11%;
}

@media (min-width: 959px) {
  aside.gallery .gallery {
    padding-left: 2.5rem;
  }
  aside.gallery .gallery .gallery-item {
    box-sizing: border-box;
    -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
            flex: 0 auto;
    width: 50%;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
}

/* Layout */
/*=================================================================================
	HEADER
=================================================================================*/
header {
  position: relative;
  margin: 0;
  z-index: 100;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 959px) {
  header {
    height: 10.625rem;
    position: absolute;
    top: 0;
    left: 0;
  }
}

header .address.row > div {
  width: 100%;
}

header #logo {
  margin: 0 auto;
}

@media (min-width: 767px) {
  header #logo {
    margin-top: -2.5rem;
  }
}

@media (min-width: 959px) {
  header #logo {
    margin: 0;
    position: absolute;
    top: -60%;
    left: 0;
  }
}

header #logo a.logo {
  width: 100%;
  display: block;
  margin: 1.25rem auto;
}

@media (min-width: 959px) {
  header #logo a.logo {
    margin: 0 auto;
  }
}

header #logo a.logo svg {
  max-width: 13.75rem;
  max-height: 11.5625rem;
  display: block;
  margin: 0 auto;
}

/*=================================================================================
	SIDEBARS
=================================================================================*/
aside ul {
  margin-bottom: 1.25rem;
  list-style: none;
}

aside ul li strong {
  display: block;
  margin-bottom: 0.625rem;
}

aside ul li span {
  transition: none;
}

aside ul li a {
  border: none;
  display: block;
  padding: 0.625rem;
  background: #EDEDED;
  margin-bottom: 0.625rem;
  border: 0;
}

aside ul li a:after {
  border: 0;
}

aside ul li a:hover, aside ul li a:focus {
  border: 0;
  background: #DDD;
}

aside ul li a:hover:after, aside ul li a:focus:after {
  border: 0;
}

/*==============================================
	EXCERPTS
	Used by parts/excerpt, which is used by parts/children, post archives (e.g. index.php), and search results.
	Formerly known as "Posts & Children". 
==============================================*/
.excerpt {
  clear: both;
  padding: 1.25rem 0 0;
  margin: 1.25rem 0 0;
  border-top: 0.0625rem solid #e1e1e1;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

@media (min-width: 767px) {
  .excerpt .image {
    padding-right: 1.25rem;
    box-sizing: border-box;
    -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
            flex: 0 auto;
    width: 25%;
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
  }
}

.excerpt .image img {
  display: block;
  margin: 0 auto 0.625rem;
  width: 100%;
  height: auto;
}

@media (min-width: 767px) {
  .excerpt .image img {
    margin: 0;
  }
}

.excerpt .image a, .excerpt .image a:hover, .excerpt .image a:focus {
  border: none;
  padding: 0;
  margin: 0;
}

.excerpt .description {
  box-sizing: border-box;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
  width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

@media (min-width: 767px) {
  .excerpt .description.has-image {
    box-sizing: border-box;
    -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
            flex: 0 auto;
    width: 75%;
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
  }
}

.excerpt .description .inner {
  box-sizing: border-box;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
  width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.excerpt .description h3.title, .excerpt .description #content address div.title, #content address .excerpt .description div.title, .excerpt .description aside ul li strong.title, aside ul li .excerpt .description strong.title {
  background: none;
  padding: 0;
  margin: 0 0 0.3125rem;
}

.excerpt .description h3.title a, .excerpt .description #content address div.title a, #content address .excerpt .description div.title a, .excerpt .description aside ul li strong.title a, aside ul li .excerpt .description strong.title a {
  text-decoration: none;
  padding: 0;
  margin: 0;
  border: 0 !important;
  color: #555;
}

.excerpt .description h3.title a:hover, .excerpt .description #content address div.title a:hover, #content address .excerpt .description div.title a:hover, .excerpt .description aside ul li strong.title a:hover, aside ul li .excerpt .description strong.title a:hover, .excerpt .description h3.title a:focus, .excerpt .description #content address div.title a:focus, #content address .excerpt .description div.title a:focus, .excerpt .description aside ul li strong.title a:focus, aside ul li .excerpt .description strong.title a:focus {
  background: none;
  color: #555;
  border: 0 !important;
}

/*=================================================================================
	FOOTER
=================================================================================*/
#footer {
  background: #222;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

#footer .row {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

#footer ul {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0;
  margin: 0;
}

@media (max-width: 767px) {
  #footer ul {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
}

#footer ul li {
  display: inline-block;
  list-style: none;
  padding-right: 0.625rem;
  font-size: 0.875rem;
}

@media (min-width: 767px) {
  #footer ul li:last-child {
    padding-right: 0;
  }
}

#footer ul li a {
  border: 0;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  display: inline;
}

#footer ul li a:hover, #footer ul li a:focus {
  color: white;
}

#footer ul li.goop svg {
  margin-left: 0.3125rem;
  vertical-align: top;
  transition: none;
  width: 2.1875rem;
  height: 1.125rem;
  transition: opacity 0.3s ease-in-out;
  opacity: 0.7;
}

#footer ul li.goop svg path {
  fill: white;
}

#footer ul li.goop:hover svg, #footer ul li.goop:focus svg {
  opacity: 1;
}

#footer ul:last-of-type {
  text-align: right;
}

@media (max-width: 767px) {
  #footer ul:last-of-type {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
}

#footer ul:last-of-type li:last-child {
  padding-right: 0;
}

/*End footer */
@media (min-width: 959px) {
  #page-home #content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

#page-home .main.row {
  width: 100%;
}

@media (min-width: 959px) {
  #page-home .main.row {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}

#page-home .blocks.row {
  width: 100%;
}

@media (min-width: 767px) and (max-width: 959px) {
  #page-home .blocks.row .block:first-of-type, #page-home .blocks.row .block:nth-of-type(2) {
    box-sizing: border-box;
    -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
            flex: 0 auto;
    width: 50%;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
}

#page-home .blocks.row .block .inner-wrap {
  padding: 0.625rem;
  height: 100%;
}

#page-home .blocks.row .block .inner-wrap .inner {
  padding: 1.25rem;
  border: 1px solid #415968;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: white;
}

#page-home .blocks.row .block .inner-wrap .inner h2, #page-home .blocks.row .block .inner-wrap .inner ul, #page-home .blocks.row .block .inner-wrap .inner p {
  box-sizing: border-box;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
  width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

#page-home .blocks.row .block .inner-wrap .inner h2 {
  text-transform: uppercase;
  padding-bottom: 0.625rem;
  border-bottom: 0.3125rem solid rgba(65, 89, 104, 0.8);
}

#page-home .blocks.row .block .inner-wrap .inner ul {
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

#page-home .blocks.row .block .inner-wrap .inner .btn, #page-home .blocks.row .block .inner-wrap .inner input[type=submit], #page-home .blocks.row .block .inner-wrap .inner input[type=button], #page-home .blocks.row .block .inner-wrap .inner button, #page-home .blocks.row .block .inner-wrap .inner .btn-primary, #page-home .blocks.row .block .inner-wrap .inner .btn-secondary, #page-home .blocks.row .block .inner-wrap .inner main .pagination ul li .page-numbers, main .pagination ul li #page-home .blocks.row .block .inner-wrap .inner .page-numbers, #page-home .blocks.row .block .inner-wrap .inner main .pagination ul li a, main .pagination ul li #page-home .blocks.row .block .inner-wrap .inner a, #page-home .blocks.row .block .inner-wrap .inner main .woocommerce-pagination ul li .page-numbers, main .woocommerce-pagination ul li #page-home .blocks.row .block .inner-wrap .inner .page-numbers, #page-home .blocks.row .block .inner-wrap .inner main .woocommerce-pagination ul li a, main .woocommerce-pagination ul li #page-home .blocks.row .block .inner-wrap .inner a, #page-home .blocks.row .block .inner-wrap .inner .btn-accent, #page-home .blocks.row .block .inner-wrap .inner #mc_embed_signup form #mc-embedded-subscribe, #mc_embed_signup form #page-home .blocks.row .block .inner-wrap .inner #mc-embedded-subscribe {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

/* Features */
/*=================================================================================
	OWL CAROUSEL
=================================================================================*/
/* 

/* Tweaks to normal gallery styling if you are using a carousel for a gallery.
	The carousel gets its column count from the carousel setting in main.js,
	not from the number of columns set inside WordPress.
	You will probably need to wrap this in the relevant element and may need to !important some stuff to overcome specificity issues.


.gallery {
	padding: 0 $gutter*1.5;
	margin: 0;

	@include breakpoint(">768px") {
		padding: 0 $gutter;
	}
	@include breakpoint(">1024px") {
		padding: 0;
	}
}
.gallery-item {
	width: 100%! important;
	margin: 0 !important;
	padding: 0 $gutter/2 !important;
}
*/
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

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

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

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

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

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

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*=================================================================================
	SLIDESHOW
=================================================================================*/
#slider {
  padding: 0;
  position: relative;
  z-index: 0;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 959px) {
  #slider {
    padding-top: 5.3125rem;
    margin-bottom: -6.25rem;
  }
}

@media (min-width: 1199px) {
  #slider {
    margin-bottom: -10rem;
  }
}

@media (min-width: 1439px) {
  #slider {
    margin-bottom: -12.5rem;
  }
}

@media (min-width: 959px) {
  #slider .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 85px;
    z-index: 100;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#slider .inner .container {
  padding: 1.25rem;
  padding-bottom: 0;
}

@media (min-width: 1199px) {
  #slider .inner .container {
    padding-bottom: 2.5rem;
  }
}

#slider .inner .wrap {
  padding: 1.25rem;
  background: #415968;
  border: 1px solid white;
}

@media (min-width: 959px) {
  #slider .inner .wrap {
    width: 62.5%;
  }
}

@media (min-width: 1199px) {
  #slider .inner .wrap {
    width: 50%;
  }
}

#slider .inner .title,
#slider .inner p {
  color: white;
}

#slider .inner .title {
  text-transform: uppercase;
}

#slider .inner .btn.btn-accent, #slider .inner input.btn-accent[type=submit], #slider .inner input.btn-accent[type=button], #slider .inner button.btn-accent, #slider .inner .btn-accent.btn-primary, #slider .inner .btn-accent.btn-secondary, #slider .inner main .pagination ul li .btn-accent.page-numbers, main .pagination ul li #slider .inner .btn-accent.page-numbers, #slider .inner main .pagination ul li .page-numbers:hover, main .pagination ul li #slider .inner .page-numbers:hover, #slider .inner main .pagination ul li .page-numbers:focus, main .pagination ul li #slider .inner .page-numbers:focus, #slider .inner main .pagination ul li .page-numbers.current, main .pagination ul li #slider .inner .page-numbers.current, #slider .inner main .pagination ul li a.btn-accent, main .pagination ul li #slider .inner a.btn-accent, #slider .inner main .pagination ul li a:hover, main .pagination ul li #slider .inner a:hover, #slider .inner main .pagination ul li a:focus, main .pagination ul li #slider .inner a:focus, #slider .inner main .pagination ul li a.current, main .pagination ul li #slider .inner a.current, #slider .inner main .woocommerce-pagination ul li .btn-accent.page-numbers, main .woocommerce-pagination ul li #slider .inner .btn-accent.page-numbers, #slider .inner main .woocommerce-pagination ul li .page-numbers:hover, main .woocommerce-pagination ul li #slider .inner .page-numbers:hover, #slider .inner main .woocommerce-pagination ul li .page-numbers:focus, main .woocommerce-pagination ul li #slider .inner .page-numbers:focus, #slider .inner main .woocommerce-pagination ul li .page-numbers.current, main .woocommerce-pagination ul li #slider .inner .page-numbers.current, #slider .inner main .woocommerce-pagination ul li a.btn-accent, main .woocommerce-pagination ul li #slider .inner a.btn-accent, #slider .inner main .woocommerce-pagination ul li a:hover, main .woocommerce-pagination ul li #slider .inner a:hover, #slider .inner main .woocommerce-pagination ul li a:focus, main .woocommerce-pagination ul li #slider .inner a:focus, #slider .inner main .woocommerce-pagination ul li a.current, main .woocommerce-pagination ul li #slider .inner a.current, #slider .inner .btn-accent, #slider .inner main .pagination ul li #mc_embed_signup form .page-numbers#mc-embedded-subscribe:hover, main .pagination ul li #mc_embed_signup form #slider .inner .page-numbers#mc-embedded-subscribe:hover, #slider .inner #mc_embed_signup form main .pagination ul li .page-numbers#mc-embedded-subscribe:hover, #mc_embed_signup form main .pagination ul li #slider .inner .page-numbers#mc-embedded-subscribe:hover, #slider .inner main .pagination ul li #mc_embed_signup form .page-numbers#mc-embedded-subscribe:focus, main .pagination ul li #mc_embed_signup form #slider .inner .page-numbers#mc-embedded-subscribe:focus, #slider .inner #mc_embed_signup form main .pagination ul li .page-numbers#mc-embedded-subscribe:focus, #mc_embed_signup form main .pagination ul li #slider .inner .page-numbers#mc-embedded-subscribe:focus, #slider .inner main .pagination ul li #mc_embed_signup form .page-numbers.current#mc-embedded-subscribe, main .pagination ul li #mc_embed_signup form #slider .inner .page-numbers.current#mc-embedded-subscribe, #slider .inner #mc_embed_signup form main .pagination ul li .page-numbers.current#mc-embedded-subscribe, #mc_embed_signup form main .pagination ul li #slider .inner .page-numbers.current#mc-embedded-subscribe, #slider .inner main .pagination ul li #mc_embed_signup form a#mc-embedded-subscribe:hover, main .pagination ul li #mc_embed_signup form #slider .inner a#mc-embedded-subscribe:hover, #slider .inner #mc_embed_signup form main .pagination ul li a#mc-embedded-subscribe:hover, #mc_embed_signup form main .pagination ul li #slider .inner a#mc-embedded-subscribe:hover, #slider .inner main .pagination ul li #mc_embed_signup form a#mc-embedded-subscribe:focus, main .pagination ul li #mc_embed_signup form #slider .inner a#mc-embedded-subscribe:focus, #slider .inner #mc_embed_signup form main .pagination ul li a#mc-embedded-subscribe:focus, #mc_embed_signup form main .pagination ul li #slider .inner a#mc-embedded-subscribe:focus, #slider .inner main .pagination ul li #mc_embed_signup form a.current#mc-embedded-subscribe, main .pagination ul li #mc_embed_signup form #slider .inner a.current#mc-embedded-subscribe, #slider .inner #mc_embed_signup form main .pagination ul li a.current#mc-embedded-subscribe, #mc_embed_signup form main .pagination ul li #slider .inner a.current#mc-embedded-subscribe, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form .page-numbers#mc-embedded-subscribe:hover, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner .page-numbers#mc-embedded-subscribe:hover, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li .page-numbers#mc-embedded-subscribe:hover, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner .page-numbers#mc-embedded-subscribe:hover, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form .page-numbers#mc-embedded-subscribe:focus, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner .page-numbers#mc-embedded-subscribe:focus, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li .page-numbers#mc-embedded-subscribe:focus, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner .page-numbers#mc-embedded-subscribe:focus, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form .page-numbers.current#mc-embedded-subscribe, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner .page-numbers.current#mc-embedded-subscribe, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li .page-numbers.current#mc-embedded-subscribe, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner .page-numbers.current#mc-embedded-subscribe, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form a#mc-embedded-subscribe:hover, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner a#mc-embedded-subscribe:hover, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li a#mc-embedded-subscribe:hover, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner a#mc-embedded-subscribe:hover, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form a#mc-embedded-subscribe:focus, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner a#mc-embedded-subscribe:focus, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li a#mc-embedded-subscribe:focus, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner a#mc-embedded-subscribe:focus, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form a.current#mc-embedded-subscribe, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner a.current#mc-embedded-subscribe, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li a.current#mc-embedded-subscribe, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner a.current#mc-embedded-subscribe, #slider .inner #mc_embed_signup form .btn-accent#mc-embedded-subscribe, #mc_embed_signup form #slider .inner .btn-accent#mc-embedded-subscribe {
  border: 1px solid white;
}

#slider .inner .btn.btn-accent:hover, #slider .inner input.btn-accent[type=submit]:hover, #slider .inner input.btn-accent[type=button]:hover, #slider .inner button.btn-accent:hover, #slider .inner .btn-accent.btn-primary:hover, #slider .inner main .pagination ul li a.btn-primary:hover, main .pagination ul li #slider .inner a.btn-primary:hover, #slider .inner main .woocommerce-pagination ul li a.btn-primary:hover, main .woocommerce-pagination ul li #slider .inner a.btn-primary:hover, #slider .inner .btn-accent.btn-secondary:hover, #slider .inner main .pagination ul li .page-numbers:hover, main .pagination ul li #slider .inner .page-numbers:hover, #slider .inner main .pagination ul li a:hover, main .pagination ul li #slider .inner a:hover, #slider .inner main .woocommerce-pagination ul li .page-numbers:hover, main .woocommerce-pagination ul li #slider .inner .page-numbers:hover, #slider .inner main .woocommerce-pagination ul li a:hover, main .woocommerce-pagination ul li #slider .inner a:hover, #slider .inner .btn-accent:hover, #slider .inner main .pagination ul li #mc_embed_signup form .page-numbers#mc-embedded-subscribe:hover, main .pagination ul li #mc_embed_signup form #slider .inner .page-numbers#mc-embedded-subscribe:hover, #slider .inner #mc_embed_signup form main .pagination ul li .page-numbers#mc-embedded-subscribe:hover, #mc_embed_signup form main .pagination ul li #slider .inner .page-numbers#mc-embedded-subscribe:hover, #slider .inner main .pagination ul li #mc_embed_signup form a#mc-embedded-subscribe:hover, main .pagination ul li #mc_embed_signup form #slider .inner a#mc-embedded-subscribe:hover, #slider .inner #mc_embed_signup form main .pagination ul li a#mc-embedded-subscribe:hover, #mc_embed_signup form main .pagination ul li #slider .inner a#mc-embedded-subscribe:hover, #slider .inner main .pagination ul li a:hover:focus, main .pagination ul li #slider .inner a:hover:focus, #slider .inner main .pagination ul li a.current:hover, main .pagination ul li #slider .inner a.current:hover, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form .page-numbers#mc-embedded-subscribe:hover, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner .page-numbers#mc-embedded-subscribe:hover, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li .page-numbers#mc-embedded-subscribe:hover, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner .page-numbers#mc-embedded-subscribe:hover, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form a#mc-embedded-subscribe:hover, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner a#mc-embedded-subscribe:hover, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li a#mc-embedded-subscribe:hover, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner a#mc-embedded-subscribe:hover, #slider .inner main .woocommerce-pagination ul li a:hover:focus, main .woocommerce-pagination ul li #slider .inner a:hover:focus, #slider .inner main .woocommerce-pagination ul li a.current:hover, main .woocommerce-pagination ul li #slider .inner a.current:hover, #slider .inner #mc_embed_signup form .btn-accent#mc-embedded-subscribe:hover, #mc_embed_signup form #slider .inner .btn-accent#mc-embedded-subscribe:hover, #slider .inner .btn.btn-accent:focus, #slider .inner input.btn-accent[type=submit]:focus, #slider .inner input.btn-accent[type=button]:focus, #slider .inner button.btn-accent:focus, #slider .inner .btn-accent.btn-primary:focus, #slider .inner main .pagination ul li a.btn-primary:focus, main .pagination ul li #slider .inner a.btn-primary:focus, #slider .inner main .woocommerce-pagination ul li a.btn-primary:focus, main .woocommerce-pagination ul li #slider .inner a.btn-primary:focus, #slider .inner .btn-accent.btn-secondary:focus, #slider .inner main .pagination ul li .page-numbers:focus, main .pagination ul li #slider .inner .page-numbers:focus, #slider .inner main .pagination ul li a:focus, main .pagination ul li #slider .inner a:focus, #slider .inner main .woocommerce-pagination ul li .page-numbers:focus, main .woocommerce-pagination ul li #slider .inner .page-numbers:focus, #slider .inner main .woocommerce-pagination ul li a:focus, main .woocommerce-pagination ul li #slider .inner a:focus, #slider .inner .btn-accent:focus, #slider .inner main .pagination ul li #mc_embed_signup form .page-numbers#mc-embedded-subscribe:focus, main .pagination ul li #mc_embed_signup form #slider .inner .page-numbers#mc-embedded-subscribe:focus, #slider .inner #mc_embed_signup form main .pagination ul li .page-numbers#mc-embedded-subscribe:focus, #mc_embed_signup form main .pagination ul li #slider .inner .page-numbers#mc-embedded-subscribe:focus, #slider .inner main .pagination ul li a:focus:hover, main .pagination ul li #slider .inner a:focus:hover, #slider .inner main .pagination ul li #mc_embed_signup form a#mc-embedded-subscribe:focus, main .pagination ul li #mc_embed_signup form #slider .inner a#mc-embedded-subscribe:focus, #slider .inner #mc_embed_signup form main .pagination ul li a#mc-embedded-subscribe:focus, #mc_embed_signup form main .pagination ul li #slider .inner a#mc-embedded-subscribe:focus, #slider .inner main .pagination ul li a.current:focus, main .pagination ul li #slider .inner a.current:focus, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form .page-numbers#mc-embedded-subscribe:focus, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner .page-numbers#mc-embedded-subscribe:focus, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li .page-numbers#mc-embedded-subscribe:focus, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner .page-numbers#mc-embedded-subscribe:focus, #slider .inner main .woocommerce-pagination ul li a:focus:hover, main .woocommerce-pagination ul li #slider .inner a:focus:hover, #slider .inner main .woocommerce-pagination ul li #mc_embed_signup form a#mc-embedded-subscribe:focus, main .woocommerce-pagination ul li #mc_embed_signup form #slider .inner a#mc-embedded-subscribe:focus, #slider .inner #mc_embed_signup form main .woocommerce-pagination ul li a#mc-embedded-subscribe:focus, #mc_embed_signup form main .woocommerce-pagination ul li #slider .inner a#mc-embedded-subscribe:focus, #slider .inner main .woocommerce-pagination ul li a.current:focus, main .woocommerce-pagination ul li #slider .inner a.current:focus, #slider .inner #mc_embed_signup form .btn-accent#mc-embedded-subscribe:focus, #mc_embed_signup form #slider .inner .btn-accent#mc-embedded-subscribe:focus {
  border: 1px solid white;
}

#slider .owl-item {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block;
}

#slider .owl-item img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: none;
  transition: none;
}

#slider .owl-controls .owl-pagination {
  position: absolute;
  right: 0;
  bottom: 0.625rem;
  left: 0;
  text-align: center;
}

#slider .owl-controls .owl-pagination .owl-page {
  display: inline-block;
}

#slider .owl-controls .owl-pagination .owl-page span {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
  width: calc(0.25vw + 11.2px);
  height: calc(0.25vw + 11.2px);
  margin: 0 0.125rem;
  border-radius: 100%;
}

@media (max-width: 320px) {
  #slider .owl-controls .owl-pagination .owl-page span {
    width: 12px;
  }
}

@media (min-width: 1920px) {
  #slider .owl-controls .owl-pagination .owl-page span {
    width: 16px;
  }
}

@media (max-width: 320px) {
  #slider .owl-controls .owl-pagination .owl-page span {
    height: 12px;
  }
}

@media (min-width: 1920px) {
  #slider .owl-controls .owl-pagination .owl-page span {
    height: 16px;
  }
}

#slider .owl-controls .owl-pagination .owl-page.active span {
  background: white;
}

#slider .owl-controls .owl-buttons .owl-prev, #slider .owl-controls .owl-buttons .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

#slider .owl-controls .owl-buttons .owl-prev:before, #slider .owl-controls .owl-buttons .owl-prev:after, #slider .owl-controls .owl-buttons .owl-next:before, #slider .owl-controls .owl-buttons .owl-next:after {
  font-size: calc(1.875vw + 14px);
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
}

@media (max-width: 320px) {
  #slider .owl-controls .owl-buttons .owl-prev:before, #slider .owl-controls .owl-buttons .owl-prev:after, #slider .owl-controls .owl-buttons .owl-next:before, #slider .owl-controls .owl-buttons .owl-next:after {
    font-size: 20px;
  }
}

@media (min-width: 1920px) {
  #slider .owl-controls .owl-buttons .owl-prev:before, #slider .owl-controls .owl-buttons .owl-prev:after, #slider .owl-controls .owl-buttons .owl-next:before, #slider .owl-controls .owl-buttons .owl-next:after {
    font-size: 50px;
  }
}

#slider .owl-controls .owl-buttons .owl-prev:hover:before, #slider .owl-controls .owl-buttons .owl-prev:hover:after, #slider .owl-controls .owl-buttons .owl-prev:focus:before, #slider .owl-controls .owl-buttons .owl-prev:focus:after, #slider .owl-controls .owl-buttons .owl-next:hover:before, #slider .owl-controls .owl-buttons .owl-next:hover:after, #slider .owl-controls .owl-buttons .owl-next:focus:before, #slider .owl-controls .owl-buttons .owl-next:focus:after {
  color: white;
}

#slider .owl-controls .owl-buttons .owl-prev {
  left: 1.25rem;
}

#slider .owl-controls .owl-buttons .owl-prev:before {
  font-family: 'FontAwesome';
  content: "";
}

#slider .owl-controls .owl-buttons .owl-next {
  right: 1.25rem;
}

#slider .owl-controls .owl-buttons .owl-next:after {
  font-family: 'FontAwesome';
  content: "";
}

@media (min-width: 959px) {
  #banner {
    padding-top: 5.3125rem;
    margin-bottom: -12.5rem;
  }
}

#banner img {
  display: block;
  margin: 0 auto;
}

/*=================================================================================
	MAILCHIMP
=================================================================================*/
#mc_embed_signup {
  padding-top: 1.25rem;
  height: 100%;
}

@media (min-width: 959px) {
  #mc_embed_signup {
    padding-top: 0;
    padding-left: 1.25rem;
  }
}

#mc_embed_signup form {
  position: relative;
  background: #415968;
  border: 1px solid white;
  padding: 1.25rem;
  height: 100%;
}

#mc_embed_signup form * {
  color: white;
}

#mc_embed_signup form input {
  background: transparent;
  margin-top: 0.625rem;
}

#mc_embed_signup form .indicates-required {
  font-size: 0;
  color: white;
}

#mc_embed_signup form .indicates-required span {
  font-size: 0;
  color: white;
}

#mc_embed_signup form .indicates-required:before {
  content: "Fields marked with a * are required";
  margin: 0 0 0.3125rem 0;
  font-size: 0.75rem;
  color: white;
  font-style: italic;
}

#mc_embed_signup form .mc-field-group label {
  display: none;
}

#mc_embed_signup form .mc-field-group div.mce_inline_error {
  font-size: 0.75rem !important;
  font-weight: 400;
  background: #ff3333 !important;
  border: 0.0625rem solid #cc0000 !important;
  margin: 0;
  max-width: 21.875rem;
}

#mc_embed_signup form #mce-responses > div {
  padding: 0.625rem;
  margin-top: 0;
  font-size: 0.75rem;
  color: #ffffff;
  max-width: 21.875rem;
}

#mc_embed_signup form #mce-responses > div a {
  color: inherit;
}

#mc_embed_signup form #mce-responses > div#mce-error-response {
  background: #ff3333;
  border: 0.0625rem solid #cc0000;
}

#mc_embed_signup form #mce-responses > div#mce-success-response {
  background: #87ae5d;
  border: 0.0625rem solid #546e37;
}

#mc_embed_signup form #mc-embedded-subscribe {
  margin-top: 0.625rem;
  border: 1px solid white;
}

#mc_embed_signup form #mc-embedded-subscribe:hover, #mc_embed_signup form #mc-embedded-subscribe:focus {
  border: 1px solid white;
}

/* Misc */
/*=================================================================================
	BASICS
=================================================================================*/
html, body {
  display: block !important;
  /* overrides the inline display:none on our body (thanks, Google PageInsights) */
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.45;
  font-size: 1rem;
  color: #555;
  font-family: Titillium Web, Arial, sans-serif;
  font-weight: 400;
  background: #222;
}

html #cobdentoolsandtrailers, body #cobdentoolsandtrailers {
  background: whitesmoke;
  /* fill the body background with the same color as the footer to fill short pages, then make this the main background color */
}

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

a, img, span {
  transition: all 0.3s ease-in-out;
}

/*=================================================================================
	ARTICLES & MAIN CONTENT
=================================================================================*/
#content {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

#content .row.main {
  padding: 0.625rem;
  margin-top: 0.625rem;
}

#content .row.main main {
  padding: 1.25rem;
  background: white;
  border: 1px solid #415968;
}

body:not(#page-home) #content {
  background: white;
  border-top: 1px solid #415968;
  margin-bottom: 1.25rem;
}

@media (min-width: 767px) {
  .blog main .inner, .archive main .inner, .single main .inner {
    padding-right: 2.5rem;
  }
}

article, main {
  position: relative;
  /*==============================================
		EXTRAS
	==============================================*/
}

article > h2:first-child,
article > h3:first-child, #content address
article > div.title:first-child, aside ul li
article > strong:first-child, main > h2:first-child,
main > h3:first-child, #content address
main > div.title:first-child, aside ul li
main > strong:first-child {
  margin-top: 0;
}

article hr, main hr {
  border-color: #e1e1e1;
  height: 0.0625rem;
}

article .columns.eight, main .columns.eight {
  padding-bottom: 1.25rem;
}

@media (min-width: 767px) {
  article .columns.eight:last-child .inner, main .columns.eight:last-child .inner {
    padding-left: 1.25rem;
  }
}

@media (min-width: 959px) {
  article .columns.eight:last-child .inner, main .columns.eight:last-child .inner {
    padding-left: 2.5rem;
  }
}

article .type-post.list:first-of-type, .single article .type-post:first-of-type, main .type-post.list:first-of-type, .single main .type-post:first-of-type {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

article .list.hentry p, main .list.hentry p {
  display: inline;
}

/* Overrides */
/*=================================================================================
	IE
=================================================================================*/
.lt-ie9 html, .lt-ie9 body {
  font-size: 100%;
}

/*=================================================================================
	BROWSER WARNING
=================================================================================*/
#browser {
  text-align: center;
  padding: 0;
  background: #ffffcc;
  margin: 0;
  font-size: 70%;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  font-family: Titillium Web, Arial, sans-serif;
  z-index: 10000;
  position: relative;
}

#browser span {
  display: block;
  width: 960px;
  margin: 0 auto;
  padding: 3px;
  color: #666666;
}

#browser span a {
  color: #000;
  text-decoration: none;
}

#browser span a:hover,
#browser span a:focus {
  background: none;
  color: #000;
  text-decoration: underline;
}

/*# sourceMappingURL=style.css.map */