/*!
Theme Name: Solo by Gecko
Theme URI: http://solo.gecko.media/
Author: Dan Davies
Author URI: https://www.dansiop.com
Description: Solo Theme by Gecko.
Version: 2.4.8
Tested up to: 6.0.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: solo_gecko
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*
@import 'vendors/bootstrap';
*/
/*
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fluid layout with one sidebars right of content
*/
#container {
  float: left;
  margin: 0;
  width: 100%;
}

#content {
  margin: 0;
}

#primary, #secondary {
  float: right;
  overflow: hidden;
  width: 180px;
}

#secondary {
  clear: right;
}

#footer {
  clear: both;
  width: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

* {
  -webkit-font-smoothing: antialiased;
}

body {
  margin: 0;
  font-family: "Exo 2", sans-serif;
  color: #4d4d4d;
  font-weight: 300;
  -webkit-text-size-adjust: none;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color: #4d4d4c;
}

a img {
  border: none;
}

code {
  font-family: "Exo 2", sans-serif;
  color: #4d4d4d;
  font-weight: 300;
  font-size: 16px;
}

option {
  font: -moz-pull-down-menu;
}

.wrapper {
  width: 100%;
  max-width: 68.75rem;
  margin: 0 auto;
  padding: 0 1.875rem;
  position: relative;
}

.divider {
  background: #4d4d4d;
  width: 100%;
  height: 0.625rem;
  float: left;
}

span.link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  cursor: pointer !important;
}

.mobile {
  display: none;
}

@media only screen and (min-width: 621px) and (max-width: 1160px) {
  html {
    font-size: 1.3793103448vw !important;
  }
  body {
    font-size: 1.3793103448vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 620px) {
  html {
    font-size: 4vw !important;
  }
  body {
    font-size: 4vw;
  }
  .wrapper {
    max-width: 90%;
    padding: 0 5%;
  }
  .mobile {
    display: block;
  }
  .desktop {
    display: none;
  }
}
/* -------------------------------------------------------------- 
Rebuild the default browser styles
Based on work by Blueprint CSS   
http://code.google.com/p/blueprintcss/
-------------------------------------------------------------- */
body {
  background: #fff;
}

body, input, textarea {
  color: #111;
  font: 12px Arial, sans-serif;
  line-height: 1.5;
}

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  clear: both;
}

hr {
  background-color: #999;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/* Text elements
-------------------------------------------------------------- */
p {
  margin-bottom: 1.5em;
}

ul {
  margin: 0 0 1.5em 2.5em;
}

ol {
  margin: 0 0 1.5em 2.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 1.5em;
}

strong {
  font-weight: bold;
}

cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 3em;
}

blockquote em, blockquote i, blockquote cite {
  font-style: normal;
}

pre {
  font: 11px Monaco, monospace;
  line-height: 1.5;
  margin-bottom: 1.5em;
}

code {
  font: 11px Monaco, monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

ins {
  text-decoration: none;
}

sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

/*

Adapt the following for use in your Child Themes when using 
different font-sizes and line-heights

body, input, textarea {
    font: --px Arial,sans-serif;
    line-height:--;
}

p, ul, ol, dd, pre {
margin-bottom:--em;
}

pre, code {
    font:--px Monaco, monospace;
    line-height:--;
}

All other styles can be overridden--or ignored!--in Child Theme stylesheets
*/
/* -------------------------------------------------------------- 
Basic WordPress Blog Styles   
-------------------------------------------------------------- */
/* Images
-------------------------------------------------------------- */
.entry-content img {
  margin: 0 0 1.5em 0;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  text-align: center;
  margin-bottom: 1.5em;
}

.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
}

.wp-caption p.wp-caption-text {
  margin: 0;
}

.wp-smiley {
  max-height: 1em;
  margin: 0 !important;
}

.gallery dl {
  margin: 0;
}

.gallery-caption {
  margin: -1.5em 0 0 0;
}

/* Pullquotes
-------------------------------------------------------------- */
blockquote.left {
  float: left;
  margin-left: 0;
  margin-right: 20px;
  text-align: right;
  width: 33%;
}

blockquote.right {
  float: right;
  margin-left: 20px;
  margin-right: 0;
  text-align: left;
  width: 33%;
}

body {
  font-family: "Exo 2", sans-serif;
  color: #4d4d4d;
  font-weight: 300;
  -webkit-text-size-adjust: none;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
}

#wrapper {
  overflow: hidden;
}

@media only screen and (min-width: 621px) and (max-width: 1160px) {
  body {
    font-size: 1.3793103448vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 620px) {
  body {
    font-size: 4vw;
  }
}
@font-face {
  font-family: "gotham_blackregular";
  src: url("fonts/gotham-black-webfont.eot");
  src: url("fonts/gotham-black-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-black-webfont.woff2") format("woff2"), url("fonts/gotham-black-webfont.woff") format("woff"), url("fonts/gotham-black-webfont.ttf") format("truetype"), url("fonts/gotham-black-webfont.svg#gotham_blackregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_blackitalic";
  src: url("fonts/gotham-blackitalic-webfont.eot");
  src: url("fonts/gotham-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-blackitalic-webfont.woff2") format("woff2"), url("fonts/gotham-blackitalic-webfont.woff") format("woff"), url("fonts/gotham-blackitalic-webfont.ttf") format("truetype"), url("fonts/gotham-blackitalic-webfont.svg#gotham_blackitalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_boldregular";
  src: url("fonts/gotham-bold-webfont.eot");
  src: url("fonts/gotham-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-bold-webfont.woff2") format("woff2"), url("fonts/gotham-bold-webfont.woff") format("woff"), url("fonts/gotham-bold-webfont.ttf") format("truetype"), url("fonts/gotham-bold-webfont.svg#gotham_boldregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_bolditalic";
  src: url("fonts/gotham-bolditalic-webfont.eot");
  src: url("fonts/gotham-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-bolditalic-webfont.woff2") format("woff2"), url("fonts/gotham-bolditalic-webfont.woff") format("woff"), url("fonts/gotham-bolditalic-webfont.ttf") format("truetype"), url("fonts/gotham-bolditalic-webfont.svg#gotham_bolditalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_bookregular";
  src: url("fonts/gotham-book-webfont.eot");
  src: url("fonts/gotham-book-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-book-webfont.woff2") format("woff2"), url("fonts/gotham-book-webfont.woff") format("woff"), url("fonts/gotham-book-webfont.ttf") format("truetype"), url("fonts/gotham-book-webfont.svg#gotham_bookregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_mediumregular";
  src: url("fonts/gotham-medium-webfont.eot");
  src: url("fonts/gotham-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-medium-webfont.woff2") format("woff2"), url("fonts/gotham-medium-webfont.woff") format("woff"), url("fonts/gotham-medium-webfont.ttf") format("truetype"), url("fonts/gotham-medium-webfont.svg#gotham_mediumregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_bookitalic";
  src: url("fonts/gotham-bookitalic-webfont.eot");
  src: url("fonts/gotham-bookitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-bookitalic-webfont.woff2") format("woff2"), url("fonts/gotham-bookitalic-webfont.woff") format("woff"), url("fonts/gotham-bookitalic-webfont.ttf") format("truetype"), url("fonts/gotham-bookitalic-webfont.svg#gotham_bookitalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_lightregular";
  src: url("fonts/gotham-light-webfont.eot");
  src: url("fonts/gotham-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-light-webfont.woff2") format("woff2"), url("fonts/gotham-light-webfont.woff") format("woff"), url("fonts/gotham-light-webfont.ttf") format("truetype"), url("fonts/gotham-light-webfont.svg#gotham_lightregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_lightitalic";
  src: url("fonts/gotham-lightitalic-webfont.eot");
  src: url("fonts/gotham-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-lightitalic-webfont.woff2") format("woff2"), url("fonts/gotham-lightitalic-webfont.woff") format("woff"), url("fonts/gotham-lightitalic-webfont.ttf") format("truetype"), url("fonts/gotham-lightitalic-webfont.svg#gotham_lightitalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_mediumitalic";
  src: url("fonts/gotham-mediumitalic-webfont.eot");
  src: url("fonts/gotham-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-mediumitalic-webfont.woff2") format("woff2"), url("fonts/gotham-mediumitalic-webfont.woff") format("woff"), url("fonts/gotham-mediumitalic-webfont.ttf") format("truetype"), url("fonts/gotham-mediumitalic-webfont.svg#gotham_mediumitalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_thinregular";
  src: url("fonts/gotham-thin-webfont.eot");
  src: url("fonts/gotham-thin-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-thin-webfont.woff2") format("woff2"), url("fonts/gotham-thin-webfont.woff") format("woff"), url("fonts/gotham-thin-webfont.ttf") format("truetype"), url("fonts/gotham-thin-webfont.svg#gotham_thinregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_thinitalic";
  src: url("fonts/gotham-thinitalic-webfont.eot");
  src: url("fonts/gotham-thinitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-thinitalic-webfont.woff2") format("woff2"), url("fonts/gotham-thinitalic-webfont.woff") format("woff"), url("fonts/gotham-thinitalic-webfont.ttf") format("truetype"), url("fonts/gotham-thinitalic-webfont.svg#gotham_thinitalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_ultraregular";
  src: url("fonts/gotham-ultra-webfont.eot");
  src: url("fonts/gotham-ultra-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-ultra-webfont.woff2") format("woff2"), url("fonts/gotham-ultra-webfont.woff") format("woff"), url("fonts/gotham-ultra-webfont.ttf") format("truetype"), url("fonts/gotham-ultra-webfont.svg#gotham_ultraregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_ultraitalic";
  src: url("fonts/gotham-ultraitalic-webfont.eot");
  src: url("fonts/gotham-ultraitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-ultraitalic-webfont.woff2") format("woff2"), url("fonts/gotham-ultraitalic-webfont.woff") format("woff"), url("fonts/gotham-ultraitalic-webfont.ttf") format("truetype"), url("fonts/gotham-ultraitalic-webfont.svg#gotham_ultraitalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_extralightregular";
  src: url("fonts/gotham-xlight-webfont.eot");
  src: url("fonts/gotham-xlight-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-xlight-webfont.woff2") format("woff2"), url("fonts/gotham-xlight-webfont.woff") format("woff"), url("fonts/gotham-xlight-webfont.ttf") format("truetype"), url("fonts/gotham-xlight-webfont.svg#gotham_extralightregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gotham_extralightitalic";
  src: url("fonts/gotham-xlightitalic-webfont.eot");
  src: url("fonts/gotham-xlightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gotham-xlightitalic-webfont.woff2") format("woff2"), url("fonts/gotham-xlightitalic-webfont.woff") format("woff"), url("fonts/gotham-xlightitalic-webfont.ttf") format("truetype"), url("fonts/gotham-xlightitalic-webfont.svg#gotham_extralightitalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

h1 {
  font-size: 2rem;
  font-weight: 400;
  padding-bottom: 2.625rem;
  padding-top: 2.5rem;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  padding-bottom: 1.375rem;
}

h3 {
  font-size: 1.75rem;
  font-weight: 400;
  padding-bottom: 1.375rem;
}

h4 {
  font-size: 1.5rem;
  font-weight: 400;
  padding-bottom: 1.375rem;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  h1, h2, h3, h4 {
    line-height: 1.2;
  }
}
.header {
  height: 4.6875rem;
  width: 100%;
  background: white;
  z-index: 100;
  transition: all 0.5s;
  position: fixed;
  top: -4.6875rem;
  z-index: 1000;
}
.header.smaller {
  top: 0;
}
.header .wrapper {
  width: 68.75rem;
  margin-top: 0px;
}
.header .wrapper .site-branding {
  float: left;
  margin: 0;
  max-width: 8em;
}
.header .wrapper .site-branding .site-logo {
  height: 3.4375rem;
  margin: 0.625rem 0;
}
.header .wrapper .site-branding .site-logo img {
  max-height: 3.4375rem;
  width: auto;
}
.header .wrapper .site-branding .site-title {
  font-size: 2.8125rem;
  line-height: 4.6875rem;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0;
  font-weight: 700;
}

.admin-bar .header.smaller {
  top: 32px;
}

#header {
  width: 100%;
  height: 9.6875rem;
  position: relative;
  background: white;
}
#header #site-branding {
  float: left;
  margin: 0;
}
#header #site-branding .site-logo {
  height: 4.6875rem;
  margin: 1.09375rem 0;
}
#header #site-branding .site-logo #logo {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
#header #site-branding .site-logo #logo td {
  vertical-align: middle;
  text-align: center;
}
#header #site-branding .site-logo #logo td img {
  max-height: 4.6875rem;
  width: auto;
}
#header #site-branding .site-logo.no-strap {
  height: 7.5rem;
}
#header #site-branding .site-logo.no-strap #logo img {
  max-height: 7.5rem;
}
#header #site-branding .site-title {
  font-size: 2.8125rem;
  line-height: 6.5625rem;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0;
  font-weight: 700;
}
#header #site-branding .site-description {
  margin-bottom: 0;
  font-size: 1.25rem;
  position: absolute;
  top: 6.5rem;
  left: 1.875rem;
  margin-top: 0;
}
#header #contact {
  font-size: 0.9375rem;
  float: right;
  padding-top: 2.5rem;
}
#header #contact span.tel {
  background: none;
  float: right;
  height: 2rem;
  margin-right: 0;
  padding-left: 0;
  line-height: 2rem;
  margin-left: 2.1875rem;
  margin-left: 0;
}
#header #contact span.tel svg {
  height: 2rem;
  float: left;
  padding-right: 0.75rem;
}
#header #contact span.tel svg .contact-icon {
  fill: #4d4d4d;
}
#header #contact span.cell {
  background: none;
  float: right;
  height: 2rem;
  margin-right: 0;
  padding-left: 0;
  line-height: 2rem;
  margin-left: 2.1875rem;
}
#header #contact span.cell svg {
  height: 2rem;
  float: left;
  padding-right: 0.75rem;
}
#header #contact span.cell svg .contact-icon {
  fill: #4d4d4d;
}
#header #contact span.email {
  background: none;
  float: right;
  height: 2rem;
  margin-right: 0;
  padding-left: 0;
  line-height: 2rem;
  margin-left: 2.1875rem;
}
#header #contact span.email svg {
  height: 2rem;
  float: left;
  padding-right: 0.75rem;
}
#header #contact span.email svg .contact-icon {
  fill: #4d4d4d;
}
#header #contact span.email svg {
  height: 1.3125rem;
  padding-top: 0.3125rem;
}

.home .video #header {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  color: #f2f2f2;
  z-index: 250;
  overflow: hidden;
}
.home .video #header a {
  color: #f2f2f2;
}
.home .video #header #contact span svg path {
  fill: #f2f2f2;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .header {
    display: none;
  }
  #header #site-branding {
    float: none;
  }
  #header #site-branding .site-logo {
    height: auto;
    margin: 5vw 0;
  }
  #header #site-branding .site-logo #logo td img {
    max-height: 30vw;
    height: auto;
    width: auto;
    max-width: 100% !important;
  }
  #header #site-branding .site-description {
    display: none;
  }
  #header #contact {
    width: 100%;
    padding: 2vw 0 8vw;
  }
  #header #contact .mobile {
    text-align: center;
  }
  #header #contact .mobile span.tel {
    float: left;
    height: 10vw;
    margin-right: 0;
    line-height: 10vw;
    font-size: 4.5vw;
  }
  #header #contact .mobile span.tel svg {
    height: 10vw;
    padding-right: 2.5vw;
  }
  #header #contact .mobile span.cell {
    height: 10vw;
    padding-left: 7;
    line-height: 10vw;
    float: right;
    margin-left: 0;
    font-size: 4.5vw;
  }
  #header #contact .mobile span.cell svg {
    height: 10vw;
    padding-right: 2.5vw;
  }
  #header #contact .mobile span.email {
    height: 10vw;
    padding-left: 7;
    line-height: 10vw;
    float: right;
    margin-left: 0;
    font-size: 4.5vw;
  }
  #header #contact .mobile span.email svg {
    padding-top: 2vw;
  }
  #header #contact .mobile span.solo {
    float: none;
    margin: 0 auto;
    display: inline-block;
    width: auto;
  }
  .home .video #header {
    padding-bottom: 5vw;
  }
}
/* New Nav Test */
nav#main_mob {
  background-color: #1E1E23;
  height: 15vw;
}
nav#main_mob #menuToggle {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 5vw;
  left: auto;
  right: 5vw;
  z-index: 9999999;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
nav#main_mob #menuToggle input {
  display: flex;
  width: 6vw;
  height: 3vw;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
nav#main_mob #menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
nav#main_mob #menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
nav#main_mob #menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
nav#main_mob #menuToggle span {
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
nav#main_mob #menuToggle span:first-child {
  transform-origin: 0% 0%;
}
nav#main_mob #menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
nav#main_mob #menuToggle ul {
  list-style-type: none;
}

/*

.menu-base-menu-container {
    position: absolute;
    right: -5vw;
    width: 80vw;
    height: calc(100vh - 30vw);
    box-shadow: 0 0 10px #85888C;
    margin: -5vw 0 0 -5vw;
    padding: 5vw;
    padding-top: 25vw;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    overflow-y: scroll;
    li {
        padding: 10px 0;
        transition-delay: 2s;
        width: 100%;
        display: block;
        text-align: right;
        float: right;
    }
}

#menuToggle input:checked ~ .menu-base-menu-container {
    transform: none;
}

*/
/* =Menu
-------------------------------------------------------------- */
ul.menu {
  list-style: none;
  margin: 0;
}
ul.menu ul {
  display: none;
}
ul.menu li {
  display: inline;
}
ul.menu li a {
  display: block;
  float: left;
}

#access {
  margin: 0;
  float: right;
  clear: right;
  position: absolute;
  top: 6.5rem;
  right: 1.875rem;
}
#access ul {
  margin: 0;
  position: relative;
  display: inline-block;
}
#access ul li {
  margin: 0;
  font-size: 1.25rem;
  padding-left: 1.875rem;
  float: left;
  position: relative;
  padding-bottom: 1.3125rem;
}
#access ul li:hover > .wrapper {
  display: block;
}
#access ul li ul.sub-menu {
  display: none;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.95);
  width: auto;
  z-index: 100;
  top: 3.1875rem;
  padding: 0.625rem 0 0 0;
  left: 0.9375rem;
}
#access ul li ul.sub-menu li {
  text-decoration: none;
  display: block;
  min-width: 18.75rem;
  padding-left: 0.9375rem;
  padding-bottom: 0.625rem;
  font-size: 1.25rem;
}
#access ul li:hover ul.sub-menu {
  display: block;
}
#access ul .custom-sub {
  position: absolute;
  z-index: 10;
  display: none;
}
#access ul .custom-sub:hover .custom-sub {
  display: block;
}

.access {
  margin: 0;
  float: right;
  clear: right;
  height: 4.6875rem;
  line-height: 4.6875rem;
}
.access ul {
  margin: 0;
  position: relative;
  display: inline-block;
}
.access ul li {
  margin: 0;
  font-size: 1.25rem;
  padding-left: 1.875rem;
  float: left;
  position: relative;
}
.access ul li ul.sub-menu {
  display: none;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.95);
  width: auto;
  z-index: 100;
  top: 4.6875rem;
  padding: 0.625rem 0 0 0;
  left: 0.9375rem;
}
.access ul li ul.sub-menu li {
  text-decoration: none;
  display: block;
  min-width: 18.75rem;
  padding-left: 0.9375rem;
  padding-bottom: 0.625rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.access ul li:hover ul.sub-menu {
  display: block;
}

.skip-link {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #access {
    display: none;
  }
}
.navbar {
  display: block;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.navbar ul {
  margin: 0;
  display: none;
}
.navbar ul li {
  list-style: none;
}
.navbar ul li a {
  text-decoration: none;
}

.hamburger {
  display: none;
}

.bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  transition: all 0.3s ease-in-out;
  background-color: #101010;
}

ul#menu-mobile-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ul#menu-mobile-navigation li {
  margin-left: 5rem;
}
ul#menu-mobile-navigation li a {
  font-size: 1.2rem;
  font-weight: 400;
  color: #4d4d4d;
}
ul#menu-mobile-navigation li a:hover {
  color: #482ff7;
}

@media only screen and (max-width: 620px) {
  .navbar .hamburger {
    position: absolute;
    right: 5vw;
  }
  .navbar .navigation ul {
    display: block;
  }
  ul#menu-mobile-navigation {
    position: absolute;
    left: -100%;
    top: 5rem;
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    border-radius: 0px;
    text-align: center;
    transition: 0.3s;
    z-index: 999;
    padding-bottom: 10vw;
  }
  ul#menu-mobile-navigation li {
    margin: 1.5rem 0 0;
  }
  ul#menu-mobile-navigation.active {
    left: 0;
  }
  .hamburger {
    display: block;
    cursor: pointer;
    margin: 0vw;
  }
  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }
  .hamburger.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .hamburger.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
}
/* =Widget Areas
-------------------------------------------------------------- */
#sidebar_one {
  float: right;
  width: 21.875rem;
  margin-bottom: 1.5625rem;
}
#sidebar_one h3 {
  font-size: 2rem;
  font-weight: 400;
  padding-bottom: 2.625rem;
  padding-top: 2.5rem;
}
#sidebar_one .profile-images {
  width: 100%;
  height: auto;
  margin-bottom: 1.5625rem;
}
#sidebar_one .profile-images img {
  width: 100%;
  height: auto;
}
#sidebar_one em.quote {
  padding-top: 0;
  float: left;
  display: block;
  padding-bottom: 1.875rem;
}
#sidebar_one .navigation {
  float: left;
  width: 100%;
  margin-top: 0px;
}
#sidebar_one .navigation .left, #sidebar_one .navigation .right {
  width: 8.28125rem;
  background: #f2f2f2;
  height: 3.125rem;
  line-height: 3.125rem;
  float: left;
  text-align: right;
  padding: 0 0.9375rem;
  position: relative;
  font-weight: 400;
}
#sidebar_one .navigation .left:hover, #sidebar_one .navigation .right:hover {
  color: white;
}
#sidebar_one .navigation .left span.chev, #sidebar_one .navigation .right span.chev {
  float: left;
  line-height: 3.125rem;
}
#sidebar_one .navigation .right {
  float: right;
  text-align: left;
}
#sidebar_one .navigation .right span.chev {
  float: right;
}
#sidebar_one #testimonials {
  background: white;
  padding: 0;
}
#sidebar_one #testimonials h3 {
  font-size: 1.625rem;
  color: white;
  float: right;
  padding-right: 1.5625rem;
  padding-top: 1.875rem;
  padding-bottom: 0;
  line-height: 1.26;
}
#sidebar_one #testimonials .item {
  height: auto;
  max-height: none;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  padding: 0;
  margin: 0 0 1.5625rem;
  position: relative;
}
#sidebar_one #testimonials .item .quote {
  background: url(images/quote-marks-light.png) 0 0/100% auto;
  width: 1.875rem;
  height: 1.625rem;
  position: absolute;
  top: 1.875rem;
  left: 1.25rem;
}
#sidebar_one #testimonials .item .content {
  padding: 4.6875rem 1.25rem 1.25rem;
  color: white;
}
#sidebar_one #testimonials .item .content p.name {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
#sidebar_one #testimonials .item .content p.company,
#sidebar_one #testimonials .item .content p.position {
  font-size: 0.875rem;
  margin: 0;
}
#sidebar_one ul {
  list-style: none;
  margin: 0;
}
#sidebar_one ul li {
  font-size: 1.375rem;
  line-height: 1.2em;
  padding-bottom: 0.9375rem;
  font-weight: 400;
}
#sidebar_one ul li span {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
#sidebar_one ul li ul.product-search-filter-items li {
  font-size: 1rem;
}
#sidebar_one .services h3 {
  font-size: 1.625em;
  padding-top: 0;
  padding-bottom: 1.25rem;
  padding-left: 0.3125rem;
}
#sidebar_one .services ul {
  padding: 0px 0.3125rem 0 0.3125rem;
}
#sidebar_one .services ul li {
  font-size: 1.125rem;
  line-height: 1.2em;
  padding-bottom: 0.9375rem;
  font-weight: 300;
  padding-right: 0px;
}
#sidebar_one .services ul li span.chev {
  float: right;
  padding-left: 1.875rem;
  font-weight: 400;
}

.widget-area ul {
  list-style: none;
  margin-left: 0;
}
.widget-area ul ul {
  list-style: disc;
  margin-left: 1.1rem;
}
.widget-area ul ul ul {
  margin-left: 2.5rem;
}

.widget-container {
  margin: 0 0 1.5rem 0;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #sidebar_one {
    max-width: none;
    width: 100%;
    margin-bottom: 10vw;
  }
}
#main {
  width: 100%;
  float: left;
  background: white;
}

#container {
  float: left;
  margin: 0;
  width: 100%;
  background: #fff;
}

#content {
  margin: 0;
}
#content.sidebar {
  width: 45.3125rem;
  float: left;
  margin-bottom: 1.5625rem;
  display: block;
  clear: both;
}
#content.profiles {
  width: 45.3125rem;
  float: left;
  margin-bottom: 1.5625rem;
  display: block;
  clear: both;
}
#content .intro-content {
  float: left;
  width: 100%;
}

.entry-content,
.entry-summary {
  margin: 0 0 3.125rem;
  float: left;
  width: 100%;
}

.post {
  margin: 0 0 3em 0;
}

.left {
  float: left;
  text-align: justify;
  width: 32.8125rem;
  font-size: 1rem;
}
.left p {
  padding: 0 0 1.875rem;
  margin: 0;
}

.right {
  float: right;
  font-size: 1rem;
  width: 32.8125rem;
  text-align: justify;
}
.right p {
  padding: 0 0 1.875rem;
  margin: 0;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .entry-content,
  .entry-summary {
    margin: 0 0 10vw;
  }
  .left,
  .right {
    width: 100%;
    max-width: none;
    font-size: 4vw;
    text-align: center;
  }
  .left p,
  .right p {
    padding: 0 0 5vw;
  }
  #content.sidebar {
    width: 100%;
    margin-bottom: 10vw;
  }
}
/* =Footer Areas
-------------------------------------------------------------- */
#footer {
  background: #f2f2f2;
  height: 21.875rem;
  width: 100%;
  color: #4d4d4d;
}
#footer .left {
  width: auto;
  max-width: none;
}
#footer .left .footer-logo {
  padding-top: 2.8125rem;
  height: 3.125rem;
  width: auto;
  padding-bottom: 5.375rem;
}
#footer .left .footer-logo img {
  height: 3.125rem;
  width: auto;
}
#footer .left p.site-title {
  font-size: 2.8125rem;
  line-height: 1;
  font-weight: 700;
  padding-top: 2.9375rem;
  padding-bottom: 5.375rem;
  margin-bottom: 0;
}
#footer .left #site-info {
  font-size: 1.0625rem;
  line-height: 1.5;
}
#footer .left #site-info p {
  padding-bottom: 0.4117647059rem;
}
#footer .left #site-info p span.address br {
  display: none;
}
#footer .left #site-info ul {
  margin: 0 0 0;
}
#footer .left #site-info ul li {
  float: left;
}
#footer .left #site-info ul li::after {
  content: "|";
  padding-left: 0.5882352941rem;
  padding-right: 0.5882352941rem;
}
#footer .left #site-info ul li:last-child::after {
  content: "";
  padding-left: 0;
  padding-right: 0;
}
#footer .right {
  width: auto;
  max-width: none;
}
#footer .right #social-icons {
  float: right;
  width: auto;
  margin-top: 2.8125rem;
  height: 3.125rem;
}
#footer .right #social-icons .item {
  float: right;
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
}
#footer .right #social-icons .item:nth-of-type(1) {
  margin-right: 0px;
}
#footer .right #social-icons .item svg .social-icon {
  fill: #4d4d4d;
}
#footer .right #social-icons .item svg:hover {
  cursor: pointer;
}
#footer .right #social-icons .item:hover {
  cursor: pointer;
}
#footer .right .gecko {
  width: 5.625rem;
  height: 5.625rem;
  position: relative;
  float: right;
  clear: right;
}
#footer .right .gecko span.text {
  position: absolute;
  left: -99999999999999px;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #footer {
    height: auto;
    max-height: none;
    float: left;
  }
  #footer .right {
    width: 100% !important;
  }
  #footer .right #social-icons {
    float: left;
    width: 100%;
    margin-top: 10vw;
    height: auto;
    text-align: center;
    font-size: 0;
  }
  #footer .right #social-icons .item {
    float: none;
    width: 13vw;
    max-width: none;
    height: 13vw;
    max-height: none;
    margin-right: 1vw;
    position: relative;
    display: table-cell;
    margin-bottom: 2vw;
    text-align: center;
    display: inline-block;
    margin-left: 1vw;
  }
  #footer .right #social-icons .item:nth-of-type(1) {
    margin-right: 1vw;
  }
  #footer .right .gecko {
    background: transparent;
    float: none;
    height: 22vw;
    left: 0;
    margin-top: 0;
    max-height: none;
    max-width: none;
    position: relative;
    top: auto;
    width: 20vw;
    padding-bottom: 25vw;
    margin: 0 auto;
    right: 0;
  }
  #footer .left {
    width: 100% !important;
  }
  #footer .left .footer-logo {
    padding-top: 10vw;
    height: auto;
    width: auto;
    padding-bottom: 8vw;
  }
  #footer .left .footer-logo img {
    height: auto;
    width: 50%;
    margin: 0 auto;
    display: block;
  }
  #footer .left #site-info {
    clear: left;
    float: left;
    font-size: 3.5vw;
    line-height: 1.6;
    padding-top: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 5vw;
  }
  #footer .left #site-info p {
    padding-bottom: 2vw;
  }
  #footer .left #site-info p br {
    display: none;
  }
  #footer .left #site-info span.pipe {
    display: none;
  }
  #footer span.address {
    display: inline;
  }
  #footer ul.menu {
    display: none;
  }
}
/* =Slide 
-------------------------------------------------------------- */
#slide-divider {
  width: 100%;
  height: 0.625rem;
  float: left;
}

#slide {
  height: 17.5rem;
  position: relative;
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
#slide h2 {
  color: white;
  font-size: 3.0625rem;
  font-weight: 700;
  line-height: 1.2;
  padding-top: 3.25rem;
  text-shadow: 0.0625rem 0.0625rem #4d4d4d;
}
#slide .text-overlay {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 20;
}
#slide img {
  display: block;
  height: 17.5rem;
  margin-left: auto;
  width: 160rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#slide .cropped_slider {
  width: 160rem !important;
  height: 26.25rem;
  overflow: hidden;
  margin-left: -80rem;
  left: 50%;
  position: absolute;
}
#slide .cropped_slider .item {
  height: 26.25rem;
  margin: auto;
  width: 160rem;
  position: relative;
}
#slide .cropped_slider .item img {
  height: 26.25rem;
}
#slide .cropped_slider .item .slider-wrap {
  height: 100%;
  left: 50%;
  margin-left: -36.25rem;
  max-width: 68.75rem;
  position: absolute;
  right: auto;
  top: 0;
  width: 100%;
  z-index: 15;
}
#slide .cropped_slider .item .slider-wrap .slide_title_block {
  height: 17.1875rem;
  display: table;
  width: 100%;
  margin-top: 1.875rem;
  padding: 0;
}
#slide .cropped_slider .item .slider-wrap .slide_title_block span.title {
  color: white;
  font-size: 4.0625rem;
  font-weight: 700;
  line-height: 1.1;
  width: 100%;
  padding-bottom: 0;
  float: none;
  text-shadow: 0.0625rem 0.0625rem #4d4d4d;
  vertical-align: middle;
  display: table-cell;
  text-align: left;
}
#slide .cropped_slider .item .slider-wrap p {
  color: white;
  font-size: 1.625rem;
  font-weight: 500;
  margin-top: 3.5625rem;
  width: auto;
  height: 3.125rem;
  line-height: 3.125rem;
  float: left;
  clear: left;
  position: absolute;
  bottom: 1.375rem;
}
#slide a {
  color: white;
}

.home #slide {
  height: 26.25rem;
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
}
.home #slide .wrapper {
  z-index: 999;
}
.home #slide .wrapper .slide_title_block {
  padding: 4.375rem 0px;
}
.home #slide .wrapper .slide_title_block .title {
  color: white;
  font-size: 4.375rem;
  font-weight: 400;
  line-height: 1.2;
}
.home #slide .wrapper p {
  font-size: 1rem;
  width: 21.25rem;
  line-height: 3.125rem;
}
.home #slide .wrapper p span.link-title {
  float: left;
  font-size: 1.375rem;
}
.home #slide img {
  height: 100%;
}
.home #slide.video {
  height: 49vw;
  max-height: none;
}
.home #slide.video video {
  height: 49vw;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.home #slide.video .slider-wrap {
  position: absolute;
  z-index: 9;
  width: 100%;
  top: 15vw;
  left: 0;
  right: 0;
}
.home #slide.video .slider-wrap span.title {
  color: #fff;
  font-size: 4.0625rem;
  font-weight: 700;
  line-height: 1.1;
  width: 100%;
  padding-bottom: 0;
  float: left;
  text-shadow: 0.0625rem 0.0625rem #4d4d4d;
  vertical-align: middle;
  display: table-cell;
  text-align: left;
  height: auto;
  min-height: 20vw;
}
.home #slide.video .slider-wrap p {
  color: #fff;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.1;
  margin-top: 2vw;
  width: auto;
  height: 3.125rem;
  line-height: 3.125rem;
  float: left;
  clear: left;
  position: relative;
  bottom: auto;
  margin-bottom: 0;
}
.home #slide.video .slider-wrap p span.block {
  height: 3.125rem;
  margin-left: 2.1875rem;
  width: 3.125rem;
  line-height: 3.125rem;
}

.overlay {
  background: #000;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
}

.home-services .item .overlay {
  background-color: transparent;
  background-image: linear-gradient(transparent, black);
  height: 100%;
  opacity: 0.5;
}

#video .home-services .item .overlay {
  background: url("images/play-overlay.png") 0 0/200% auto;
  height: 100%;
  opacity: 1;
}
#video .home-services .item:hover .overlay {
  background-position: 100% 0;
}

span.block {
  float: right;
  height: 3.125rem;
  margin-left: 2.1875rem;
  width: 3.125rem;
  color: white;
  text-align: center;
  line-height: 3.125rem;
}

.sy-box {
  margin: 0 auto;
}
.sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide img {
  width: 100%;
  height: auto;
}
.sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0 auto;
  left: 0;
  max-width: 68.75rem;
  padding: 0 1.875rem;
  right: 0;
  height: 100%;
  z-index: 100;
}
.sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap .content-area .slide_title_block {
  height: 20vw;
  margin-top: 5vw;
}
.sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap .content-area .slide_title_block span.title {
  color: white;
  font-size: 4.0625rem;
  font-weight: 700;
  line-height: 1.1;
  width: 100%;
  padding-bottom: 0;
  float: none;
  text-shadow: 0.0625rem 0.0625rem #4d4d4d;
  vertical-align: middle;
  display: table-cell;
  text-align: left;
  height: 20vw;
}
.sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap .content-area p {
  color: white;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.1;
  margin-top: 2vw;
  width: auto;
  height: 3.125rem;
  line-height: 3.125rem;
  float: left;
  clear: left;
  position: relative;
  bottom: auto;
  margin-bottom: 0;
}
.sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap .content-area p span.block {
  height: 3.125rem;
  margin-left: 2.1875rem;
  width: 3.125rem;
  line-height: 3.125rem;
}
.sy-box .sy-pager {
  clear: both;
  display: block;
  width: 100vw;
  max-width: 68.75rem;
  margin: -2.5rem auto;
  padding: 0 1.875rem;
  list-style: none;
  text-align: center;
  z-index: 20;
  position: absolute;
  left: 0;
  right: 0;
}
.sy-box .sy-pager li {
  margin: 0 0 0 1rem;
  float: right;
  width: 1.2rem;
  height: 1.2rem;
}
.sy-box .sy-pager li a {
  background-color: #fff !important;
}

@media only screen and (min-width: 620px) and (max-width: 1160px) {
  .sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap .content-area .slide_title_block span.title {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 620px) {
  .home #slide {
    height: 100vw;
  }
  .home #slide.video {
    height: calc(100vh - 15vw);
    max-height: none;
  }
  .home #slide.video video {
    height: calc(100vh - 15vw);
  }
  .home #slide.video .slider-wrap {
    top: 60vw;
    width: 90vw;
    margin: 0 5vw;
  }
  .home #slide.video .slider-wrap span.title {
    font-size: 10vw;
    text-align: center;
    margin-bottom: 25vw;
  }
  .home #slide.video .slider-wrap p {
    width: 85vw;
    margin-left: 5vw;
  }
  #slide {
    float: left;
    height: 80vw;
    max-height: none;
    position: relative;
    width: 100%;
  }
  #slide .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: none;
  }
  #slide .wrapper img {
    height: 75vw;
    width: auto;
  }
  #slide .wrapper .text-overlay {
    width: 100vw;
    height: 75vw;
    display: table;
  }
  #slide .cropped_slider {
    height: 100vw;
    width: 100% !important;
    margin: 0;
    left: 0;
    max-height: none;
  }
  #slide h2 {
    color: white;
    font-size: 8vw;
    font-weight: 700;
    line-height: 1.2;
    padding: 5.5vw 5%;
    text-align: center;
    width: 90%;
    height: 49vw;
    vertical-align: middle;
    display: table-cell;
    text-shadow: 0.3vw 0.3vw #4d4d4d;
  }
  #slide h2 br {
    display: none;
  }
  .sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide img {
    height: 145vw !important;
    width: auto;
    margin: 0 0 0 -145vw;
    left: 50%;
  }
  .sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap {
    position: absolute;
    top: 0;
    width: 90%;
    margin: 0 auto;
    left: 0;
    max-width: 68.75em;
    padding: 0 5%;
    right: 0;
    height: 100%;
    z-index: 100;
  }
  .sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap .content-area p {
    font-size: 5vw;
    margin-top: 10vw;
    width: 65vw;
    height: 12.5vw;
    line-height: 12.5vw;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap .content-area p span.block {
    height: 12.5vw;
    margin-left: 0;
    width: 12.5vw;
    line-height: 12.5vw;
  }
  .sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap .content-area .slide_title_block {
    height: 85vw;
    margin-top: 5vw;
    display: table;
    width: 100%;
  }
  .sy-box .sy-slides-wrap ul#slippry-demo li.sy-slide .slider-wrap .content-area .slide_title_block span.title {
    font-size: 9vw;
    text-align: center;
  }
  .sy-box .sy-slides-wrap ul#slippry-demo p {
    font-size: 5vw;
    height: 13vw;
    line-height: 13vw;
    margin-top: 10vw;
    width: 55vw;
    margin-bottom: 10vw;
    text-align: left;
    background: #f2f2f2;
    padding: 0 0 0 5vw;
    margin-left: 15vw;
  }
  .sy-box .sy-pager {
    clear: both;
    display: block;
    width: 100%;
    max-width: none;
    margin: -12vw 0;
    padding: 0;
    list-style: none;
    text-align: center;
    z-index: 1000000;
    position: absolute;
    left: 0;
    right: 0;
  }
  .sy-box .sy-pager li {
    float: none;
    margin: 0 0.5em;
  }
}
/* =Accreditations
-------------------------------------------------------------- */
#accreditations {
  float: none;
  margin: 0 auto;
  max-width: 68.75rem;
  width: 100%;
  clear: both;
  padding: 2.1875rem 0;
  height: 4.375rem;
}
#accreditations .item {
  float: left;
  margin: 0 1.71875rem 0 1.71875rem;
  width: 10.3125rem !important;
  height: 4.375rem !important;
}
#accreditations .item img {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
}
#accreditations.solo {
  height: auto;
}
#accreditations.solo .item {
  width: 68.75rem !important;
  margin: 0 !important;
  height: auto !important;
}
#accreditations.solo .item .logo {
  width: 25rem;
  height: 6.875rem;
  margin-bottom: 1.25rem;
}
#accreditations.solo .item .logo img {
  width: auto;
  height: 100%;
  margin: 0;
}
#accreditations.solo .item p {
  font-size: 1.125rem;
  margin-bottom: 0;
  float: left;
  width: auto;
}
#accreditations.solo .item p.right {
  float: right;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #accreditations {
    max-width: none;
    padding: 5vw 0;
  }
  #accreditations .item {
    margin: 0 2.5vw;
    width: 45vw !important;
    height: 20vw !important;
  }
  #accreditations .item img {
    height: 100%;
    width: auto;
  }
}
/* =Brands
-------------------------------------------------------------- */
#brands {
  float: none;
  margin: 0 auto;
  max-width: 68.75rem;
  width: 100%;
  clear: both;
  padding: 2.1875rem 0;
  height: 4.375rem;
}
#brands .item {
  float: left;
  margin: 0 1.71875rem 0 1.71875rem;
  width: 10.3125rem !important;
  height: 4.375rem !important;
}
#brands .item img {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
}
#brands.solo {
  height: auto;
}
#brands.solo .item {
  width: 68.75rem !important;
  margin: 0 !important;
  height: auto !important;
}
#brands.solo .item .logo {
  width: 25rem;
  height: 6.875rem;
  margin-bottom: 1.25rem;
}
#brands.solo .item .logo img {
  width: auto;
  height: 100%;
  margin: 0;
}
#brands.solo .item p {
  font-size: 1.125rem;
  margin-bottom: 0;
  float: left;
  width: auto;
}
#brands.solo .item p.right {
  float: right;
}

.brands-padder {
  width: 100%;
  height: 6.25rem;
  float: left;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #brands {
    max-width: none;
    padding: 5vw 0;
  }
  #brands .item {
    margin: 0 2.5vw;
    width: 45vw !important;
    height: 20vw !important;
  }
  #brands .item img {
    height: 100%;
    width: auto;
  }
  #brands.solo .item {
    width: 100vw !important;
  }
  #brands.solo .item .logo {
    width: 90vw;
    height: 30vw;
    padding: 0 5vw;
    margin-bottom: 5vw;
  }
  #brands.solo .item .logo img {
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: none;
    margin: 0 auto;
  }
  #brands.solo .item p {
    font-size: 4.5vw;
    text-align: center;
    padding: 0 5vw;
  }
  #brands.solo .item p.right {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 3vw;
  }
}
/* =Testimonials Footer
-------------------------------------------------------------- */
#testimonials {
  float: none;
  margin: 0 auto;
  width: 100%;
  clear: both;
  background: #f2f2f2;
  padding: 1.875rem 0;
}
#testimonials .wrapper {
  position: relative;
}
#testimonials .wrapper .quote-open {
  background: url(images/quote-marks-footer-open.png) no-repeat 0 0/5rem 4.375rem;
  width: 5rem;
  height: 4.375rem;
  position: absolute;
  top: 0;
  left: 1.875rem;
  z-index: 5;
}
#testimonials .wrapper .quote-end {
  background: url(images/quote-marks-footer-close.png) 0 0/100% auto;
  width: 5rem;
  height: 4.375rem;
  position: absolute;
  top: 14.6875rem;
  right: 1.875rem;
}
#testimonials .wrapper h2 {
  float: left;
  width: auto;
  height: 4.375rem;
  padding-top: 1.25rem;
  position: absolute;
  z-index: 10;
}
#testimonials .wrapper p.link {
  float: right;
  font-weight: 500;
  line-height: 3.125rem;
  z-index: 10;
  position: absolute;
  top: 1.25rem;
  right: 1.875rem;
}
#testimonials .wrapper #testimonial-slide {
  float: left;
  float: none;
  margin: 0 auto;
  max-width: 68.75rem;
  width: 100%;
  clear: both;
  background: transparent;
  padding-top: 6.875rem;
  font-size: 1.125rem;
}
#testimonials .wrapper #testimonial-slide .tns-outer {
  display: flex;
  flex-direction: column;
}
#testimonials .wrapper #testimonial-slide .tns-outer .tns-nav {
  order: 2;
}
#testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh {
  order: 1;
}
#testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item {
  height: 12.5rem;
  position: relative;
  margin-bottom: 1rem;
  font-size: 16px;
}
#testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base {
  position: absolute;
  top: 8.125rem;
  left: 0;
  width: 100%;
}
#testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base h3 {
  padding-bottom: 0;
  font-size: 1.625rem;
}
#testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base h4 {
  font-size: 1.125rem;
}
#testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base .star-rating {
  right: 0;
  position: absolute;
  bottom: 3.4375rem;
}
#testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base .star-rating i.fas.fa-star,
#testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base .star-rating i.far.fa-star {
  font-size: 1.25rem;
}
#testimonials .wrapper #testimonial-slide .tns-nav {
  display: inline-block;
  text-align: center;
  width: 100%;
}
#testimonials .wrapper #testimonial-slide .tns-nav button { /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */
  box-sizing: content-box; /* Opera/IE 8+ */
  display: inline;
  width: 0.6875rem;
  height: 0.6875rem;
  margin: 0.3125rem 0.4375rem;
  filter: Alpha(Opacity=100);
  opacity: 1;
  border-radius: 1.25rem;
  background: 0 0;
  border: 0.125rem solid #fff;
  padding: 0;
}
#testimonials .wrapper #testimonial-slide .tns-nav button.tns-nav-active {
  background: #fff;
}

@media only screen and (min-width: 621px) and (max-width: 1160px) {
  #testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item {
    font-size: 1.3793103448vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 620px) {
  #testimonials {
    padding: 5vw 0;
  }
  #testimonials .wrapper h2 {
    font-size: 6.5vw;
    padding-top: 7vw;
  }
  #testimonials .wrapper .quote-open {
    left: inherit;
  }
  #testimonials .wrapper p.link {
    display: none;
  }
  #testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item {
    height: auto;
    position: relative;
    margin-bottom: 1em;
    font-size: 4.5vw;
    padding-bottom: 25vw;
  }
  #testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base {
    bottom: 0;
    top: auto !important;
  }
  #testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base h3 {
    font-size: 5.5vw;
    text-align: left;
  }
  #testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base h4 {
    font-size: 4vw;
    text-align: left;
    height: 5.5vw;
    overflow: hidden;
    padding-bottom: 0;
  }
  #testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base .star-rating {
    right: auto;
    left: 0;
  }
  #testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base .star-rating i.fas.fa-star,
  #testimonials .wrapper #testimonial-slide .tns-outer .tns-ovh .item .testimonial-base .star-rating i.far.fa-star {
    font-size: 1em;
  }
}
#special-offers-bar {
  float: left;
  width: 100%;
  height: 3.4375rem;
  line-height: 3.4375rem;
  overflow: hidden;
}
#special-offers-bar .item {
  text-align: center;
  color: white;
  font-weight: 800;
  font-size: 1.375rem !important;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  background: #4d4d4d;
}
#special-offers-bar .item p {
  margin-bottom: 0;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #special-offers-bar {
    width: 100%;
    height: 40vw;
    line-height: 1.25;
    max-height: none;
    display: table;
  }
  #special-offers-bar .item .wrapper {
    font-size: 5vw !important;
    padding: 2.5vw 5vw;
    display: table-cell;
    vertical-align: middle;
    height: 35vw;
    text-align: center;
    width: 90vw;
  }
}
#twitter-block {
  height: 21.875rem;
  width: 100%;
  float: left;
  color: white;
}
#twitter-block h3 {
  text-align: left;
  font-size: 2rem;
  padding-top: 2.625rem;
  padding-bottom: 1.25rem;
}
#twitter-block h3 span.tag {
  float: right;
}
#twitter-block div.wpcf7-response-output {
  color: white;
  margin-top: -3.75rem !important;
  border: 0px;
  margin-bottom: 0;
  padding: 0;
  float: left;
  width: 100%;
  position: absolute;
  text-align: left;
}
#twitter-block span.wpcf7-not-valid-tip {
  display: none !important;
}
#twitter-block #twitter-feed .item {
  width: 31.25rem !important;
  margin-right: 3.125rem;
  height: 10.3125rem;
}
#twitter-block #twitter-feed .tns-outer [data-action] {
  cursor: pointer;
  width: 0.9375rem;
  height: 0.9375rem;
  border: 0px;
  border-radius: 6.25rem;
  margin: 0.3125rem 0.4375rem;
  opacity: 0.5;
}
#twitter-block #twitter-feed .tns-outer [data-action] button.tns-nav-active {
  opacity: 1;
}
#twitter-block #twitter-feed .tns-outer [aria-controls] {
  cursor: pointer;
  width: 0.9375rem;
  height: 0.9375rem;
  border: 0px;
  border-radius: 6.25rem;
  margin: 0.3125rem 0.437rem;
  opacity: 0.5;
}
#twitter-block #twitter-feed .tns-outer [aria-controls].tns-nav-active {
  opacity: 1;
}
#twitter-block #twitter-feed .tns-nav {
  text-align: center;
}
#twitter-block.newsletter {
  height: 25rem;
}
#twitter-block.landing-form {
  height: auto;
  padding-bottom: 3.125rem;
}
#twitter-block.landing-form .wpcf7 {
  float: left;
  width: 100%;
}
#twitter-block.quick-contact h3 {
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
  background: url("images/quick-form-icon.png") no-repeat right 2.3125rem/3.375rem 3.125rem;
}
#twitter-block.quick-contact h3 span.tag {
  float: right;
}
#twitter-block a {
  color: white;
  opacity: 0.7;
}
#twitter-block a:hover {
  opacity: 1;
}
#twitter-block .twitter-pic {
  width: 5.9375rem;
  height: 5.9375rem;
  border-radius: 6.25rem;
  float: left;
  overflow: hidden;
  margin-right: 1.5625rem;
}
#twitter-block .twitter-pic img {
  width: 100%;
  height: 100%;
}
#twitter-block .twitter-pic a {
  opacity: 1;
}
#twitter-block .twitter-text {
  float: left;
  width: 23.75rem;
}
#twitter-block .twitter-text p.info {
  font-size: 1.5rem;
  margin-bottom: 0.625rem;
}
#twitter-block .wpcf7-form input.wpcf7-text {
  border: 0px solid transparent;
  margin-top: 0px;
  height: 3rem;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: repeat;
  background-position: 0 0;
}
#twitter-block .wpcf7-form input.wpcf7-date {
  border: 0px solid transparent;
  margin-top: 0px;
  height: 3rem;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: repeat;
  background-position: 0 0;
}
#twitter-block .wpcf7-form input.wpcf7-select {
  border: 0px solid transparent;
  margin-top: 0px;
  height: 3rem;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: repeat;
  background-position: 0 0;
}
#twitter-block .wpcf7-form textarea {
  margin: 0;
  border: 0;
  height: 6.9375rem;
  background: rgba(255, 255, 255, 0.6);
  line-height: 1.25;
  padding: 0.875rem 2.5%;
  width: 95%;
  float: left;
}
#twitter-block .wpcf7-form select.wpcf7-select {
  border-radius: 0;
  border: 0px solid transparent;
  margin-top: 0px;
  height: 3rem;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: repeat;
  background-position: 0 0;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* Remove default arrow */
  position: relative;
}
#twitter-block .wpcf7-form select.wpcf7-select:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  color: #fff;
  padding: 0.75rem 0.5rem;
  position: absolute;
  right: 0;
  top: 0;
  background: red;
  z-index: 1;
  text-align: center;
  width: 10%;
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
}
#twitter-block .wpcf7-form .button {
  height: 3.125rem;
  background: white;
  float: left;
  margin-top: 0;
}
#twitter-block .wpcf7-form .button:hover {
  background: #f2f2f2;
}
#twitter-block .wpcf7-form .button p.text {
  max-height: 3.125rem;
  line-height: 3.125rem;
  padding: 0 0 0 2.5%;
  width: 97.5%;
  font-weight: 400;
  font-size: 1.375rem;
}
#twitter-block .wpcf7-form .button p.text span.block {
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
}
#twitter-block p {
  padding-bottom: 0px;
  margin-bottom: 1.25rem;
  background: transparent;
  line-height: inherit;
  float: left;
  width: 100%;
}
#twitter-block.landing-form .left p {
  padding-bottom: 0px;
  margin-bottom: 1.25rem;
  background: transparent;
  line-height: inherit;
  float: left;
  width: 100%;
}
#twitter-block.quick-contact #mc_embed_signup input.button:hover {
  background: #f2f2f2;
}
#twitter-block .left p {
  line-height: 1.43725;
}
#twitter-block .wpcf7-email {
  width: 14.125rem;
  float: left;
  margin-right: 1.25rem;
  padding: 0 0.8125rem;
}
#twitter-block .wpcf7-text.tel {
  width: 14.125rem;
  float: right;
  padding: 0 0.8125rem;
}
#twitter-block.quick-contact #mc_embed_signup {
  font-family: "Exo 2", sans-serif;
  background: transparent;
  font-size: 0.9375rem;
}
#twitter-block.quick-contact #mc_embed_signup form {
  padding: 0;
}
#twitter-block.quick-contact #mc_embed_signup .mc-field-group {
  clear: left;
  position: relative;
  width: 100%;
  padding-bottom: 2%;
  min-height: 3.125rem;
}
#twitter-block.quick-contact #mc_embed_signup input {
  border: 0px solid transparent;
  margin-top: 0px;
  height: 2.875rem;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: repeat;
  background-position: 0 0;
  line-height: 2.875rem;
  margin: 0.3125rem 0 0;
  padding: 0 2.5%;
  width: 95%;
  border-radius: 0;
}
#twitter-block.quick-contact #mc_embed_signup input.email::-moz-placeholder {
  text-transform: capitalize;
  opacity: 1;
}
#twitter-block.quick-contact #mc_embed_signup input.email::placeholder {
  text-transform: capitalize;
  opacity: 1;
}
#twitter-block.quick-contact #mc_embed_signup input.button {
  font-size: 1.375rem;
  height: 3.125rem;
  background: white;
  float: left;
  margin-top: 0;
  border-radius: 0;
  width: 100%;
  padding: 0 0 0 2.5%;
  color: #444;
  font-family: "exo 2", sans-serif;
  font-weight: 400;
  text-align: left;
}
#twitter-block.quick-contact #mc_embed_signup .clear {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 1.875rem;
}
#twitter-block.quick-contact #mc_embed_signup .clear::after {
  font-size: 1.125rem;
  line-height: 3.125rem;
  width: 3.125rem;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
  color: #444;
  font-weight: 900;
  text-align: center;
  font-weight: 900;
}
#twitter-block.quick-contact.newsletter #mc_embed_signup .clear {
  margin-top: 0.625rem;
}
#twitter-block.landing-form div.wpcf7-response-output {
  margin: 0 !important;
  float: left;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #twitter-block {
    height: auto;
  }
  #twitter-block input {
    text-align: center;
  }
  #twitter-block .wpcf7-email,
  #twitter-block .wpcf7-text.tel {
    width: 95%;
    float: left;
    margin-right: 0;
    padding: 0 2.5%;
    margin-bottom: 1.25em;
  }
  #twitter-block .wpcf7-form .button {
    height: 12.5vw;
  }
  #twitter-block .wpcf7-form .button input {
    left: 0;
    padding: 0;
  }
  #twitter-block .wpcf7-form .button p.text {
    height: 12.5vw;
    line-height: 12.5vw;
    text-align: left;
  }
  #twitter-block .wpcf7-form div.wpcf7-response-output {
    float: left;
    position: relative;
    margin: 5vw 0 0 !important;
    width: auto;
    text-align: center;
  }
  #twitter-block h3 {
    font-size: 6.5vw;
    text-align: left;
    padding-bottom: 10vw;
  }
  #twitter-block h3 span.symbol {
    width: 14vw;
    float: right;
    margin-top: 0vw;
  }
  #twitter-block h3 span.symbol path {
    fill: white;
  }
  #twitter-block h3 span.tag {
    display: block;
    float: left;
    width: 80%;
    margin-top: -1vw;
    font-size: 4.5vw;
  }
  #twitter-block #twitter-feed .item {
    width: 90vw !important;
    margin-right: 0;
    height: auto;
  }
  #twitter-block #twitter-feed .item .twitter-pic {
    width: 15vw;
    height: 15vw;
    border-radius: 100px;
    margin-right: 5vw;
    margin-top: 2vw;
  }
  #twitter-block #twitter-feed .item .twitter-text {
    width: 70vw;
  }
  #twitter-block #twitter-feed .item .twitter-text p.info {
    font-size: 5vw;
  }
  #twitter-block #twitter-feed .tns-nav {
    text-align: center;
    padding-bottom: 10vw;
  }
}
#notice {
  float: left;
  width: 100%;
  color: white;
  padding-bottom: 0.625rem;
}
#notice h2 {
  font-size: 1.5625rem;
  padding: 1.5625rem 0 0.3125rem;
}
#notice a {
  color: #fff;
  opacity: 0.8;
}
#notice a:hover {
  opacity: 1;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #notice h2 {
    font-size: 6.5vw;
    padding: 1em 0 0.25em;
    text-align: center;
  }
  #notice p {
    text-align: center;
  }
}
/* =Resources
-------------------------------------------------------------- */
.home-services .resources .resources-block {
  float: left;
  width: 100%;
  margin-bottom: 3.125rem;
}
.home-services .resources .item {
  background: #d2d2d2 url("images/resource-icon.png") no-repeat 17.5rem 1.25rem/3.125rem 4rem;
}
.home-services .resources .item h3 {
  color: rgba(255, 255, 255, 0.7);
}
.home-services .resources .item span.block {
  color: rgba(255, 255, 255, 0.7);
}
.home-services .resources .item:hover h3,
.home-services .resources .item:hover span.block {
  color: white;
}

.single-services .home-services.resources {
  padding-top: 2.5rem;
  margin-bottom: 2.5rem;
}

#newsletter-bar {
  float: left;
  width: 100%;
  height: 7.5rem;
  background: #444;
}
#newsletter-bar h3 {
  color: white;
  font-weight: 500;
  text-transform: capitalize;
  padding-top: 1.9375rem;
  padding-bottom: 0.0625rem;
  line-height: 1;
}
#newsletter-bar p {
  color: white;
  font-weight: 400;
  font-size: 1.1875rem;
}
#newsletter-bar .right {
  width: auto;
  max-width: none;
}
#newsletter-bar .left {
  max-width: none;
  float: left;
  width: auto;
}
#newsletter-bar input[type=email] {
  padding: 0 0.9375rem;
  margin: 0;
  width: 25rem;
  border-radius: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.6);
  height: 3.125rem;
  margin: 2.1875rem 0;
  float: left;
  font-family: "Exo 2";
  font-size: 1.125rem;
  font-weight: 400;
}
#newsletter-bar input[type=submit] {
  width: 9.375rem;
  float: right;
  clear: none;
  height: 3.125rem;
  border: 0px;
  border-radius: 0px;
  background: white;
  padding: 0;
  margin: 2.1875rem 0px 2.1875rem 0.625rem;
  font-family: "Exo 2";
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
}
#newsletter-bar input[type=submit]:hover {
  color: white;
}

/* PRICING TABLE STYLING */
.table-section {
  float: left;
  margin-bottom: 3.125rem;
  width: 100%;
}

table.pricing {
  font-size: 1rem;
  font-family: "Exo 2", sans-serif;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: left;
  margin-bottom: 0.9375rem;
}
table.pricing thead th {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  background-color: #4d4d4d;
  color: white;
}
table.pricing thead th:nth-of-type(1) {
  width: 85%;
}
table.pricing td {
  border: 1px solid #ddd;
  text-align: left;
  padding: 0.625rem 1.875rem 0.625rem 0.625rem;
}
table.pricing th {
  border: 0.0625rem solid #ddd;
  text-align: left;
  padding: 0.625rem 1.875rem 0.625rem 0.625rem;
}
table.pricing tr:nth-child(2n) {
  background-color: #f2f2f2;
}

p.index {
  float: left;
  margin-top: -1.25rem;
  margin-bottom: 6.25rem;
}

.entry-content.gallery {
  width: 59.0909090909%;
}

.gallery.wrapper {
  clear: both;
}
.gallery.wrapper h3 {
  text-align: left;
  font-size: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 0;
}

.image-gallery {
  margin-bottom: 3.125rem;
  float: left;
  width: 100%;
}
.image-gallery .item {
  width: 12.5rem;
  height: 12.5rem;
  float: left;
  margin: 0 1.5625rem 1.5625rem 0;
  overflow: hidden;
  position: relative;
}
.image-gallery .item:nth-of-type(5n+5) {
  margin: 0 0 1.5625rem 0;
}
.image-gallery .item p {
  display: block;
  position: absolute;
  width: 80%;
  height: 80%;
  padding: 10%;
  z-index: 10;
  top: 0;
  left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  color: #4d4d4d;
  background: rgba(255, 255, 255, 0.8);
}
.image-gallery .item:hover p {
  display: flex;
}
.image-gallery .item img {
  width: 100%;
  height: 100%;
  margin: 0;
  transition: all 0.4s ease;
  overflow: hidden;
}
.image-gallery .item:hover img {
  transform: scale(1.07);
  -ms-transform: scale(1.07);
  -webkit-transform: scale(1.07);
}

.home .image-gallery {
  margin-top: 2.1875rem;
}

.news .image-gallery .item {
  width: 22.6206896%;
  max-width: none;
  height: auto;
  max-height: none;
  float: left;
  margin: 0 3.1724137% 3.1724137% 0;
}

.services .image-gallery .item {
  width: 12.5rem;
  height: 12.5rem;
  float: left;
  margin: 0 1.5625rem 1.5625rem 0;
}

.services .image-gallery .item:nth-of-type(5n+5),
.news .image-gallery .item:nth-of-type(5n+5) {
  margin: 0 3.1724137% 3.1724137% 0;
}

.news .image-gallery .item:nth-of-type(4n+4) {
  margin: 0 0 3.1724137% 0;
}

.services .image-gallery .item:nth-of-type(5n+5) {
  margin: 0 0 3.1724137% 0;
}

.services .image-gallery .item p,
.news .image-gallery .item p {
  margin-bottom: 0;
}

#service-gallery {
  float: left;
  width: 100%;
}

.home #video {
  margin-top: 3.125rem;
}

#video {
  width: 100%;
  float: left;
  padding: 0 0 3.125rem;
}

.page-template-template-landing #video {
  padding: 3.125rem 0 3.125rem;
}

#video .item {
  background: white;
}

.services #video {
  background: transparent;
  padding: 0 0 3.125rem;
}

.services #video .home-services {
  margin-top: 0px;
}

.services #video .home-services .item:nth-of-type(3n+2) {
  margin: 0 0 0 1.5625rem;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .gallery.wrapper h3 {
    font-size: 7vw;
    padding-top: 10vw;
    text-align: center;
  }
  .image-gallery .item {
    width: 42.5vw;
    max-width: none;
    height: 42.5vw;
    max-height: none;
    float: left;
    margin: 0 5vw 5vw 0;
  }
  .image-gallery .item:nth-of-type(5n+5) {
    margin: 0 5vw 5vw 0;
  }
  .image-gallery .item:nth-of-type(even) {
    margin: 0 0 5vw !important;
  }
  .news .image-gallery .item {
    width: 42.5vw;
    max-width: none;
    height: 42.5vw;
    max-height: none;
    float: left;
    margin: 0 5vw 5vw 0;
  }
  .news .image-gallery .item:nth-of-type(5n+5) {
    margin: 0 5vw 5vw 0;
  }
  .news .image-gallery .item:nth-of-type(even) {
    margin: 0 0 5vw !important;
  }
}
#breadcrumb {
  float: left;
  padding-top: 0px;
  padding-bottom: 0;
  width: 100%;
  height: 3.125rem;
  line-height: 3.125rem;
  background: #f2f2f2;
}
#breadcrumb .spacers {
  padding: 0 0.3125rem;
}
#breadcrumb a:hover {
  color: #4d4d4d;
}
#breadcrumb p {
  margin-bottom: 0;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #breadcrumb {
    height: auto;
    line-height: 1.5;
    padding: 3vw 0;
  }
}
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff url(images/gecko_loader.gif) no-repeat center 50%/100px auto;
}

/* =Navigation
-------------------------------------------------------------- */
.navigation {
  margin: 0 0 1.5rem 0;
  overflow: auto;
}

.single .news .navigation {
  clear: both;
}

p.back {
  clear: both;
  text-align: center;
}

.mini-slide {
  height: 17.5rem;
  position: relative;
  overflow: hidden;
  color: white;
}

#single-navigation {
  float: left;
  width: 100%;
  margin-bottom: 3.125rem;
}

.services #content .navigation,
.news #content .navigation .single-services .navigation {
  float: left;
  width: 100%;
}

.services #content .navigation .right,
.news #content .navigation .right,
.single-services .navigation .right {
  width: 8.375rem;
  height: 3.125rem;
  line-height: 3.125rem;
  padding: 0 0 0 0.9375rem;
  background: #f2f2f2;
  float: right;
  text-align: left;
  position: relative;
  font-weight: 400;
}

.services #content .navigation .right span.block, .news #content .navigation .right span.block, .single-services .navigation .right span.block {
  color: #4d4d4d;
  width: 2.5rem;
}

.single-services .navigation .right {
  width: 10.625rem;
}

.services #content .navigation .right span.chev, .news #content .navigation .right span.chev, .single-services .navigation .right span.chev {
  float: right;
  width: 2.5rem;
  line-height: 3.125rem;
  text-align: center;
}

.services #content .navigation .left, .news #content .navigation .left, .single-services .navigation .left {
  width: 8.375rem;
  background: #f2f2f2;
  height: 3.125rem;
  line-height: 3.125rem;
  float: left;
  text-align: right;
  padding: 0 0.9375rem 0 0;
  position: relative;
  font-weight: 400;
}

.services #content .navigation .left span.block, .news #content .navigation .left span.block, .single-services .navigation .left span.block {
  color: #4d4d4d;
  width: 2.5rem;
  float: left;
  margin: 0;
}

.services #content .navigation .left:hover span.block, .news #content .navigation .left:hover span.block, .single-services .navigation .left:hover span.block {
  color: white;
}

.services #content .navigation .right:hover span.block, .news #content .navigation .right:hover span.block, .single-services .navigation .right:hover span.block {
  color: white;
}

.single-services .navigation .left {
  width: 10.625rem;
}

.services #content .navigation .left span.chev, .news #content .navigation .left span.chev, .single-services .navigation .left span.chev {
  float: left;
  line-height: 3.125rem;
  width: 2.5rem;
  text-align: center;
}

.services #content .navigation .right:hover,
.services #content .navigation .left:hover,
.news #content .navigation .right:hover,
.news #content .navigation .left:hover,
.single-services .navigation .right:hover,
.single-services .navigation .left:hover {
  color: white;
}

.services #content .navigation .back,
.news #content .navigation .back,
.single-services .navigation .back {
  float: left;
  width: 24.8125rem;
  text-align: center;
  line-height: 3.125rem;
  font-weight: 400;
  height: 3.125rem;
  position: relative;
}

.services #content .navigation .back span.block,
.news #content .navigation .back span.block,
.single-services .navigation .back span.block {
  float: none;
}

.services #content .navigation .back:hover span.block,
.news #content .navigation .back:hover span.block,
.single-services .navigation .back:hover span.block {
  color: #4d4d4d;
}

.single-services .navigation .back {
  width: 43.75rem;
}

.services .left-pad,
.news .left-pad {
  margin-left: 10.25rem;
}

.single-services .left-pad {
  margin-left: 12.5rem;
}

.services #content .navigation .back span.chev,
.news #content .navigation .back span.chev,
.single-services .navigation .back span.chev {
  padding-right: 0.625rem;
  line-height: 3.125rem;
}

.services #content .navigation .back:hover,
.news #content .navigation .back:hover,
.single-services .navigation .back:hover {
  color: #4d4d4d;
}

#nav-below {
  float: left;
  width: 100%;
}
#nav-below .nav-previous {
  font-size: 1.125rem;
  width: 10.625rem;
  height: 3.125rem;
  line-height: 3rem;
  padding: 0 0.9375rem;
  text-align: right;
  position: relative;
  font-weight: 400;
  float: left;
  background: #f2f2f2;
}
#nav-below .nav-previous span.chev {
  float: left;
}
#nav-below .nav-next {
  font-size: 1.125rem;
  width: 10.625rem;
  height: 3.125rem;
  line-height: 3rem;
  padding: 0 0.9375rem;
  text-align: left;
  position: relative;
  background: #f2f2f2;
  font-weight: 400;
  float: right;
}
#nav-below .nav-next span.chev {
  float: right;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .single-services .navigation .left,
  .single-services .navigation .right,
  .single-post .navigation .left,
  .single-post .navigation .right {
    width: 36.5vw !important;
  }
  .single-services .navigation .back,
  .single-post .navigation .back {
    width: 100% !important;
    padding-top: 5vw;
  }
  .single-services .navigation .back span.block,
  .single-post .navigation .back span.block {
    margin: 0 0 0 -3.8461538462vw;
  }
}
#faqs {
  float: left;
  width: 100%;
  scroll-margin-top: 6.875rem;
}
#faqs h3 {
  font-weight: 400;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
#faqs #questions {
  margin-bottom: 6.25rem;
  float: left;
  width: 100%;
  border-bottom: 0px dotted #AAA;
}
#faqs #questions .accordion {
  cursor: pointer;
  /* border: none; */
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-size: 1rem;
  height: auto;
  padding: 0.9375rem;
  float: left;
  width: 68.75rem;
  position: relative;
  background: #f2f2f2;
  border-top: 0px dotted #AAA;
  font-family: "gotham_mediumregular";
  text-transform: uppercase;
  border: 0.0625rem solid #f2f2f2;
}
#faqs #questions .accordion span {
  padding-left: 0.625rem;
}
#faqs #questions .accordion.active i {
  transform: rotate(45deg);
  transition: all 0.5s;
}
#faqs #questions .panel {
  padding: 0px 0.625rem;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  float: left;
  width: 68.75rem;
  margin-bottom: 0.625rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 0;
}
#faqs #questions .panel p {
  margin-top: 0.625rem;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #faqs {
    scroll-margin-top: 20vw;
  }
  #faqs #questions {
    margin-bottom: 20vw;
  }
  #faqs #questions .accordion {
    font-size: 4vw;
    padding: 5vw;
    width: 100%;
    border: 0px solid #f2f2f2;
  }
  #faqs #questions .accordion i {
    height: 100%;
    display: inline-block;
    height: auto;
    vertical-align: top;
    padding-top: 1vw;
  }
  #faqs #questions .accordion span {
    display: inline-block;
    height: auto;
    vertical-align: top;
    padding-left: 2vw;
    width: 90%;
  }
  #faqs #questions .panel {
    padding: 0 5vw;
    width: 100%;
    margin-bottom: 5vw;
  }
  #faqs #questions .panel p {
    margin-top: 2vw;
    text-align: left;
  }
}
.home-services {
  margin-top: 0.625rem;
  float: left;
  width: 100%;
  margin-left: 0;
}
.home-services span.block {
  float: right;
  height: 3.125rem;
  margin-left: 2.1875rem;
  width: 3.125rem;
  color: white;
  text-align: center;
  line-height: 3.125rem;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 20;
}
.home-services .post {
  float: left;
  width: 21.875rem;
  position: relative;
  height: 13.75rem;
  margin-bottom: 1.5625rem;
  position: relative;
  overflow: hidden;
}
.home-services .post:nth-of-type(3n+2) {
  margin: 0 1.5625rem;
}
.home-services .post span.link.image {
  height: 13.75rem;
}
.home-services .post .image {
  width: 100%;
  height: 13.75rem;
  overflow: hidden;
}
.home-services .post .image img {
  width: auto;
  margin: 0;
  height: 13.75rem;
  display: block;
  /* left: 50%; */
  /* transform:translateX(-50%); */
  position: absolute;
  transition: all 0.4s ease;
  overflow: hidden;
}
.home-services .post .image:hover img {
  transform: scale(1.07);
  -ms-transform: scale(1.07);
  -webkit-transform: scale(1.07);
}
.home-services .post h2 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
  padding-left: 0;
  width: 100%;
  padding-bottom: 0;
  padding-top: 0.9375rem;
  padding-bottom: 0.6875rem;
  height: 3.125rem;
  overflow: hidden;
}
.home-services .post h3 {
  bottom: auto;
  color: #4d4d4d;
  font-size: 1.5rem;
  font-weight: 300;
  left: auto;
  position: relative;
  line-height: 1;
  padding-left: 0;
  width: 100%;
  max-width: none;
  padding-top: 0.875rem;
  padding-bottom: 0.6875rem;
  height: 3.125rem;
}
.home-services .post .no-image-placeholder {
  width: 100%;
  height: 13.75rem;
  background: #f2f2f2;
  position: relative;
}
.home-services .post .no-image-placeholder img {
  width: auto;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: auto;
  max-width: 80% !important;
  max-height: 60%;
  top: 0;
  opacity: 0.1;
}
.home-services .post .entry-meta {
  padding: 0.625rem 0 1.25rem;
  color: #aeaeae;
}
.home-services .post .entry-summary {
  margin: 0;
  height: 7.5rem;
}
.home-services .post .entry-summary p {
  margin: 0 0 3.125rem 0;
}
.home-services .item {
  float: left;
  width: 21.875rem !important;
  position: relative;
  height: 13.75rem;
  position: relative !important;
  overflow: hidden;
  margin: 0 0 1.5625rem 0 !important;
}
.home-services .item img {
  width: auto;
  margin: 0;
  height: 13.75rem;
  display: block;
  /* left: 50%; */
  /* transform:translateX(-50%); */
  position: absolute;
  transition: all 0.4s ease;
  overflow: hidden;
}
.home-services .item:nth-of-type(3n+2) {
  margin: 0 1.5625rem 1.5625rem !important;
}
.home-services .item:hover img {
  transform: scale(1.07);
  -ms-transform: scale(1.07);
  -webkit-transform: scale(1.07);
}
.home-services .item h3 {
  bottom: 0;
  color: white;
  font-size: 1.5rem;
  font-weight: 300;
  left: 0;
  position: absolute;
  line-height: 1.75rem;
  padding-left: 1.125rem;
  width: 16.25rem;
  z-index: 10;
  padding-bottom: 0.875rem;
  padding-right: 4.5rem;
  margin: 0;
  text-align: left;
}
.home-services .item h3 a.link {
  position: relative;
}
.home-services .item h3 span.block {
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  right: 0;
  bottom: 0;
}
.home-services .item .image-case:hover img {
  transform: scale(1.07);
  -ms-transform: scale(1.07);
  -webkit-transform: scale(1.07);
}
.home-services .item a.link {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.home-services .tns-controls {
  margin-top: 0;
  position: absolute;
  top: 5.3125rem;
  left: 0;
  width: 72.5rem;
  height: auto;
  line-height: 1;
}
.home-services .tns-controls button {
  float: left;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.home-services .tns-controls button:nth-of-type(2) {
  float: right;
}
.home-services .tns-controls button span {
  font-size: 3.4375rem;
}
.home-services.services .post {
  float: left;
  width: 21.875rem;
  position: relative;
  height: 100%;
  max-height: none;
  margin-bottom: 3.125rem;
}
.home-services.services .item {
  float: left;
  width: 21.875rem;
  position: relative;
  height: 100%;
  max-height: none;
  margin-bottom: 3.125rem;
}
.home-services .testimonials .item img {
  width: auto;
  height: auto;
  display: inherit;
  position: relative;
  margin: inherit;
  transition: inherit;
  overflow: inherit;
}

.home #container {
  background: #f2f2f2;
}
.home #container #content {
  padding-top: 3.3125rem;
}
.home #container #content .home-services {
  width: 70.3125rem;
  margin-left: -0.75rem;
}
.home #container #content .home-services .post {
  margin-bottom: 3.125rem;
}
.home #container #content .home-services .post:hover a {
  cursor: pointer !important;
}
.home #container #content .home-services .item {
  margin: 0 0.8125rem 3.125rem 0.75rem !important;
}
.home #container #content .home-services .item:hover a {
  cursor: pointer !important;
}
.home #container #content .intro-content h2 {
  text-align: center;
}

#home-news {
  float: left;
  width: 100%;
  padding-top: 2.5rem;
}
#home-news .wrapper {
  position: relative;
}
#home-news .wrapper p.link {
  float: right;
  font-weight: 500;
  line-height: 3.125rem;
  z-index: 10;
  position: absolute;
  top: 0px;
  right: 1.875rem;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .home #container #content {
    padding-top: 10vw;
  }
  .home #container #content .intro-content {
    margin-top: 5vw;
  }
  .home #container #content .intro-content h2 {
    text-align: center;
    line-height: 1.25;
  }
  .home #container #content .home-services {
    width: 100%;
    margin: 0;
  }
  .home #container #content .home-services .post {
    margin-bottom: 5vw;
  }
  .home #container #content .home-services .item {
    width: 100% !important;
    margin: 0 0 5vw !important;
    height: 57vw;
  }
  .home-services span.block {
    height: 7vw;
    margin-left: 0;
    max-height: none;
    max-width: none;
    width: 10vw;
    line-height: 1;
    bottom: 4vw;
    right: 3%;
  }
  .home-services .post {
    float: left;
    width: 100%;
    max-width: none;
    position: relative;
    height: 18.9655172414vw;
    max-height: none;
    margin-bottom: 10vw;
  }
  .home-services .post:nth-of-type(3n+2) {
    margin: 0 0 10vw;
  }
  .home-services .post span.link.image {
    height: 220px;
  }
  .home-services .post .image {
    height: 55vw;
    max-height: none;
  }
  .home-services .post .image img {
    height: auto;
    width: 100%;
  }
  .home-services .post h2 {
    font-size: 6vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
    height: auto;
    max-height: none;
    text-align: center;
  }
  .home-services .post h3 {
    bottom: auto;
    color: #4d4d4d;
    font-size: 24px;
    font-weight: 300;
    left: auto;
    position: relative;
    line-height: 1;
    padding-left: 0;
    width: 100%;
    max-width: none;
    padding-top: 14px;
    padding-bottom: 11px;
    height: 50px;
  }
  .home-services .post .no-image-placeholder {
    height: 50vw;
    max-height: none;
  }
  .home-services .post .entry-meta {
    padding: 0 0 5vw;
    text-align: center;
  }
  .home-services .post .entry-summary {
    height: auto;
    max-height: none;
  }
  .home-services .post .entry-summary p {
    margin: 0 0 10vw 0;
    text-align: center;
    width: 100%;
  }
  .home-services .item {
    width: 100% !important;
    max-width: none;
    height: 55vw;
    max-height: none;
    margin-bottom: 5vw;
  }
  .home-services .item:nth-of-type(3n+2) {
    margin: 0 0 5vw !important;
  }
  .home-services .item img {
    width: auto;
    height: 57vw;
  }
  .home-services .item h3 {
    bottom: 0;
    font-size: 6vw;
    line-height: 1.1;
    padding-left: 5vw;
    width: 70vw;
    max-width: none;
    padding-bottom: 4%;
    padding-right: 15vw;
  }
  .home-services .item .image-case:hover img {
    transform: scale(1.07);
    -ms-transform: scale(1.07);
    -webkit-transform: scale(1.07);
  }
  .home-services .item a.link {
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-services.profiles .item {
    float: left;
    width: 30.1724137931vw;
    max-width: none;
    position: relative;
    max-height: none;
    margin-bottom: 50px;
    height: 400px;
  }
  .home-services.profiles .item img {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
  .home-services.profiles .item h3 {
    bottom: auto;
    color: #4d4d4d;
    font-size: 24px;
    font-weight: 300;
    left: auto;
    position: relative;
    line-height: 1;
    padding-left: 0;
    width: 100%;
    max-width: none;
    padding-top: 14px;
    padding-bottom: 11px;
    height: 50px;
    height: auto;
    padding-top: 15px;
    padding-right: 0;
  }
  .home-services.profiles .item h4 {
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 15px;
    line-height: 1;
    padding-top: 0;
  }
  .home-services.profiles .item p {
    height: 6.0344827586vw;
    max-height: 70px;
    overflow: hidden;
  }
  .home-services.services .post {
    width: 100%;
    max-width: none;
    margin-bottom: 5vw;
  }
  .home-services.services .item {
    float: left;
    width: 30.1724137931vw;
    max-width: none;
    position: relative;
    height: 100%;
    max-height: none;
    margin-bottom: 50px;
  }
  .home-services.news .post {
    margin-bottom: 10vw;
  }
  .home-services .testimonials .item img {
    width: auto;
    height: auto;
    display: inherit;
    position: relative;
    margin: inherit;
    transition: inherit;
    overflow: inherit;
  }
  #home-news {
    padding-top: 10vw;
    text-align: center;
  }
  #home-news .wrapper h2 {
    padding-bottom: 2vw;
  }
  #home-news .wrapper p.link {
    line-height: 1;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    text-align: center;
  }
}
.about_gallery {
  float: right;
  width: 36.3636363636%;
  margin-bottom: 7.5%;
}

.about_gallery .item {
  float: right;
  width: 100%;
  margin-bottom: 1rem;
}

.about_gallery .item img {
  width: 100%;
  height: auto;
}

#bullets {
  background: #f2f2f2 none repeat scroll 0 0;
  clear: both;
  float: left;
  width: 100%;
}
#bullets h3 {
  font-weight: 400;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
#bullets ul {
  margin: 0;
  float: left;
  padding-bottom: 1.875rem;
  width: 100%;
}
#bullets ul li {
  font-size: 1.125rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  list-style: outside none none;
  padding: 0 0 1.875rem 0;
  width: 45%;
  font-weight: 400;
  float: left;
}
#bullets ul li svg {
  enable-background: new 0 0 74 74;
  width: 2.3125rem;
  height: 2.3125rem;
  float: left;
  padding-right: 0.9375rem;
}
#bullets ul li svg .tick-icon {
  fill: #4d4d4d;
}

.home-services.profiles .item {
  float: left;
  width: 21.875rem;
  position: relative;
  max-height: none;
  margin-bottom: 3.125rem;
  height: 25rem;
}
.home-services.profiles .item img {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
}
.home-services.profiles .item h3 {
  bottom: auto;
  color: #4d4d4d;
  font-size: 1.5em;
  font-weight: 300;
  left: auto;
  position: relative;
  line-height: 1;
  padding-left: 0;
  width: 100%;
  max-width: none;
  padding-top: 0.875rem;
  padding-bottom: 0.6875rem;
  height: 3.125rem;
  height: auto;
  padding-top: 0.9375rem;
  padding-right: 0;
}
.home-services.profiles .item h4 {
  color: #4d4d4d;
  font-size: 1.125rem;
  font-weight: 300;
  padding-bottom: 0.9375rem;
  line-height: 1;
  padding-top: 0;
}
.home-services.profiles .item p {
  height: 4.375rem;
  overflow: hidden;
}

#child-pages {
  margin: 3.125rem 0 4.6875rem;
  float: left;
  width: 100%;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .entry-content.gallery {
    width: 100%;
  }
  .about_gallery {
    width: 100%;
    margin-bottom: 10%;
  }
  #bullets ul li {
    width: 100%;
    display: table;
  }
  #bullets ul li svg {
    display: table-cell;
    float: none;
  }
  #bullets ul li span {
    float: none;
    width: 85%;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
  }
}
/* =Contact Page
-------------------------------------------------------------- */
.page-template-template-contact .left {
  width: 27.8125rem;
}
.page-template-template-contact .left p {
  padding: 0 0 0.9375rem;
  float: left;
  width: 100%;
}
.page-template-template-contact .right {
  width: 30rem;
}
.page-template-template-contact .right p {
  padding: 0 0 0.9375rem;
  float: left;
  width: 100%;
}
.page-template-template-contact .padder {
  padding: 0.9375rem 0;
  width: 100%;
}
.page-template-template-contact em {
  float: left;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0px 0 0;
  width: 100%;
}

#contact-details .item {
  float: left;
  width: 55%;
  text-align: left;
}
#contact-details .item:nth-of-type(even) {
  width: 45%;
}

form.wpcf7-form {
  margin: 0 0 3.75rem;
  position: relative;
  float: left;
  width: 100%;
}
form.wpcf7-form label {
  font-style: italic;
}
form.wpcf7-form input.wpcf7-text,
form.wpcf7-form select.wpcf7-select,
form.wpcf7-form input.wpcf7-date {
  border: 0.0625rem solid #adadad;
  color: #4d4d4d;
  font-family: "Exo 2", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  height: 2.875rem;
  margin: 0.3125rem 0 0;
  max-height: 2.875rem;
  padding: 0 2.5%;
  width: 95%;
}
form.wpcf7-form textarea {
  border: 0.0625rem solid #adadad;
  color: #4d4d4d;
  font-family: "Exo 2", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  margin: 0.3125rem 0 0;
  height: 10.75rem;
  max-width: none;
  padding: 2.5%;
  width: 95%;
}
form.wpcf7-form .button {
  width: 100%;
  height: 3.125rem;
  background: #4d4d4d;
  position: relative;
  float: left;
}
form.wpcf7-form .button input {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
  cursor: pointer;
}
form.wpcf7-form .button p.text {
  color: white;
  font-size: 1.5rem;
  font-weight: 200;
  height: 3.125rem;
  left: 0;
  line-height: 3.125rem;
  padding: 0 0 0 5%;
  position: absolute;
  top: 0;
  width: 95%;
}
form.wpcf7-form .button p.text span.block {
  height: 3.125rem;
  margin-left: 2.1875rem;
  width: 3.125rem;
  line-height: 3.125rem;
}

div.wpcf7-mail-sent-ok {
  border: 0 solid #398f14 !important;
}

div.wpcf7-response-output {
  margin: 1.5625rem 0 !important;
  padding: 0 !important;
  border: 0px !important;
  text-align: center;
  float: left;
  width: 100%;
}

div.wpcf7 .ajax-loader {
  background: url("images/spinner.gif") 0 0/100% auto !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  margin: 0.625rem 0 0 10.625rem !important;
}

div.wpcf7 .ajax-loader {
  border: none;
  padding: 0;
  margin: 0.625rem 0 0 10.625rem !important;
  vertical-align: middle;
}

.wpcf7-form input.wpcf7-not-valid {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

#map {
  width: 100%;
  overflow: hidden;
  height: 25.625rem;
  position: relative;
}
#map iframe {
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

#contact-details #social-icons {
  float: left;
  width: 100%;
  margin: 0;
  height: auto;
}
#contact-details #social-icons .item {
  float: left;
  margin: 0 0.625rem 0.625rem 0;
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  background: #f2f2f2;
}
#contact-details #social-icons .item svg path {
  fill: #4d4d4d;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .page-template-template-contact h1.entry-title {
    text-align: center;
  }
  .page-template-template-contact .left {
    max-width: none;
    width: 100%;
    margin-bottom: 5vw;
  }
  .page-template-template-contact .left #contact-details .item {
    width: 100%;
    text-align: center;
    margin-bottom: 5vw;
    margin-top: 5vw;
  }
  .page-template-template-contact .left #contact-details .item:nth-of-type(even) {
    width: 100%;
  }
  .page-template-template-contact .right {
    max-width: none;
    width: 100% !important;
  }
  .page-template-template-contact .right .wpcf7-form p {
    padding: 0 0 5vw;
    text-align: center;
  }
  .page-template-template-contact .right .wpcf7-form p input.wpcf7-text,
  .page-template-template-contact .right .wpcf7-form p input.wpcf7-date,
  .page-template-template-contact .right .wpcf7-form p select.wpcf7-select,
  .page-template-template-contact .right .wpcf7-form p textarea.wpcf7-textarea {
    border: 1px solid #adadad;
    color: #4d4d4d;
    font-family: "exo 2", sans-serif;
    font-size: 4.5vw;
    font-weight: 400;
    height: 12vw;
    line-height: 12vw;
    margin: 2vw 0 0;
    max-height: none;
    padding: 0 2.5%;
    width: 95%;
    text-align: center;
    border-radius: 0;
  }
  .page-template-template-contact .right .wpcf7-form p textarea.wpcf7-textarea {
    height: auto;
    line-height: 1.3;
    padding: 5% 2.5%;
    width: 95%;
  }
  .page-template-template-contact .right .wpcf7-form .button {
    height: 12.5vw;
  }
  .page-template-template-contact .right .wpcf7-form .button input {
    left: 0;
    padding: 0;
  }
  .page-template-template-contact .right .wpcf7-form .button p {
    text-align: left;
    line-height: 12.5vw;
  }
  .page-template-template-contact .padder {
    padding: 3vw 0;
  }
  .page-template-template-contact #map {
    height: 100vw;
  }
}
/* =Testimonials Page
-------------------------------------------------------------- */
.home-services.testimonials {
  width: 100%;
  margin-bottom: 5%;
  padding: 0;
  -moz-column-count: 3;
  column-count: 3;
}
.home-services.testimonials ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-services.testimonials ul.list .item {
  padding: 0px;
  margin-bottom: 1.5625rem;
  -moz-page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  page-break-inside: avoid;
  background: #f2f2f2;
  height: auto;
  max-height: none;
  float: none;
}
.home-services.testimonials ul.list .item:nth-of-type(even) .quote {
  background: url("images/quote-marks-light.png") 0 0/100% auto;
}
.home-services.testimonials ul.list .item:nth-of-type(even) .quote .content {
  color: #f2f2f2;
}
.home-services.testimonials ul.list .item:nth-of-type(3n+2) {
  margin: 0 0 1.5625rem !important;
}
.home-services.testimonials ul.list .item .quote {
  background: url("images/quote-marks-dark.png") 0 0/100% auto;
  width: 1.875rem;
  height: 1.625rem;
  position: absolute;
  top: 1.875rem;
  left: 1.25rem;
}
.home-services.testimonials ul.list .item .content {
  padding: 4.6875rem 1.25rem 1.25rem;
}
.home-services.testimonials ul.list .item .content p.name {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
.home-services.testimonials ul.list .item .content p.company,
.home-services.testimonials ul.list .item .content p.position {
  font-size: 0.875rem;
  margin: 0;
}
.home-services.testimonials ul.list .item:nth-of-type(even) .content {
  color: white;
}

.page-template-template-testimonials .star-rating {
  float: right;
  padding: 2.1875rem 0.9375rem 0 0;
}

.home-services.testimonials .item:nth-of-type(even) .star-rating i.fa-star,
.home-services.testimonials .post:nth-of-type(even) .star-rating i.fa-star {
  color: white;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .home-services.testimonials {
    -moz-column-count: 1;
         column-count: 1;
  }
  .home-services.testimonials ul.list .item {
    margin-bottom: 5vw;
  }
}
#profile {
  float: left;
  margin-top: 3.125rem;
  float: left;
  width: 100%;
}

h1.profiles {
  padding-bottom: 0 !important;
  float: left;
}

h1.profiles.no-sub {
  padding-bottom: 1.5625rem !important;
}

.services h1 {
  padding-bottom: 3.1875rem;
}

h2.profiles {
  font-size: 1.5rem;
  font-weight: 400;
  padding-bottom: 1.5625rem;
  float: left;
}

.profiles .entry-content {
  padding-top: 0px;
}
.profiles .entry-content h3 {
  font-size: 1.25rem;
  padding-bottom: 1.375rem;
}
.profiles .entry-content ul {
  list-style: none;
  margin: 0;
}
.profiles .entry-content ul li {
  min-height: 1.5625rem;
  float: left;
  width: 47.5%;
}
.profiles .entry-content ul li:nth-of-type(odd) {
  padding-right: 5%;
}
.profiles .entry-content ul li span.tick {
  width: 1.5625rem;
  height: 1.5625rem;
  float: left;
  margin-right: 0.9375rem;
  margin-bottom: 0.3125rem;
  background: url("images/tick.png") no-repeat 0 0/1.5625rem 1.5625rem;
}

.profiles img.size-main-image,
.services img.size-main-image {
  padding-bottom: 3.125rem;
  width: 100%;
  height: auto;
}

#pro-contact {
  float: left;
  width: 100%;
  padding-top: 2.5rem;
}
#pro-contact h4 {
  font-size: 1.25rem;
}
#pro-contact .item {
  float: left;
  width: 33.33333%;
  position: relative;
  padding-bottom: 1.25rem;
}
#pro-contact .item span.icon {
  font-size: 1.5625rem;
  padding-right: 0.625rem;
  float: left;
}
#pro-contact .value_text {
  height: 1.5625rem;
  line-height: 1.5625rem;
  float: left;
  display: inline;
  font-size: 0.875rem;
}

.home-services.profiles .image-case {
  width: 100%;
  height: 13.75rem;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .single-post h1.profiles {
    padding-bottom: 3vw !important;
  }
  .home-services.profiles .item {
    height: auto;
  }
  .home-services.profiles .item h3 {
    padding-bottom: 1vw;
  }
  .profiles .entry-content .profile-pics {
    display: block !important;
    width: 100%;
    margin-bottom: 5vw;
  }
  .profiles .entry-content .profile-pics img {
    width: 100%;
    margin-bottom: 1vw;
    height: auto;
  }
  .profiles .entry-content .profile-pics .quote {
    padding-bottom: 5vw;
    float: left;
    width: 100%;
  }
  .profiles .entry-content ul li {
    min-height: 1.5625em;
    width: 100%;
    padding-right: 0 !important;
    line-height: 1.2;
    padding-bottom: 2vw;
  }
  #pro-contact .item {
    width: 100%;
  }
  h2.profiles {
    font-size: 5vw;
  }
}
/* =Category
-------------------------------------------------------------- */
.entry-meta {
  padding: 1.5625rem 0;
}

#comments {
  float: left;
  width: 100%;
  border-top: 0.0625rem solid #f2f2f2;
  padding-top: 1.875rem;
  margin-top: 1.5625em;
  margin-bottom: 4.6875rem;
}

#comments .form-label {
  padding: 0.625rem 0;
  font-style: italic;
}

#comments textarea {
  border: 0.0625rem solid #adadad;
  font-family: "Exo 2", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  height: 14.8276vw;
  line-height: 2.875rem;
  margin: 0.3125rem 0 0;
  max-height: 10.75rem;
  padding: 0 2.5%;
  width: 95%;
}

#comments ol {
  list-style-type: none;
  margin: 0;
}

#comments .comment-author img {
  width: 3.125rem;
  height: 3.125rem;
  border: 0.3125rem solid #f2f2f2;
  border-radius: 62.5rem;
  float: left;
}

#comments .comment-author .fn {
  line-height: 3.125rem;
  padding-left: 1.5625rem;
}

#comments .comment-meta {
  clear: left;
  padding: 0.625rem 0;
}

#comments ul.children {
  list-style: none;
  padding-top: 1.25rem;
  padding-bottom: 1.875rem;
}

#comments .comment-reply-link a:hover {
  color: #4d4d4c;
}

#comments .form-submit {
  width: 30rem;
  height: 3.75rem;
  background: #4d4d4d;
  position: relative;
}

#comments .form-submit input {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
  cursor: pointer;
}

#comments .form-submit p.text {
  color: white;
  font-size: 1.5rem;
  font-weight: 200;
  height: 3.75rem;
  left: 0;
  line-height: 3.75rem;
  padding: 0 5%;
  position: absolute;
  top: 0;
  width: 90%;
}

#comments .form-submit p.text span.chev {
  float: right;
}

#respond {
  padding-top: 1.5625rem;
  padding-bottom: 0;
}

#form-allowed-tags {
  padding: 10px 0;
}

#sub-services {
  width: 100%;
  height: auto;
  float: left;
  padding: 1.5625rem 0 3.125rem;
  background: #f2f2f2;
  margin-bottom: 3.125rem;
}
#sub-services .home-services {
  width: 100%;
  margin: 0;
}
#sub-services .home-services .item {
  margin: 0 0 1.5625rem !important;
}
#sub-services .home-services .item:nth-of-type(3n+2) {
  margin-right: 1.5625rem !important;
  margin-left: 1.5625rem !important;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #sub-services .home-services .item:nth-of-type(even) {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
/* =News
-------------------------------------------------------------- */
.news-image {
  margin-bottom: 2.5rem;
}
.news-image img {
  width: 100%;
  height: auto;
}

/* @import 'vendors/woocommerce/woocommerce'; */
.woocommerce strong {
  font-weight: 600;
}
.woocommerce #main {
  width: 100%;
  max-width: none;
  padding: 0;
  float: left;
}
.woocommerce #main .woocommerce-breadcrumb {
  float: left;
  padding-top: 0px;
  padding-bottom: 0;
  width: 100%;
  height: 3.125rem;
  line-height: 3.125rem;
  background: #f2f2f2;
  font-size: 1rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #4d4d4d !important;
}
.woocommerce #main .woocommerce-breadcrumb .spacers {
  padding: 0 0.3125rem;
}
.woocommerce #main #primary {
  width: 100%;
  max-width: 68.75rem;
  margin: 0 auto;
  float: none;
  padding: 0 1.875rem;
}
.woocommerce #main #primary .woocommerce-message a.button,
.woocommerce #main #primary .woocommerce-error a.button {
  height: auto;
  width: auto;
  font-weight: normal;
  padding: 0;
  text-transform: capitalize;
  background: transparent !important;
  line-height: 1.5;
}
.woocommerce #main #primary .woocommerce-message a.button:after,
.woocommerce #main #primary .woocommerce-error a.button:after {
  content: " >";
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  float: left;
  width: 100%;
}

.theme-gecko.woocommerce-page button.button {
  text-transform: capitalize;
}
.theme-gecko .woocommerce form.checkout_coupon,
.theme-gecko .woocommerce form.login,
.theme-gecko .woocommerce form.register {
  border: 0px;
  padding: 0;
  margin: 0;
  text-align: left;
  border-radius: 0;
}
.theme-gecko .woocommerce form.checkout_coupon button,
.theme-gecko .woocommerce form.login button,
.theme-gecko .woocommerce form.register button {
  margin-top: 0px !important;
}
.theme-gecko .woocommerce form .form-row {
  padding: 0;
  margin: 0 0 1.25rem;
}
.theme-gecko .woocommerce form .form-row label {
  text-transform: capitalize;
  font-size: 0.9375rem;
  padding-bottom: 0.4375rem;
  width: 100%;
  line-height: 1.2;
  float: left;
}
.theme-gecko .woocommerce form .form-row label.woocommerce-form-login__rememberme span {
  float: left;
  width: 17.1875rem;
  line-height: 2.1875rem;
  font-size: 1rem;
}
.theme-gecko .woocommerce form .form-row input {
  padding: 0;
  width: 39.375rem;
  width: 100%;
  border: 0.0625rem solid #4d4d4d;
  height: 3rem;
  padding: 0 0.9375rem;
  font-family: "Exo 2", sans-serif;
  font-size: 1rem;
}
.theme-gecko .woocommerce form .form-row textarea {
  height: 4em;
  line-height: 1.5;
  display: block;
  box-shadow: none;
  border: 0.0625rem solid #4d4d4d;
}
.theme-gecko .woocommerce form .form-row .button {
  float: left;
  clear: left;
  width: 18.75rem;
  background: #4d4d4d;
  color: white;
  border-radius: 0;
  height: 3.125rem;
  font-weight: normal;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 3.125rem;
  padding: 0;
  text-align: center;
  font-size: 0.9375rem;
  font-family: "Exo 2", sans-serif;
}
.theme-gecko .woocommerce form.woocommerce-form-login .button {
  float: right;
  clear: none;
  margin-right: 0;
  width: 18.75rem;
  height: 3.125rem;
  line-height: 3.125rem;
  margin-top: 0 !important;
}
.theme-gecko .woocommerce form .woocommerce-form__label.checkbox span {
  line-height: 2.1875rem;
  font-size: 1rem;
  text-transform: none;
  padding: 0;
  margin: 0;
  float: left;
  font-weight: 400;
}
.theme-gecko .woocommerce form input[type=checkbox] {
  -webkit-appearance: none;
  background-color: #fff;
  border: 0.0625rem solid #4d4d4d;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  padding: 0px;
  border-radius: 0px;
  position: relative;
  height: 2.1875rem;
  width: 2.1875rem !important;
  cursor: pointer;
  transition: all 0.2s;
  margin: 0 0.625rem 0 0;
  float: left;
}
.theme-gecko .woocommerce form input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 0.375rem;
  left: 0.3125rem;
  background: url("images/checkbox-tick.png") no-repeat 0 0/1.375rem 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  transition: all 0.2s;
}
.theme-gecko .woocommerce .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 0.0625rem solid #4d4d4d;
  height: 3.125rem;
  margin: 0 0 -0.25rem;
  border-radius: 0;
}
.theme-gecko .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #4d4d4d;
  line-height: 3.125rem;
  padding: 0 0.9375rem;
}
.theme-gecko .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 3.125rem;
  top: 0px;
  right: 0.625rem;
  width: 1.25rem;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .woocommerce #main .woocommerce-breadcrumb {
    height: auto;
    line-height: 1.5;
    padding: 3.5vw 0 !important;
  }
  .woocommerce #main #primary {
    width: 90vw;
    padding: 0 5vw;
  }
}
/* =WooCommerce Header Styling
-------------------------------------------------------------- */
.header.smaller.woo {
  top: 2.5rem;
}

#header.woo {
  padding-top: 2.5rem;
}

/* =Cart Bar 
----------------------------------------------------------------*/
.admin-bar #cart-bar {
  top: 32px;
}

#cart-bar {
  width: 100%;
  height: 2.5rem;
  background: #000;
  position: fixed;
  z-index: 1500;
  top: 0;
}
#cart-bar #header-search div.product-search {
  float: left;
}
#cart-bar #header-search div.product-search input {
  font-size: 1rem;
  padding: 0;
  margin: 0;
  float: left;
  border: 0px;
  height: 2.5rem;
  line-height: 1;
  background: transparent;
  color: white;
  font-family: "Exo 2";
  width: 20.625rem;
}
#cart-bar #header-search div.product-search ::placeholder,
#cart-bar #header-search div.product-search :-ms-input-placeholder,
#cart-bar #header-search div.product-search ::-ms-input-placeholder {
  color: white;
}
#cart-bar #header-search i {
  float: left;
  height: 2.5rem;
  line-height: 2.375rem;
  padding-right: 0.625rem;
  color: white;
}
#cart-bar #header-search .product-search-results {
  display: none;
}
#cart-bar p {
  float: left;
  color: white;
  line-height: 2.5rem;
  margin-right: 1.25rem;
}
#cart-bar .social-icons {
  float: left;
  margin: 0;
  height: 2.5rem;
}
#cart-bar .social-icons .fab {
  font-size: 1.25rem;
  margin: 0.5em 0.5em 0.5em 0;
  line-height: 1;
  color: white;
}
#cart-bar ul {
  margin: 0;
  line-height: 2.5rem;
  float: right;
}
#cart-bar ul li {
  padding-left: 1.25rem;
  float: left;
}
#cart-bar ul li a {
  color: white;
}
#cart-bar ul li a:hover {
  opacity: 0.8;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #header {
    height: auto;
  }
  #header.woo {
    padding-top: 0;
  }
  #header .navigation.mobile {
    display: none;
  }
  #cart-bar {
    display: none;
    height: 12vw;
    position: relative;
  }
  #cart-bar.show {
    display: block;
  }
  #cart-bar #header-search {
    width: 65%;
  }
  #cart-bar #header-search i {
    padding-top: 1.6vw;
  }
  #cart-bar #header-search div.product-search input {
    height: 12vw;
    width: 100%;
  }
  #cart-bar .menu-woocommerce-container {
    float: right;
    width: 35%;
  }
  #cart-bar .menu-woocommerce-container ul li {
    display: none;
  }
  #cart-bar .menu-woocommerce-container ul li#wpmenucartli {
    display: inline-block;
    line-height: 12vw;
  }
  #cart-bar .menu-woocommerce-container ul li#wpmenucartli span.cartcontents {
    display: none !important;
  }
  .admin-bar .shiftnav-wrap {
    margin-top: -5px;
  }
  .admin-bar #cart-bar {
    top: 0;
  }
}
/* =Home Page
----------------------------------------------------------------*/
#home-products {
  float: left;
  width: 100%;
  padding-top: 2.5rem;
  margin-bottom: 3.75rem;
}
#home-products p.link {
  float: right;
  font-weight: 500;
  line-height: 3.125rem;
  z-index: 10;
  position: absolute;
  top: 0px;
  right: 1.875rem;
}
#home-products .woocommerce ul.products {
  width: 100%;
  margin: 1.5625rem 0 0;
}
#home-products .woocommerce ul.products li.product {
  width: 15.8125rem;
  margin-right: 1.8125rem;
  margin-bottom: 5%;
}
#home-products .woocommerce ul.products li.product:nth-of-type(4n+4) {
  margin-right: 0px;
}
#home-products .woocommerce ul.products li.product a {
  display: flex; /* flexbox allows us to move elements around */
  flex-direction: column;
}
#home-products .woocommerce ul.products li.product a .imagewrapper {
  border: 0.125rem solid #ebe9eb;
  width: 15.625rem;
  height: 15.625rem;
  overflow: hidden;
}
#home-products .woocommerce ul.products li.product a .imagewrapper img {
  margin: 0 !important;
  transition: all 0.5s ease;
}
#home-products .woocommerce ul.products li.product a .price {
  order: 1; /* 0 is like second/middle */
  text-align: left;
  font-size: 0.9375rem;
  margin: 0.625rem 0;
  line-height: 1;
}
#home-products .woocommerce ul.products li.product a .star-rating {
  order: 2; /* 1 is like third/bottom */
}
#home-products .woocommerce ul.products li.product a h2.woocommerce-loop-product__title {
  order: 3; /* -1 is like first/top */
}
#home-products .woocommerce ul.products li.product a:hover img {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
#home-products .woocommerce ul.products li.product .add_to_cart_button,
#home-products .woocommerce ul.products li.product .product_type_variable,
#home-products .woocommerce ul.products li.product .product_type_simple {
  font-weight: normal;
  border-radius: 0;
  width: 100%;
  padding: 0;
  height: auto;
  line-height: 1;
  text-align: left;
  text-transform: capitalize;
  display: block !important;
  font-weight: normal;
  background: transparent;
}
#home-products .woocommerce ul.products li.product .add_to_cart_button:hover,
#home-products .woocommerce ul.products li.product .product_type_variable:hover,
#home-products .woocommerce ul.products li.product .product_type_simple:hover {
  background: transparent;
  color: #4d4d4d !important;
}
#home-products .woocommerce ul.products li.product .add_to_cart_button::after,
#home-products .woocommerce ul.products li.product .product_type_variable::after,
#home-products .woocommerce ul.products li.product .product_type_simple::after {
  content: " >";
}
#home-products .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 0.9375rem;
  text-align: left;
  margin: 0;
  padding: 0.625rem 0 0;
  height: 2.8125rem;
  display: block;
  width: 100%;
  color: #4d4d4d;
  line-height: 1.2;
  font-weight: normal;
  border-top: 0.125rem solid #ebe9eb;
}
#home-products .button.more {
  font-size: 1.25rem;
  width: 16.875rem;
  height: 3.125rem;
  padding: 0 0 0 0.9375rem;
  line-height: 3.125rem;
  margin-bottom: 6.25rem;
  margin: 0 auto 6.25rem;
  background: black;
  color: white;
  font-weight: 500;
  position: relative;
  clear: both;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #home-products h2 {
    text-align: center;
    width: 100%;
  }
  #home-products p.link {
    line-height: 1;
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    width: 100%;
  }
  #home-products .woocommerce ul.products {
    margin: 5vw 0 0;
  }
  #home-products .woocommerce ul.products li.product {
    width: 42.5vw;
    margin-right: 5vw;
    margin-bottom: 10vw;
  }
  #home-products .woocommerce ul.products li.product:nth-of-type(2n+2) {
    margin-right: 0vw;
  }
  #home-products .woocommerce ul.products li.product a .imagewrapper {
    border: 0.5vw solid #ebe9eb;
    width: 41.5vw;
    height: 41.5vw;
  }
}
.theme-gecko #primary #sidebar_one {
  float: left;
  clear: left;
  width: 15.8125rem;
  padding-top: 2.9375rem;
}
.theme-gecko #primary #sidebar_one ul li {
  float: left;
  padding-bottom: 0;
  position: relative;
}
.theme-gecko #primary #sidebar_one ul li h3,
.theme-gecko #primary #sidebar_one ul li .product-search-filter-terms-heading,
.theme-gecko #primary #sidebar_one ul li .product-search-filter-reset-heading {
  font-size: 1.875rem !important;
  padding-top: 0;
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: normal;
  padding-bottom: 0;
  font-weight: 400 !important;
}
.theme-gecko #primary #sidebar_one ul li #product-filter-search-form-0 input#product-filter-field-0 {
  font-size: 1rem;
  padding: 0 0.9375rem;
  height: 2.8125rem;
  text-transform: capitalize;
  border: 0.125em solid #ebe9eb;
  width: 13rem;
  font-family: "Exo 2";
}
.theme-gecko #primary #sidebar_one ul li .product-search-filter-terms ul li.attribute-item {
  float: left;
  width: 4.375rem;
  margin: 0 0.625rem 0.625rem 0;
  height: 2.375rem;
  clear: none;
  border: 0.125rem solid #ebe9eb;
  padding: 0;
  text-align: center;
}
.theme-gecko #primary #sidebar_one ul li .product-search-filter-terms ul li.attribute-item .term-name {
  font-size: 0.875rem;
  line-height: 2.1875rem;
  display: block;
  padding: 0px;
  line-height: 2.375rem;
  text-transform: uppercase;
}
.theme-gecko #primary #sidebar_one ul li .product-search-filter-terms ul li.attribute-item.product-search-attribute-filter-item.current-attribute > a::after {
  display: none;
}
.theme-gecko #primary #sidebar_one ul li .product-search-filter-terms ul li.attribute-item-all.nav-back, .theme-gecko #primary #sidebar_one ul li .product-search-filter-terms ul li.cat-item-all.nav-back {
  position: absolute;
  top: 0.625rem;
  margin: 0 !important;
  right: 0;
  left: auto;
  width: auto;
  line-height: 1;
}
.theme-gecko #primary #sidebar_one ul li .product-search-filter-terms ul li.attribute-item-all.nav-back a, .theme-gecko #primary #sidebar_one ul li .product-search-filter-terms ul li.cat-item-all.nav-back a {
  margin-top: 0;
  font-size: 0.875rem;
}
.theme-gecko #primary #sidebar_one ul li .product-search-filter-terms .product-search-filter-attribute .term-thumbnail,
.theme-gecko #primary #sidebar_one ul li .product-search-filter-terms .product-search-filter-product_tag .term-thumbnail,
.theme-gecko #primary #sidebar_one ul li .product-search-filter-terms .product-search-filter-product_cat .term-thumbnail {
  box-shadow: none;
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  float: left;
}
.theme-gecko #primary #sidebar_one ul li .product-search-filter-search form.product-search-form {
  margin-bottom: 0 !important;
}
.theme-gecko #primary #sidebar_one ul li.cat-item {
  font-size: 1.125rem;
  width: 100%;
  padding-bottom: 0.625rem;
  line-height: 1.2;
  height: auto;
}
.theme-gecko #primary #sidebar_one ul li.cat-item span {
  font-size: 1.125rem;
  line-height: inherit;
  padding: 0;
}
.theme-gecko #primary #sidebar_one ul li.cat-item span.term-expander {
  float: right;
  margin-top: -2.1875rem;
  margin-right: 0.75rem;
}
.theme-gecko #primary #sidebar_one ul li.cat-item span.term-expander span.retract,
.theme-gecko #primary #sidebar_one ul li.cat-item span.term-expander span.expand {
  visibility: hidden;
  position: relative;
  float: right;
  width: 1.125rem;
}
.theme-gecko #primary #sidebar_one ul li.cat-item span.term-expander span.retract::after,
.theme-gecko #primary #sidebar_one ul li.cat-item span.term-expander span.expand::after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "FontAwesome";
  content: "\f077";
}
.theme-gecko #primary #sidebar_one ul li.cat-item span.term-expander span.expand::after {
  content: "\f078";
}
.theme-gecko #primary #sidebar_one ul li.cat-item.cat-parent > a {
  margin-bottom: 0.625rem;
  float: left;
  width: 100%;
  line-height: 1.2;
  height: auto;
}
.theme-gecko #primary #sidebar_one ul li.cat-item a::after {
  display: none;
}
.theme-gecko #primary #sidebar_one ul li.widget-container {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}
.theme-gecko #primary #sidebar_one ul li.widget-container .product-search,
.theme-gecko #primary #sidebar_one ul li.widget-container ul.product-categories {
  margin-bottom: 1.25rem;
  padding-bottom: 0.9375rem;
  float: left;
  margin-top: 1.875rem;
}
.theme-gecko #primary #sidebar_one ul li.widget-container ul.product-attribute {
  margin-bottom: 1.25rem;
  padding-bottom: 0.9375rem;
  float: left;
  margin-top: 1.875rem;
}
.theme-gecko #primary #sidebar_one ul li.widget-container.widget_woocommerce_product_search_filter_reset_widget button.button {
  font-size: 1rem;
  float: left;
  width: 15.75rem;
  background: #4d4d4d;
  color: white;
  height: 3.125rem;
  border-radius: 0;
  font-weight: normal;
  text-transform: capitalize;
  margin-top: 1.875rem;
  font-family: "Exo 2", sans-serif;
}
.theme-gecko #primary #sidebar_one ul li.widget-container .product-attribute {
  margin-bottom: 1.25rem;
  padding-bottom: 0.9375rem;
  float: left;
  margin-top: 1.875rem;
  width: 100%;
}
.theme-gecko #primary #sidebar_one ul li.widget-container .product-attribute.selectize-dropdown {
  margin-top: 0;
}
.theme-gecko #primary #sidebar_one ul li.widget-container .product-search-filter-terms.product-search-filter-terms .product-search-filter-attribute.style-select .selectize-dropdown,
.theme-gecko #primary #sidebar_one ul li.widget-container .product-search-filter-terms.product-search-filter-terms .product-search-filter-attribute.style-select .selectize-input,
.theme-gecko #primary #sidebar_one ul li.widget-container .product-search-filter-terms.product-search-filter-terms .product-search-filter-attribute.style-select .selectize-input input {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.theme-gecko #primary #sidebar_one ul li.widget-container .product-search-filter-terms.product-search-filter-terms .product-search-filter-attribute.style-select .selectize-dropdown:after,
.theme-gecko #primary #sidebar_one ul li.widget-container .product-search-filter-terms.product-search-filter-terms .product-search-filter-attribute.style-select .selectize-input:after,
.theme-gecko #primary #sidebar_one ul li.widget-container .product-search-filter-terms.product-search-filter-terms .product-search-filter-attribute.style-select .selectize-input input:after {
  width: 1.0625rem;
  height: 1.0625rem;
  padding: 0.53125rem 0;
}
.theme-gecko #primary #sidebar_one ul li.widget-container .product-search-filter-terms.product-search-filter-terms .product-search-filter-attribute.style-select .selectize-input {
  min-height: 2.125rem;
  border: 0.0625rem solid #d0d0d0;
  padding: 0.5rem 0.5rem;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  #primary #sidebar_one {
    clear: left;
    width: 90vw;
    margin-left: 0;
    position: fixed;
    left: -100vw;
    background: white;
    z-index: 99999;
    top: 15vw;
    scroll-behavior: auto;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 10vh 5vw 10vh;
    transition: all 0.5s;
    height: 80vh;
  }
  #primary #sidebar_one.open {
    left: 0vw;
  }
  #primary #sidebar_one ul.xoxo {
    padding-bottom: 50vw;
  }
  #primary #sidebar_one ul.xoxo li.widget-container:last-of-type {
    min-height: 100vw;
  }
}
/* WooCommerce Ordering
---------------------------------- */
.theme-gecko #primary .woocommerce-ordering {
  float: right;
  display: block;
  width: auto;
  clear: none;
  position: absolute;
  right: 1.875rem;
  width: 15.8125rem;
  top: 3.125rem;
}
.theme-gecko #primary .woocommerce-ordering select.orderby {
  background: white;
  border: 0px;
  font-size: 1.125rem;
  text-transform: capitalize;
  margin-top: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(images/sorting-arrow-down.png) no-repeat 14.6875rem 0.3125rem/0.9375rem 0.46875rem;
  width: 15.8125rem;
  font-family: "Exo 2";
}

/* WooCommerce Category
---------------------------------- */
.theme-gecko #primary header.woocommerce-products-header {
  float: right;
  width: 51.125rem;
}
.theme-gecko #primary .woocommerce-result-count {
  display: none !important;
}
.theme-gecko #primary ul.products {
  float: right;
  margin-left: 1.8125rem;
  width: 51.125rem;
  clear: none;
  margin: 0;
}
.theme-gecko #primary ul.products li.first {
  clear: none;
}
.theme-gecko #primary ul.products li.product {
  width: 15.8125rem;
  margin-right: 1.8125rem;
  margin-bottom: 5%;
}
.theme-gecko #primary ul.products li.product:nth-of-type(4n+4) {
  margin-right: 0px;
}
.theme-gecko #primary ul.products li.product a {
  display: flex; /* flexbox allows us to move elements around */
  flex-direction: column;
}
.theme-gecko #primary ul.products li.product a .imagewrapper {
  border: 0.125rem solid #ebe9eb;
  width: 15.625rem;
  height: 15.625rem;
  overflow: hidden;
}
.theme-gecko #primary ul.products li.product a .imagewrapper img {
  margin: 0 !important;
  transition: all 0.5s ease;
}
.theme-gecko #primary ul.products li.product a .imagewrapper span.onsale {
  margin: 0.625rem;
  left: 0;
  right: auto;
}
.theme-gecko #primary ul.products li.product a .price {
  order: 1; /* 0 is like second/middle */
  text-align: left;
  font-size: 0.9375rem;
  margin: 0.625rem 0;
  line-height: 1;
}
.theme-gecko #primary ul.products li.product a .star-rating {
  order: 2; /* 1 is like third/bottom */
}
.theme-gecko #primary ul.products li.product a h2.woocommerce-loop-product__title {
  order: 3; /* -1 is like first/top */
}
.theme-gecko #primary ul.products li.product a:hover img {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.theme-gecko #primary ul.products li.product .add_to_cart_button,
.theme-gecko #primary ul.products li.product .product_type_variable,
.theme-gecko #primary ul.products li.product .product_type_simple {
  font-weight: normal;
  border-radius: 0;
  width: 100%;
  padding: 0;
  height: auto;
  line-height: 1;
  text-align: left;
  text-transform: capitalize;
  display: block !important;
  font-weight: normal;
  background: transparent;
}
.theme-gecko #primary ul.products li.product .add_to_cart_button:hover,
.theme-gecko #primary ul.products li.product .product_type_variable:hover,
.theme-gecko #primary ul.products li.product .product_type_simple:hover {
  background: transparent;
  color: #4d4d4d !important;
}
.theme-gecko #primary ul.products li.product .add_to_cart_button::after,
.theme-gecko #primary ul.products li.product .product_type_variable::after,
.theme-gecko #primary ul.products li.product .product_type_simple::after {
  content: " >";
}
.theme-gecko #primary ul.products li.product .woocommerce-loop-product__title {
  font-size: 0.9375rem !important;
  text-align: left;
  margin: 0;
  padding: 0.625rem 0 0;
  height: 2.8125rem;
  display: block;
  width: 100%;
  color: #4d4d4d;
  line-height: 1.2;
  font-weight: normal;
  border-top: 0.125rem solid #ebe9eb;
}
.theme-gecko #primary ul.products.columns-3 li.product:nth-of-type(4n+4) {
  margin-right: 1.8125rem;
}
.theme-gecko #primary ul.products.columns-3 li.product:nth-of-type(3n+3) {
  margin-right: 0px;
}
.theme-gecko #primary.content-area {
  width: 68.75rem;
  margin: 0 auto;
  float: none;
  position: relative;
}
.theme-gecko #primary .lmp_products_loading,
.theme-gecko #primary .lmp_load_more_button {
  width: 51.125rem;
  float: right;
  clear: none;
}
.theme-gecko #primary .lmp_products_loading a.lmp_button,
.theme-gecko #primary .lmp_load_more_button a.lmp_button {
  font-family: "Exo 2";
  background: transparent !important;
  font-size: 1.5em !important;
  padding: 1em !important;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .theme-gecko.woocommerce-page #main h1 {
    text-align: left !important;
  }
  .theme-gecko.woocommerce-page #main #primary ul.products li.product:nth-of-type(3n+3) {
    margin-right: 5vw;
  }
  .theme-gecko #primary .filter-switch {
    float: left;
    width: 42.5vw;
    height: 14.4666666667vw;
    z-index: 999999;
    -webkit-box-ordinal-group: 2;
    transition: 0.25s all;
    position: absolute;
    top: 26.6666666667vw;
    border-top: 0.2564102564vw dashed #9e9e9e;
    border-bottom: 0.2564102564vw dashed #9e9e9e;
    background: #fff url("images/filter.png") no-repeat right 5.5vw/4.25vw auto;
  }
  .theme-gecko #primary .filter-switch.close {
    position: fixed;
    top: 30vw;
    right: 5vw;
    width: 15vw;
    height: 15vw;
    background: white;
    border: 0.75vw solid #4d4d4d;
    border-radius: 100px;
  }
  .theme-gecko #primary .filter-switch.close::after {
    content: "Close";
    line-height: 15vw;
    font-size: 1.125rem;
    font-weight: 600;
    width: 100%;
    display: block;
    text-align: center;
  }
  .theme-gecko #primary .filter-switch::after {
    content: "Filter By";
    line-height: 15vw;
    font-size: 1.125rem;
    font-weight: 500;
  }
  .theme-gecko #primary header.woocommerce-products-header {
    width: 100%;
  }
  .theme-gecko #primary ul.products {
    margin-left: 0;
    width: 100%;
  }
  .theme-gecko #primary ul.products.columns-3 li.product {
    width: 42.5vw;
    margin-right: 5vw;
    margin-bottom: 5vw;
  }
  .theme-gecko #primary ul.products.columns-3 li.product:nth-of-type(even) {
    margin-right: 0;
  }
  .theme-gecko #primary ul.products li.product a {
    font-size: 3.5vw;
  }
  .theme-gecko #primary ul.products li.product a .imagewrapper {
    width: 41.5vw;
    height: 41.5vw;
    border: 0.5vw solid #ebe9eb;
  }
  .theme-gecko #primary ul.products li.product a h2 {
    font-size: 3.5vw !important;
    height: 10vw !important;
    overflow: hidden;
  }
  .theme-gecko #primary ul.products li.product:nth-of-type(even) {
    margin-right: 0 !important;
  }
  .theme-gecko #primary .woocommerce-ordering {
    width: 42.5vw;
    display: block;
    left: 0;
    right: 5vw;
    position: relative;
    top: auto;
    height: 15vw;
    margin-bottom: 5vw;
  }
  .theme-gecko #primary .woocommerce-ordering select.orderby {
    border-top: 1px dashed #9e9e9e;
    border-bottom: 1px dashed #9e9e9e;
    height: 15vw;
    margin: 0;
    padding: 0;
    width: 100%;
    background: url(images/sorting-arrow-down.png) no-repeat 95% 23px/0.9375rem 0.46875rem;
  }
  .theme-gecko #primary .lmp_products_loading,
  .theme-gecko #primary .lmp_load_more_button {
    width: 100%;
  }
}
/* =WooCommerce Product View
----------------------------------------------------------------*/
.theme-gecko.woocommerce.single #main #primary {
  padding-top: 3.125rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-product-gallery {
  float: left;
  width: 31.25rem;
  margin-bottom: 0.75rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  width: 2.25rem;
  height: 2.25rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
  width: 0.625rem;
  height: 0.625rem;
  border: 0.125rem solid #000;
  top: 0.5625rem;
  left: 0.5625rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::after {
  width: 0.125rem;
  height: 0.5rem;
  border-radius: 0.375rem;
  top: 1.1875rem;
  left: 1.375rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 0.75rem;
  border: 0.125rem solid #ebe9eb;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-product-gallery .flex-viewport figure {
  border: 0.125rem solid #ebe9eb;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-product-gallery .flex-viewport figure img {
  width: 100%;
}
.theme-gecko.woocommerce.single #main #primary div.product .flex-control-thumbs li {
  width: 7rem;
  border: 0.125rem solid #ebe9eb;
  margin: 0 0.75rem 0.75rem 0;
}
.theme-gecko.woocommerce.single #main #primary div.product .flex-control-thumbs li:nth-of-type(4n+4) {
  margin-right: 0;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary {
  float: right;
  width: 34.375rem;
  clear: none;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary h1 {
  padding: 0;
  padding-bottom: 0.625rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary p.price {
  font-size: 1.375em;
  margin-bottom: 0.9375em;
  float: left;
  width: 100%;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary .woocommerce-product-details__short-description {
  padding: 0 0 1.375rem;
  border-bottom: 0.125rem solid #ebe9eb;
  margin-bottom: 1.25rem;
  clear: both;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.cart .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
  height: 3.125rem;
  width: 3.75rem;
  border-color: #ebe9eb;
  border-width: 0.125rem;
  border-left: 0px;
  border-right: 0px;
  font-size: 0.9375rem;
  font-family: "Exo 2", sans-serif;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.cart .qib-container .qib-button:not(#qib_id):not(#qib_id) {
  height: 3.125rem;
  width: 2.8125rem;
  background: #ebe9eb;
  border-color: #ebe9eb;
  border-width: 0.125rem;
  font-size: 1rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.cart .button {
  font-size: 1rem;
  width: 24.375rem;
  height: 3.125rem !important;
  float: right !important;
  font-weight: 400;
  margin: 0 !important;
  font-family: "Exo 2", sans-serif;
  text-transform: capitalize;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.cart .button:hover {
  background: #4d4d4d;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations th {
  width: 100%;
  display: block;
  text-align: left;
  padding-bottom: 0.3125rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations th label {
  text-transform: capitalize;
  font-size: 1.125rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations td {
  width: 100%;
  display: block;
  text-align: left;
  padding-bottom: 0.3125rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations td ul.variable-items-wrapper .variable-item {
  border-radius: 0;
  width: 4.375rem;
  height: 2.375rem;
  padding: 0;
  margin: 0 0.625rem 0.625rem 0;
  border: 0.125rem solid #ebe9eb;
  box-shadow: none;
  font-size: 1rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations td ul.variable-items-wrapper .variable-item span {
  font-size: 1rem !important;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations td ul.variable-items-wrapper .variable-item .button-variable-item span {
  font-size: 0.875rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations td ul.variable-items-wrapper .variable-item:nth-of-type(7n+7) {
  margin: 0 0px 0.625rem 0;
}
.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations td a.reset_variations::before {
  content: "x";
  float: left;
  padding-right: 0.25rem;
  font-size: 1.25rem;
  line-height: 1;
  padding-top: 0.375rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-variation-price {
  font-weight: 400;
  margin-bottom: 1.5625rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs {
  float: left;
  margin-top: 3.125rem;
  width: 100%;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs h2 {
  text-transform: capitalize;
  font-size: 1.875rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0 0 2rem;
  display: flex;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: 0.0625rem solid #4d4d4d;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  margin: 0;
  border: 0px solid white;
  font-size: 1rem;
  float: leftr;
  background: #f2f2f2;
  z-index: 0;
  margin-right: 0.3125rem;
  border: 0.0625rem solid #4d4d4d;
  text-transform: capitalize;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs li::before {
  left: 0;
  border-bottom-right-radius: 0;
  border-width: 0;
  box-shadow: 0 0 0 #ebe9eb;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs li::after {
  right: 0;
  border-bottom-left-radius: 0;
  border-width: 0;
  box-shadow: 0 0 0 #ebe9eb;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs li.active {
  background: #fff;
  z-index: 2;
  border-bottom: 0.0625rem solid #fff !important;
  color: #4d4d4d;
  border: 0.0625rem solid #4d4d4d;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs li.active a {
  color: #4d4d4d;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs li.active a:hover {
  opacity: 0.7;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs li.active::before {
  box-shadow: 0 0 0 #fff;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs li.active::after {
  box-shadow: 0 0 0 #fff;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #tab-additional_information table th {
  width: 9.375rem;
  padding: 0.5rem;
  border-bottom: 0.0625rem dotted rgba(0, 0, 0, 0.1);
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #tab-additional_information table td {
  border-bottom: 0.0625rem dotted rgba(0, 0, 0, 0.1);
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #tab-additional_information table td p {
  padding: 0.5rem 0;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #comments {
  float: left;
  width: 100%;
  border-top: 0px;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond #reply-title {
  font-size: 1.5625rem;
  padding: 0 0 0.625rem;
  float: left;
  width: 100%;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform p.stars {
  font-size: 1.5625rem;
  margin-top: 0.3125rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform p.stars a:hover {
  color: #e8a713;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform textarea {
  font-size: 0.875rem;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0.3125rem 0 1.25rem;
  min-height: 9.375rem;
  border-radius: 0;
  border: 0.0625rem solid #adadad;
  padding: 0.9375rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform p {
  margin: 0.9375rem 0 1.5625rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform input[type=text],
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform input[type=email] {
  border: 0.0625rem solid #adadad;
  color: #4d4d4d;
  font-family: "Exo 2", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  height: 2.875rem;
  line-height: 2.875rem;
  margin: 0.3125rem 0 0;
  padding: 0 0.9375rem;
  width: 66.875rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform .form-submit input {
  width: 18.75rem;
  height: 3.125rem;
  border-radius: 0;
  color: white;
  font-weight: normal;
  font-family: "Exo 2";
}
.theme-gecko.woocommerce.single #main #primary div.product .related {
  float: left;
}
.theme-gecko.woocommerce.single #main #primary div.product .related h2 {
  text-transform: capitalize;
  font-size: 1.875rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .related ul.products {
  width: 100%;
}
.theme-gecko.woocommerce.single #main #primary div.product .related ul.products li {
  width: 15.8125rem;
  margin-right: 1.8125rem;
}
.theme-gecko.woocommerce.single #main #primary div.product .related ul.products li:nth-of-type(4n+4) {
  margin-right: 0px;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .theme-gecko.woocommerce.single #main #primary div.product .woocommerce-product-gallery {
    width: 100%;
    margin-bottom: 0.75rem;
    border: 0.75vw solid #ebe9eb;
  }
  .theme-gecko.woocommerce.single #main #primary div.product .summary {
    width: 100%;
  }
  .theme-gecko.woocommerce.single #main #primary div.product .summary form.cart .button {
    float: right;
    width: 50vw;
    margin-left: 2vw !important;
  }
  .theme-gecko.woocommerce.single #main #primary div.product form.variations_form .variations td ul.variable-items-wrapper .variable-item {
    width: 21vw !important;
    height: 10vw !important;
    margin: 0 2vw 2vw 0 !important;
    border: 0.5vw solid #ebe9eb !important;
  }
  .theme-gecko.woocommerce.single #main #primary div.product form.variations_form .variations td ul.variable-items-wrapper .variable-item:nth-of-type(4n+4) {
    margin-right: 0 !important;
  }
  .theme-gecko.woocommerce.single #main #primary div.product form.variations_form .variations td ul.variable-items-wrapper .variable-item:nth-of-type(7n+7) {
    margin-right: inherit;
  }
  .theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #tab-additional_information table th {
    width: auto;
    padding: 2vw 4vw 2vw 0;
    text-align: left;
  }
  .theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform input[type=text],
  .theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform input[type=email] {
    width: calc(100% - 1.875rem);
  }
  .theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform .form-submit input {
    width: 100%;
  }
  .theme-gecko.woocommerce.single #main #primary div.product .related ul.products li {
    width: 42.5vw;
    margin-right: 5vw;
  }
  .theme-gecko.woocommerce.single #main #primary div.product .related ul.products li:nth-of-type(even) {
    margin-right: 0;
  }
  .theme-gecko.woocommerce.single #main #primary .woocommerce-message {
    padding-bottom: 12vw;
  }
  .theme-gecko.woocommerce.single #main #primary .woocommerce-message a.button {
    position: absolute;
    bottom: 4vw;
  }
}
.theme-gecko.woocommerce-page #main h1 {
  font-size: 1.875rem;
  padding-top: 2.9375rem;
  text-transform: capitalize;
  font-weight: normal;
  line-height: 1.2;
  padding-bottom: 1.875rem;
}
.theme-gecko.woocommerce-page #main .woocommerce-cart-form {
  margin-top: 0;
}
.theme-gecko.woocommerce-page #main .woocommerce-cart-form table thead {
  background: #f2f2f2;
}
.theme-gecko.woocommerce-page #main .woocommerce-cart-form table tbody {
  font-size: 1.125rem;
  text-transform: none;
}
.theme-gecko.woocommerce-page #main table.shop_table {
  border: 0px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  border-radius: 0;
}
.theme-gecko.woocommerce-page #main table.shop_table th {
  font-size: 1.0625rem;
  font-weight: normal;
  padding: 0;
  line-height: 3.125rem;
  text-transform: capitalize;
  border: 0px;
}
.theme-gecko.woocommerce-page #main table.shop_table th.product-quantity, .theme-gecko.woocommerce-page #main table.shop_table th.product-subtotal {
  width: auto;
}
.theme-gecko.woocommerce-page #main table.shop_table th.product-remove {
  width: 2.8125rem;
}
.theme-gecko.woocommerce-page #main table.shop_table th.product-thumbnail {
  width: 3.4375rem;
}
.theme-gecko.woocommerce-page #main table.shop_table th.product-name {
  width: 32.375rem;
}
.theme-gecko.woocommerce-page #main table.shop_table th.product-price {
  width: 6.5625rem;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody {
  font-size: 1.125rem;
  text-transform: none;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td {
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
  padding: 0.9375rem 0;
  vertical-align: middle;
  line-height: 1;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td a.remove {
  color: #4d4d4d !important;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td a.remove:hover {
  color: #4d4d4d !important;
  opacity: 0.5;
  background: transparent;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.product-quantity {
  width: auto;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.product-quantity .qib-container:not(#qib_id):not(#qib_id) {
  justify-content: left;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.product-quantity .qib-container:not(#qib_id):not(#qib_id) .quantity input.qty:not(#qib_id):not(#qib_id) {
  font-size: 1rem;
  height: 3.125rem;
  width: 3.75rem;
  border-color: #ebe9eb;
  border-width: 0.125rem;
  border-left: 0px;
  border-right: 0px;
  font-family: "Exo 2", sans-serif;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.product-quantity .qib-container:not(#qib_id):not(#qib_id) .qib-button:not(#qib_id):not(#qib_id) {
  height: 3.125rem;
  width: 2.8125rem;
  background: #ebe9eb;
  border-color: #ebe9eb;
  border-width: 0.125rem;
  font-size: 1rem;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .input-text {
  width: 15.625rem;
  height: 3.125rem;
  padding: 0 0.9375rem;
  line-height: 1;
  font-family: "Exo 2";
  font-size: 1.0625rem;
  margin-right: 0.625rem;
  border: 0.0625rem solid #4d4d4d;
  text-transform: none;
  margin-top: 1.625rem;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .button {
  float: right;
  margin-top: 1.625rem;
  font-size: 1rem;
  width: 23.625rem;
  padding: 0 !important;
  height: 3.125rem;
  border-radius: 0;
  font-family: "Exo 2";
  font-weight: 400;
  background: #4d4d4d;
  color: white;
  opacity: 1;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .button:disabled, .theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .button:hover[disabled] {
  background: #4d4d4d;
  color: white;
  opacity: 1;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .coupon button.button {
  width: 18.75rem;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.product-thumbnail {
  width: auto;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.product-name {
  width: auto;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.product-name dl.variation {
  margin: 0.3125rem;
  font-size: 0.9375rem;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.product-remove, .theme-gecko.woocommerce-page #main table.shop_table tbody td.product-price {
  width: auto;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td.product-subtotal ins {
  display: block;
}
.theme-gecko.woocommerce-page #main table.shop_table tbody td img {
  height: auto;
  margin: 0;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals {
  float: right;
  width: 23.625rem;
  margin-top: 2.1875rem;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals h2 {
  text-transform: capitalize;
  font-size: 1.25rem;
  width: 19.375rem;
  margin-bottom: 0.625rem;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table {
  border: 0px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  border-radius: 0;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody th {
  font-size: 1.125rem;
  line-height: 1;
  padding: 0.9375rem 0;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td {
  border: 0px;
  float: right;
  font-size: 1.125rem;
  text-align: right;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p {
  padding: 0;
  margin: 0 0 0.625rem;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p span.select2-selection,
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p input {
  border: 0.0625rem solid #4d4d4d;
  width: 100%;
  padding: 0 0.625rem;
  height: 2.5rem;
  line-height: 2.5rem;
  float: left;
  font-size: 1rem;
  border-radius: 0;
  font-family: "Exo 2", sans-serif;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p span.select2-selection span#select2-calc_shipping_state-container,
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p span.select2-selection span#select2-calc_shipping_country-container,
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p input span#select2-calc_shipping_state-container,
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p input span#select2-calc_shipping_country-container {
  width: 100%;
  float: left;
  padding: 0;
  font-size: 1rem;
  line-height: 2.375rem;
  height: 2.375rem;
  font-family: "Exo 2", sans-serif;
  text-align: left;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p span.select2-selection span.select2-selection__arrow,
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p input span.select2-selection__arrow {
  top: 0.375rem;
  right: 0.3125rem;
  height: 1.625rem;
  width: 1.25rem;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p button.button {
  border-radius: 0;
  width: 100%;
  font-family: "Exo 2", sans-serif;
  color: white;
  background: #4d4d4d;
  font-weight: 400;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody tr.shipping a.shipping-calculator-button {
  font-size: 1rem;
  text-transform: capitalize;
  padding: 1rem 0;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody tr.order-total th {
  font-weight: 700;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td small {
  display: block;
  padding-top: 5px;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals .wc-proceed-to-checkout {
  padding: 3em 0;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
  font-size: 1.125rem;
  width: 100%;
  padding: 0;
  height: 3.4375rem;
  line-height: 3.4375rem;
  text-transform: capitalize;
  border-radius: 0;
  background: #4d4d4d;
  float: right;
}
.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
  background: #4d4d4d !important;
}
.theme-gecko.woocommerce-page #main a.button.wc-backward,
.theme-gecko.woocommerce-page #main button.button {
  width: 17.5rem;
  height: 3.125rem;
  display: block;
  background: #4d4d4d;
  color: white;
  text-align: center;
  line-height: 3.125rem;
  text-decoration: none;
  font-style: normal;
  margin-top: 3.125rem;
  padding: 0;
  font-weight: normal;
  border-radius: 0;
  font-family: "Exo 2", sans-serif;
  float: left;
}
.theme-gecko.woocommerce-page .select2-dropdown {
  border: 0.0625rem solid #4d4d4d;
  border-radius: 0;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .theme-gecko.woocommerce-page #main table.shop_table.cart tbody tr {
    text-align: center;
  }
  .theme-gecko.woocommerce-page #main table.shop_table.cart tbody tr td {
    text-align: center;
    padding: 2vw 0;
  }
  .theme-gecko.woocommerce-page #main table.shop_table.cart tbody tr td.product-name dl.variation {
    float: left;
    width: 100%;
  }
  .theme-gecko.woocommerce-page #main table.shop_table.cart tbody tr td.product-name dl.variation dt {
    text-align: right;
    float: left;
    width: 45%;
    margin: 0 5% 0 0;
  }
  .theme-gecko.woocommerce-page #main table.shop_table.cart tbody tr td.product-name dl.variation dd {
    width: 50%;
    float: left;
    text-align: left;
  }
  .theme-gecko.woocommerce-page #main table.shop_table thead {
    display: none;
  }
  .theme-gecko.woocommerce-page #main table.shop_table tbody tr td {
    width: 100% !important;
    display: block;
    border: 0px;
  }
  .theme-gecko.woocommerce-page #main table.shop_table tbody tr td a.remove {
    float: none;
    margin: 0 auto;
  }
  .theme-gecko.woocommerce-page #main table.shop_table tbody tr td img {
    height: 7em;
    margin: 0;
    width: auto;
  }
  .theme-gecko.woocommerce-page #main table.shop_table tbody tr td.product-subtotal {
    border-bottom: 1px solid #eee;
    padding-bottom: 5vw;
  }
  .theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .input-text {
    width: 90vw;
    padding: 0 5vw;
    margin-right: 0;
  }
  .theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .coupon button.button {
    width: 90vw;
    float: left;
  }
  .theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .button:disabled,
  .theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .button:hover[disabled] {
    width: 90vw;
  }
  .theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
    margin-top: 2.1875rem;
  }
  .theme-gecko.woocommerce-page.woocommerce-cart #main h1 {
    text-align: center !important;
    width: 100%;
  }
}
/* =Woocommerce Checkout
-------------------------------------------------------------- */
.woocommerce-checkout.theme-gecko form .form-row-first,
.woocommerce-checkout.theme-gecko form .form-row-last {
  width: 32.8125rem;
  overflow: visible;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout {
  float: left;
  width: 100%;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout .col2-set {
  width: 32.8125rem;
  margin-right: 3.125rem;
  float: left;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout .col2-set .col-1 {
  float: left;
  width: 100%;
  margin-right: 0;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields h3 {
  text-transform: capitalize;
  font-size: 1.5625rem;
  line-height: 1.2;
  margin-top: 1.25rem;
  margin-bottom: 0.9375rem;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout .col2-set .col-2 {
  float: right;
  width: 100% !important;
  margin-bottom: 6.25rem;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout .col2-set .col-2 h3#ship-to-doifferent-address {
  text-transform: uppercase;
  margin: 0 0 1.5625rem;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout h3#order_review_heading {
  float: right;
  clear: none;
  font-size: 1.5625rem;
  text-align: left;
  width: 32.8125rem;
  margin-bottom: 2.3125rem;
  text-transform: capitalize;
  line-height: 1.2;
  margin-top: 1.25rem;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review {
  width: 32.8125rem;
  float: right;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review th.product-name td.product-name {
  width: auto;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review th.product-name td.product-name dl.variation {
  margin: 0.625rem;
  font-size: 0.9375rem;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review th.product-total,
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review td.product-total {
  width: auto;
  text-align: right;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review td.product-total {
  width: 35%;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review tr.cart-subtotal th {
  padding: 0.9375rem 0;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review tr.cart-subtotal td {
  float: right;
  font-size: 1.125rem;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review ul.wc_payment_methods p.woocommerce-SavedPaymentMethods-saveNew {
  padding-top: 0.625rem;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout #order_review ul.wc_payment_methods p.woocommerce-SavedPaymentMethods-saveNew label {
  width: 65%;
}
.woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout ul#shipping_method li {
  line-height: 1.5em;
  list-style: none outside;
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: normal;
}
.woocommerce-checkout.theme-gecko form textarea {
  font-family: "Exo 2", sans-serif;
  font-size: 1rem;
  padding: 0.625rem 0.9375rem;
  min-height: 100px;
}
.woocommerce-checkout.theme-gecko #main table.shop_table {
  border: 0px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  margin-bottom: 0px;
  border-radius: 0;
  margin-bottom: 3.125rem;
  display: flex;
  width: 100%;
  flex-flow: column;
}
.woocommerce-checkout.theme-gecko #main table.shop_table thead {
  display: block;
}
.woocommerce-checkout.theme-gecko #main table.shop_table thead tr {
  display: flex;
}
.woocommerce-checkout.theme-gecko #main table.shop_table thead tr th {
  flex: 1;
}
.woocommerce-checkout.theme-gecko #main table.shop_table th {
  font-weight: normal;
  padding: 0 0 1.875rem;
  line-height: 1;
  text-transform: capitalize;
  font-size: 1.0625rem;
  border: 0px;
  vertical-align: top;
}
.woocommerce-checkout.theme-gecko #main table.shop_table th.product-name {
  width: auto;
}
.woocommerce-checkout.theme-gecko #main table.shop_table tbody tr {
  display: flex;
}
.woocommerce-checkout.theme-gecko #main table.shop_table tbody tr td {
  flex: 1;
  padding-left: 0;
}
.woocommerce-checkout.theme-gecko #main table.shop_table tfoot tr {
  display: flex;
}
.woocommerce-checkout.theme-gecko #main table.shop_table tfoot tr th {
  flex: 1;
}
.woocommerce-checkout.theme-gecko #main table.shop_table tfoot tr.shipping {
  display: flex;
  flex-direction: column;
}
.woocommerce-checkout.theme-gecko #main table.shop_table tfoot th {
  padding: 0.9375rem 0;
}
.woocommerce-checkout.theme-gecko #main table.shop_table tfoot td {
  border-top: 0;
  text-align: left;
  padding: 0.9375rem 0;
}
.woocommerce-checkout.theme-gecko #main table.shop_table tfoot td small.includes_tax {
  font-size: 0.75rem;
  display: block;
  padding-top: 0.5em;
}
.woocommerce-checkout.theme-gecko #main table.shop_table tfoot td ul#shipping_method li .amount {
  text-align: right;
  float: right;
}
.woocommerce-checkout.theme-gecko #main #payment #place_order {
  width: 100%;
  height: 3.125rem;
  line-height: 1;
  font-weight: normal;
  font-family: "Exo 2";
  font-weight: 500;
  border-radius: 0;
}
.woocommerce-checkout.theme-gecko #main #payment #place_order:hover {
  background: #4d4d4d !important;
}

.woocommerce-order-received .woocommerce .woocommerce-order-details,
.woocommerce-order-received .woocommerce .woocommerce-customer-details {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .theme-gecko.woocommerce-checkout form .form-row-first,
  .theme-gecko.woocommerce-checkout form .form-row-last {
    width: 100%;
    overflow: visible;
  }
  .theme-gecko.woocommerce-checkout form .form-row label.woocommerce-form-login__rememberme {
    margin-bottom: 1.25rem;
    padding-bottom: 0;
  }
  .theme-gecko.woocommerce-checkout form .form-row label.checkbox {
    padding: 0;
  }
  .theme-gecko.woocommerce-checkout form button.woocommerce-button,
  .theme-gecko.woocommerce-checkout form button.button {
    float: left !important;
    width: 100% !important;
  }
  .theme-gecko.woocommerce-checkout .col2-set {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .theme-gecko.woocommerce-checkout .col2-set .col-2 {
    margin-bottom: 5vw !important;
  }
  .theme-gecko.woocommerce-checkout h3#order_review_heading {
    width: 100% !important;
  }
  .theme-gecko.woocommerce-checkout #order_review {
    width: 100% !important;
    float: left !important;
  }
  .theme-gecko.woocommerce-checkout #order_review table thead {
    display: table-header-group !important;
  }
  .theme-gecko.woocommerce-checkout #order_review table tbody tr td {
    display: table-cell !important;
    vertical-align: top !important;
  }
  .theme-gecko.woocommerce-checkout #order_review table tfoot th {
    font-weight: 600 !important;
  }
  .theme-gecko.woocommerce-checkout #order_review table tfoot td {
    font-size: 1.0625rem !important;
  }
  .theme-gecko.woocommerce-checkout #order_review table tfoot tr.cart-subtotal td {
    line-height: 1 !important;
  }
  .theme-gecko .woocommerce p.woocommerce-notice--success {
    text-align: center;
  }
  .theme-gecko .woocommerce ul.order_details li {
    border-right: 0 dashed #d3ced2;
    margin-top: 1em;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 0 1em;
  }
}
.theme-gecko.woocommerce-account .woocommerce legend {
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 1.25rem;
  margin-bottom: 1em;
}
.theme-gecko.woocommerce-account .woocommerce #customer_login h2 {
  font-size: 1.625rem;
}
.theme-gecko.woocommerce-account .woocommerce #customer_login .col-1,
.theme-gecko.woocommerce-account .woocommerce #customer_login .col-2 {
  width: 45%;
}
.theme-gecko.woocommerce-account .woocommerce #customer_login form .form-row span.password-input {
  display: block;
}
.theme-gecko.woocommerce-account .woocommerce #customer_login form .form-row span.password-input span.show-password-input {
  top: 2.5rem;
}
.theme-gecko.woocommerce-account .woocommerce #customer_login form .form-row label {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
}
.theme-gecko.woocommerce-account .woocommerce #customer_login form .form-row label.woocommerce-form-login__rememberme {
  padding: 0;
  margin-bottom: 1.25rem;
}
.theme-gecko.woocommerce-account .woocommerce #customer_login form .form-row button.button.woocommerce-form-login__submit {
  float: left;
  margin-top: 0.8125rem;
}
.theme-gecko.woocommerce-account .woocommerce #customer_login form .woocommerce-privacy-policy-text {
  margin-top: -1.25rem;
  margin-bottom: 1.875rem;
  float: left;
}
.theme-gecko.woocommerce-account .woocommerce .woocommerce-customer-details address {
  border: 0px;
  padding: 0;
}
.theme-gecko.woocommerce-account .woocommerce form .show-password-input::after {
  margin-top: 3.25rem;
}
.theme-gecko.woocommerce-account table.shop_table.woocommerce-orders-table {
  text-transform: capitalize;
  font-size: 1.125rem;
}
.theme-gecko.woocommerce-account table.shop_table.woocommerce-orders-table td {
  padding: 0 0 1.5625rem;
  border-top: 0;
}
.theme-gecko.woocommerce-account table.order_details tfoot {
  font-size: 1.125rem;
}
.theme-gecko.woocommerce-account table.order_details tfoot td {
  padding: 0;
  font-weight: 500;
  border-top: 0px solid rgba(0, 0, 0, 0.1);
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 43.75rem;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content h2 {
  line-height: 1;
  font-size: 1.75rem;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content p.intro {
  text-transform: capitalize;
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 1.25rem;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content p.intro strong {
  font-weight: 600 !important;
  font-family: inherit;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content mark {
  background: transparent;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content .button {
  width: 17.5rem;
  height: 3.125rem;
  display: block;
  background: #4d4d4d;
  color: white;
  text-align: center;
  line-height: 3.125rem;
  text-decoration: none;
  font-style: normal;
  margin-top: 3.125rem;
  padding: 0;
  font-weight: normal;
  border-radius: 0;
  font-family: "Exo 2", sans-serif;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .button {
  width: auto;
  height: auto;
  display: block;
  background: transparent;
  color: #a0a5aa;
  text-align: center;
  line-height: inherit;
  font-family: inherit;
  text-decoration: none;
  font-style: normal;
  text-transform: capitalize;
  margin-top: 0;
  padding: 0;
  font-weight: normal;
  border-radius: 0;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .button:hover {
  color: #4d4d4d;
  background: transparent;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content .payment-method a.button {
  background: transparent;
  color: #4d4d4d;
  line-height: 1;
  width: auto;
  height: auto;
  margin: 0;
  text-align: right;
  float: right;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content .password-input {
  display: block !important;
}
.theme-gecko.woocommerce-account .woocommerce-MyAccount-content .password-input span.show-password-input {
  top: 2.5rem;
}
.theme-gecko.woocommerce-account nav.woocommerce-MyAccount-navigation h2 {
  font-size: 1.75rem;
  font-weight: 400;
  padding-bottom: 1.375rem;
}
.theme-gecko.woocommerce-account nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  text-transform: capitalize;
  font-size: 1.1875rem;
}
.theme-gecko.woocommerce-account nav.woocommerce-MyAccount-navigation ul li {
  line-height: 1;
  margin-bottom: 0.9375rem;
}
.theme-gecko.woocommerce-account address a.edit {
  width: 17.5rem;
  height: 3.125rem;
  display: block;
  background: #4d4d4d;
  color: white;
  text-align: center;
  line-height: 3.125rem;
  text-decoration: none;
  font-style: normal;
  text-transform: capitalize;
  margin-top: 3.125rem;
  padding: 0;
  font-weight: normal;
  border-radius: 0;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .theme-gecko.woocommerce-account .woocommerce #customer_login .col-1, .theme-gecko.woocommerce-account .woocommerce #customer_login .col-2 {
    width: 100%;
  }
  .theme-gecko.woocommerce-account .woocommerce form.woocommerce-ResetPassword .woocommerce-form-row {
    width: 100%;
  }
  .theme-gecko.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    text-align: center;
    margin-bottom: 10vw;
  }
  .theme-gecko.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
    text-align: center;
  }
  .theme-gecko.woocommerce-account .woocommerce-MyAccount-content a.button, .theme-gecko.woocommerce-account .woocommerce-MyAccount-content button {
    margin: 3.125rem auto;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main h1 {
    text-align: center !important;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table {
    text-align: center;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table th.product-name,
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table td.product-name {
    width: auto !important;
    text-align: left;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table th.product-total,
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table td.product-total {
    width: auto !important;
    text-align: right;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table thead {
    display: table-header-group;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table thead th.product-name {
    font-weight: 500;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table thead th.product-total {
    font-weight: 500;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table tbody tr td {
    padding-bottom: 0;
    display: table-cell;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table tbody tr td.woocommerce-orders-table__cell-order-actions {
    padding-bottom: 0.9375rem;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table tfoot th {
    text-align: left;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.shop_table tfoot td {
    text-align: right;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main .woocommerce-columns--addresses h2 {
    text-align: left;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main .woocommerce-Addresses address a.edit {
    margin: 5vw auto;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main .col2-set .title h3 {
    float: left;
    width: 100%;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main .col2-set .col-1,
  .theme-gecko.woocommerce-account.woocommerce-page #main .col2-set .col-2 {
    float: left;
    width: 100%;
    margin-bottom: 10vw;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.woocommerce-MyAccount-paymentMethods thead th {
    width: auto;
    text-align: left;
    padding-right: 2vw;
  }
  .theme-gecko.woocommerce-account.woocommerce-page #main table.woocommerce-MyAccount-paymentMethods tbody td {
    width: auto;
    text-align: left;
    vertical-align: top;
  }
}
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  transform: scale(0.9);
}

/* Pulse */
@keyframes hvr-pulse {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  animation-name: hvr-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@keyframes hvr-pulse-grow {
  to {
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  animation-name: hvr-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Pulse Shrink */
@keyframes hvr-pulse-shrink {
  to {
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  animation-name: hvr-pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Push */
@keyframes hvr-push {
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  animation-name: hvr-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Pop */
@keyframes hvr-pop {
  50% {
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  animation-name: hvr-pop;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  transform: scale(1.2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  transform: scale(0.8);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  transform: translateY(8px);
}

/* Bob */
@keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  animation-name: hvr-bob-float, hvr-bob;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Hang */
@keyframes hvr-hang {
  0% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  animation-name: hvr-hang-sink, hvr-hang;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  transform: skew(10deg);
}

/* Wobble Vertical */
@keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  animation-name: hvr-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@keyframes hvr-wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  animation-name: hvr-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    transform: translate(8px, 8px);
  }
  33.3% {
    transform: translate(-6px, -6px);
  }
  49.95% {
    transform: translate(4px, 4px);
  }
  66.6% {
    transform: translate(-2px, -2px);
  }
  83.25% {
    transform: translate(1px, 1px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  animation-name: hvr-wobble-to-bottom-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@keyframes hvr-wobble-to-top-right {
  16.65% {
    transform: translate(8px, -8px);
  }
  33.3% {
    transform: translate(-6px, 6px);
  }
  49.95% {
    transform: translate(4px, -4px);
  }
  66.6% {
    transform: translate(-2px, 2px);
  }
  83.25% {
    transform: translate(1px, -1px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  animation-name: hvr-wobble-to-top-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Top */
@keyframes hvr-wobble-top {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 0 100%;
}

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  animation-name: hvr-wobble-top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@keyframes hvr-wobble-bottom {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 100% 0;
}

.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  animation-name: hvr-wobble-bottom;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@keyframes hvr-wobble-skew {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  animation-name: hvr-wobble-skew;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Buzz */
@keyframes hvr-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  animation-name: hvr-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@keyframes hvr-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  animation-name: hvr-buzz-out;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  transform: translateX(8px);
}

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.5s;
  transition-property: color, background-color;
}

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  animation-name: hvr-back-pulse;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  transform: scale(2);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  transform: scale(1);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleX(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleY(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}

.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}

.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-trim:before {
  content: "";
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-duration: 1s;
}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-in:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  animation-duration: 1s;
}

.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-in:before {
  pointer-events: none;
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: border-radius;
}

.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  transition-property: border-width;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(-4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  transition-duration: 0.3s;
  transition-property: transform, opacity;
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: "";
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.1s;
}

.hvr-icon-back .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  transform: translateX(4px);
}

/* Icon Down */
@keyframes hvr-icon-down {
  0%, 50%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-down .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
  animation-name: hvr-icon-down;
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
}

/* Icon Up */
@keyframes hvr-icon-up {
  0%, 50%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(-6px);
  }
}
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-up .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
  animation-name: hvr-icon-up;
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-spin .hvr-icon {
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
  transform: rotate(360deg);
}

/* Icon Drop */
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51%, 100% {
    opacity: 1;
  }
}
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-drop .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
  opacity: 0;
  transition-duration: 0.3s;
  animation-name: hvr-icon-drop;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-fade .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.5s;
  transition-property: color;
}

.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Float Away */
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-float-away .hvr-icon {
  transform: translateZ(0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
  animation-name: hvr-icon-float-away;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-sink-away .hvr-icon {
  transform: translateZ(0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
  animation-name: hvr-icon-sink-away;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-shrink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
  transform: scale(0.8);
}

/* Icon Pulse */
@keyframes hvr-icon-pulse {
  25% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
  animation-name: hvr-icon-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-grow .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
  animation-name: hvr-icon-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@keyframes hvr-icon-pulse-shrink {
  to {
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-shrink .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
  animation-name: hvr-icon-pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Icon Push */
@keyframes hvr-icon-push {
  50% {
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-push .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
  animation-name: hvr-icon-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Icon Pop */
@keyframes hvr-icon-pop {
  50% {
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
  animation-name: hvr-icon-pop;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-bounce .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
  transform: scale(1.5);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-grow-rotate .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-float .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-sink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
  transform: translateY(4px);
}

/* Icon Bob */
@keyframes hvr-icon-bob {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-bob .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@keyframes hvr-icon-hang {
  0% {
    transform: translateY(6px);
  }
  50% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-hang .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    transform: translateX(6px);
  }
  33.3% {
    transform: translateX(-5px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
  animation-name: hvr-icon-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    transform: translateY(6px);
  }
  33.3% {
    transform: translateY(-5px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
  animation-name: hvr-icon-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Icon Buzz */
@keyframes hvr-icon-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-buzz .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
  animation-name: hvr-icon-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@keyframes hvr-icon-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-buzz-out .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
  animation-name: hvr-icon-buzz-out;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ffffff", endColorstr="#000000");
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

/**
 *
 * slippry v1.4.0 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2016, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* kenBurns animations, very basic */
@keyframes left-right {
  0% {
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    transform: translateY(0%) translateX(10%);
  }
}
@keyframes right-left {
  0% {
    transform: translateY(0%) translateX(10%);
  }
  100% {
    transform: translateY(-20%) translateX(-10%);
  }
}
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url("images/sy-loader.gif") 50% 50% no-repeat;
  background-size: 32px;
  min-height: 40px;
}

.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
  visibility: hidden;
}

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}

.sy-slides-wrap:hover .sy-controls {
  display: block;
}

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}

.sy-list.horizontal {
  transition: left ease;
}

.sy-list.vertical {
  transition: top ease;
}

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2;
}

.sy-slide.kenburns {
  width: 140%;
  left: -20%;
}

.sy-slide.kenburns.useCSS {
  transition-property: opacity;
}

.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
  animation-name: left-right;
  animation-fill-mode: forwards;
}

.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
  animation-name: right-left;
  animation-fill-mode: forwards;
}

.sy-slide.sy-active {
  z-index: 3;
}

.sy-slide > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}

.sy-slide > a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}

.sy-slide > a > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
}

.sy-controls li {
  position: absolute;
  width: 10%;
  min-width: 4.2em;
  height: 100%;
  z-index: 33;
}

.sy-controls li.sy-prev {
  left: 0;
  top: 0;
}

.sy-controls li.sy-prev a:after {
  background-position: -5% 0;
}

.sy-controls li.sy-next {
  right: 0;
  top: 0;
}

.sy-controls li.sy-next a:after {
  background-position: 105% 0;
}

.sy-controls li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

.sy-controls li a:link, .sy-controls li a:visited {
  opacity: 0.4;
}

.sy-controls li a:hover, .sy-controls li a:focus {
  opacity: 0.8;
  outline: none;
}

.sy-controls li a:after {
  content: "";
  background-image: url("images/arrows.svg");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #fff;
  width: 2.8em;
  height: 2.8em;
  left: 50%;
  top: 50%;
  margin-top: -1.4em;
  margin-left: -1.4em;
  border-radius: 50%;
}

@media only screen and (max-device-width: 600px) {
  .sy-controls {
    display: block;
  }
  .sy-controls li {
    min-width: 2.1em;
  }
  .sy-controls li a:after {
    width: 1.4em;
    height: 1.4em;
    margin-top: -0.7em;
    margin-left: -0.7em;
  }
}
/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
  left: 50%;
}

.sy-caption-wrap .sy-caption {
  position: relative;
  left: -50%;
  background-color: rgba(0, 0, 0, 0.54);
  color: #fff;
  padding: 0.4em 1em;
  border-radius: 1.2em;
}

.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
  color: #e24b70;
  font-weight: 600;
  text-decoration: none;
}

.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
  text-decoration: underline;
}

@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
  .sy-caption-wrap {
    left: 0;
    bottom: 0.4em;
  }
  .sy-caption-wrap .sy-caption {
    left: 0;
    padding: 0.2em 0.4em;
    font-size: 0.92em;
    border-radius: 0;
  }
}
/* pager bubbles */
.sy-pager {
  clear: both;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.sy-pager li {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin: 0 1em 0 0;
  border-radius: 50%;
}

.sy-pager li.sy-active a {
  background-color: #e24b70;
}

.sy-pager li a {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #ccc;
  text-indent: -9999px;
  background-size: 2em;
  border-radius: 50%;
}

.sy-pager li a:link, .sy-pager li a:visited {
  opacity: 1;
}

.sy-pager li a:hover, .sy-pager li a:focus {
  opacity: 0.6;
}

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%;
}

.sy-filler.ready {
  transition: padding 600ms ease;
}

.sy-box {
  width: 160em;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2560/925;
  margin: 0 auto;
}

.sy-slide.sy-active .content-area span.title {
  animation: fadeInLeft 0.8s both 0.8s;
}

.sy-slide.sy-active .content-area p {
  animation: fadeInUp 0.8s both 1.5s;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .sy-box {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 620/900;
  }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

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

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

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

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

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

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

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

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

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}

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

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

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}

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

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

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

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

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

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

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

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

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

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

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

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

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

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

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

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

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

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

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

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

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

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

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

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

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

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

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

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

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

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

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

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

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

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

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

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

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

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

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

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

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

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

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

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax > .jarallax-img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: "object-fit: cover;";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* Instagram Feed Extension
-------------------------------------------------------------- */
.home #sb_instagram {
  margin: 0 auto;
  display: block;
  clear: both;
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 43.75rem;
  padding: 3.125rem 0 !important;
}
.home #sb_instagram .sbi_header_text {
  float: left;
  width: 7.5rem !important;
  padding-top: 0px !important;
  text-align: left !important;
  padding-left: 3.75rem;
  height: 3.125rem;
}
.home #sb_instagram .sbi_header_text h3 {
  margin: 0px !important;
  text-align: right !important;
  width: 100%;
  font-size: 1rem;
}
.home #sb_instagram .sbi_bio_info {
  margin: 0.625rem 0 0 0 !important;
  text-align: right;
  float: right;
  clear: both !important;
  width: 100%;
}
.home #sb_instagram .sbi_bio_info span {
  padding: 0 0.3125rem !important;
}
.home #sb_instagram .sbi_header_img {
  float: left !important;
  position: absolute;
  width: 3.125rem;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 2.5rem;
  display: block;
  clear: both;
  top: 0 !important;
  left: 0 !important;
}
.home #sb_instagram .sb_instagram_header {
  float: none;
  position: relative !important;
  width: 11.875rem !important;
  overflow: hidden;
  margin: 0 auto;
  display: block;
  height: 3.75rem;
  padding: 0 0.3125rem;
}
.home #sb_instagram .sb_instagram_header a.sbi_header_link {
  position: relative;
  float: left;
  width: 11.875rem;
  padding-left: 0;
}
.home #sb_instagram #sbi_images {
  padding: 0 !important;
  position: relative;
  top: 2.5rem;
  left: auto;
  margin: 0 auto;
  width: 100% !important;
  max-width: 68.75rem;
  float: none !important;
}
.home #sb_instagram #sbi_images .sbi_item {
  width: 12.5rem !important;
  height: 12.5rem !important;
  float: left;
  margin: 0 1.5625rem 1.5625rem 0 !important;
  overflow: hidden !important;
  position: relative;
}
.home #sb_instagram #sbi_images .sbi_item:nth-of-type(5n+5) {
  margin: 0 0 1.5625rem 0 !important;
}
.home #sb_instagram .sbi_photo_wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.home #sb_instagram #sbi_load {
  padding-top: 9.375rem;
}
.home #sb_instagram #sbi_load {
  padding-top: 38.375rem;
}
.home #sb_instagram .sbi_link .sbi_instagram_link {
  height: auto !important;
}
.home #sb_instagram .sbi_link .sbi_instagram_link:nth-of-type(1) {
  float: left;
  /* clear: both; */
  position: relative;
  padding: 0;
  margin: 0.3125rem 0 0;
  border-left: 0px solid #666;
  font-size: 0.75rem;
}
.home #sb_instagram .sbi_photo {
  height: 12.5rem !important;
}

.sb_instagram_header p.sbi_bio {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
  .home #sb_instagram {
    height: auto;
  }
  .home #sb_instagram #sbi_images {
    max-width: 90vw;
  }
  .home #sb_instagram #sbi_images .sbi_item {
    width: 42.5vw !important;
    height: 42.5vw !important;
    margin: 0 5vw 5vw 0 !important;
  }
  .home #sb_instagram #sbi_images .sbi_item:nth-of-type(even) {
    margin-right: 0 !important;
  }
  .home #sb_instagram #sbi_images .sbi_item:nth-of-type(5n+5) {
    margin: auto !important;
  }
  .home #sb_instagram #sbi_load {
    padding-top: 20vw;
  }
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !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;
          user-select: none;
}

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

#swipebox-slider {
  transition: 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: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#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: 1140px;
  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(swipebox/src/img/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

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

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#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 {
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  backface-visibility: hidden;
  transition: all 0.3s ease;
  content: " ";
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  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;
}

@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }
  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}

/* SHIFTNAV */
#shiftnav-toggle-main {
  z-index: 50000 !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
  text-transform: none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
  padding: 6px 35px;
  text-transform: uppercase;
}

/* Navigation */
#shiftnav-toggle-main .shiftnav-main-toggle-content {
  font-family: "Exo 2", sans-serif;
  font-size: 4.2vw;
  line-height: 15vw;
  padding: 0;
  text-transform: uppercase;
  font-weight: 400;
}

#shiftnav-toggle-main-button {
  height: 15vw;
  display: table;
}

#shiftnav-toggle-main-button i {
  vertical-align: middle;
  display: table-cell;
}

#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar::before {
  padding: 3.5vw 4vw;
}

#shiftnav-toggle-main {
  background: #777 !important;
  padding: 0 5% !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
  text-transform: uppercase !important;
}

li.menu-item > .shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target {
  line-height: 1.5 !important;
  padding: 4vw 7.5% !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
  line-height: 1.5 !important;
  padding: 4vw 7.5% 4vw 10vw !important;
  text-transform: uppercase;
}

.shiftnav ul.shiftnav-menu li.menu-item {
  font-size: 1.1em !important;
  font-family: "Exo 2", sans-serif;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
  font-size: 1.1em !important;
}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
  background: #888 !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu {
  background: #888 none repeat scroll 0 0 !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
  border-bottom: 1px solid #999 !important;
  border-top: none !important;
}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
  background: #777 !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
  text-shadow: none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:active {
  background: #777;
}

.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
  font-size: 8vw;
}

.shiftnav-wrap {
  left: 0;
  margin-top: 0;
  top: 0;
  z-index: 250;
}

#shiftnav-toggle-main .shiftnav-main-toggle-content {
  padding: 0 !important;
}

#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
  padding: 0% !important;
  margin-left: 0px !important;
}

/*
@import "old/old";
*/
/* ============================================================
    CUSTOM FONT : GOTHAM
==============================================================*/
body.gotham {
  font-family: "gotham_bookregular";
  font-weight: normal;
  font-size: 16px;
}
body.gotham h1, body.gotham h2, body.gotham h3, body.gotham h3, body.gotham h4, body.gotham h5, body.gotham h6 {
  font-family: "gotham_mediumregular";
}
body.gotham h1 {
  font-size: 1.75rem;
  font-weight: normal;
}
body.gotham h2 {
  font-size: 1.625rem;
  font-weight: normal;
}
body.gotham h2.profiles {
  font-size: 1.375rem;
  font-weight: normal;
}
body.gotham h3 {
  font-size: 1.375rem;
  font-weight: normal;
}
body.gotham h4 {
  font-size: 1.375rem;
  font-weight: normal;
}
body.gotham p {
  font-size: 0.875rem;
}
body.gotham .entry-content ul {
  font-size: 0.875rem;
}
body.gotham strong {
  font-weight: normal;
  font-family: "gotham_mediumregular";
}
body.gotham #cart-bar {
  font-size: 0.875rem;
}
body.gotham #cart-bar #header-search input {
  font-family: "gotham_bookregular";
  font-size: 0.875rem;
}
body.gotham #site-branding .site-description {
  font-size: 1.125rem !important;
  margin-top: 0 !important;
}
body.gotham .access ul li {
  font-size: 1.125rem;
  padding-bottom: 1.5625rem;
}
body.gotham .access ul li ul.sub-menu li {
  font-size: 1.125rem;
}
body.gotham #access ul li {
  padding-bottom: 1.5rem;
  font-size: 1.125rem;
}
body.gotham #access ul li ul.sub-menu li {
  font-size: 1.125rem;
}
body.gotham #slide h2 {
  font-weight: normal;
  font-family: "gotham_boldregular";
}
body.gotham .intro-content .left,
body.gotham .intro-content .right {
  font-size: 0.9375rem;
}
body.gotham #footer #site-info {
  font-size: 0.875rem;
}
body.gotham #cookie-law-info-bar {
  font-size: 0.875rem;
}
body.gotham .wpcf7-form label {
  font-style: normal;
  font-family: "gotham_bookitalic";
}
body.gotham #special-offers-bar .item {
  font-size: 1.1875rem;
  font-family: "gotham_boldregular";
  font-weight: normal;
}
body.gotham #slippry-demo span.title {
  font-weight: normal;
  font-family: "gotham_blackregular";
  text-transform: uppercase;
}
body.gotham #slippry-demo p {
  font-weight: normal;
  font-family: "gotham_mediumregular";
}
body.gotham #twitter-block h3 {
  font-size: 1.875rem;
}
body.gotham #testimonial-slide {
  font-size: 1rem;
}
body.gotham #testimonials h4 {
  font-size: 1rem;
}
body.gotham #bullets ul li {
  font-weight: normal;
}
body.gotham.theme-gecko .woocommerce-variation-availability p {
  font-family: "gotham_mediumregular";
}
body.gotham.theme-gecko #primary .woocommerce-ordering select.orderby {
  font-family: "gotham_mediumregular";
  font-size: 1rem;
}
body.gotham.theme-gecko #primary #sidebar_one ul li.cat-item {
  font-family: "gotham_mediumregular";
}
body.gotham.theme-gecko #primary #sidebar_one ul li.cat-item span {
  font-weight: normal;
  font-family: "gotham_mediumregular";
  font-size: 0.875rem;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product p.price, body.gotham.theme-gecko.woocommerce.single #main #primary div.product span.price {
  font-family: "gotham_mediumregular";
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations th label {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1rem;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .summary form.variations_form .variations td ul.variable-items-wrapper .variable-item span {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 0.875rem !important;
}
body.gotham.theme-gecko.woocommerce-account .woocommerce-MyAccount-navigation h2,
body.gotham.theme-gecko.woocommerce-account .woocommerce-MyAccount-content h2 {
  font-family: "gotham_mediumregular";
}
body.gotham.theme-gecko.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-family: "gotham_mediumregular";
}
body.gotham.theme-gecko.woocommerce-account .woocommerce-MyAccount-content a.button {
  font-family: "gotham_mediumregular";
}
body.gotham.theme-gecko.woocommerce-account address a.edit {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.woocommerce-page button.button {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko .woocommerce .add_to_cart_button {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko .woocommerce ul.products li.product .onsale,
body.gotham .theme-gecko .woocommerce-page ul.products li.product .onsale,
body.gotham .theme-gecko.woocommerce-page ul.products li.product .onsale {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko .woocommerce ul.products li.product .price,
body.gotham .theme-gecko.woocommerce #primary ul.products li.product .price {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.gotham .theme-gecko .woocommerce #primary ul.products li.product h3,
body.gotham .theme-gecko .woocommerce #primary ul.products li.product .woocommerce-loop-category__title,
body.gotham .theme-gecko.woocommerce #primary ul.products li.product .woocommerce-loop-product__title {
  font-family: "gotham_bookregular";
}
body.gotham .theme-gecko .woocommerce form .form-row input {
  font-family: "gotham_bookregular";
}
body.gotham .theme-gecko .woocommerce form .form-row button, body.gotham .theme-gecko .woocommerce .return-to-shop a.button {
  font-family: "gotham_mediumregular";
  font-weight: normal;
}
body.gotham .theme-gecko.woocommerce-page button.button {
  font-family: "gotham_bookregular";
}
body.gotham .theme-gecko .woocommerce strong {
  font-family: "gotham_boldregular";
}
body.gotham .theme-gecko.woocommerce-account address a.edit, body.gotham .theme-gecko.woocommerce-account .woocommerce-MyAccount-content a.button {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko select.orderby {
  font-family: "gotham_bookregular";
}
body.gotham .theme-gecko legend {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko .woocommerce table.shop_table th {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko .woocommerce #content table.cart td.actions .input-text,
body.gotham .theme-gecko .woocommerce table.cart td.actions .input-text,
body.gotham .theme-gecko .woocommerce-page #content table.cart td.actions .input-text,
body.gotham .theme-gecko .woocommerce-page table.cart td.actions .input-text {
  font-family: "gotham_bookregular";
}
body.gotham .theme-gecko .woocommerce .cart .button, body.gotham .theme-gecko .woocommerce .cart input.button {
  font-family: "gotham_bookregular";
}
body.gotham .woocommerce #respond input#submit, body.gotham .woocommerce a.button, body.gotham .woocommerce button.button, body.gotham .woocommerce input.button {
  font-family: "gotham_mediumregular";
  font-weight: normal;
}
body.gotham .woocommerce-checkout.theme-gecko form.checkout.woocommerce-checkout .woocommerce-billing-fields h3 {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.woocommerce-checkout h3#order_review_heading {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.woocommerce-checkout h3#order_review_heading {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko .woocommerce #payment #place_order, body.gotham .theme-gecko .woocommerce-page #payment #place_order {
  font-family: "gotham_mediumregular";
  font-weight: normal;
}
body.gotham .theme-gecko.woocommerce-checkout .woocommerce table.shop_table tfoot tr.cart-subtotal td {
  font-weight: normal;
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.woocommerce-checkout .woocommerce table.shop_table tfoot tr.order-total td,
body.gotham .theme-gecko.woocommerce-checkout .woocommerce table.shop_table tfoot tr.order-total th {
  font-weight: normal;
  font-family: "gotham_boldregular";
}
body.gotham .theme-gecko .woocommerce form.register p:nth-of-type(2) {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.single-product.woocommerce-page #review_form #respond .form-submit input {
  font-family: "gotham_mediumregular";
}
body.gotham .woocommerce #review_form_wrapper #review_form #respond textarea {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.woocommerce div.product p.price, body.gotham .woocommerce div.product span.price {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.woocommerce div.product form.cart .variations label {
  font-weight: normal;
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item .variable-item-span {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.woo-variation-swatches a.reset_variations {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko.single-product.woocommerce-page div.product form.cart .button {
  font-family: "gotham_mediumregular";
}
body.gotham #primary .product-search-filter-terms .attribute-item .term-name {
  font-family: "gotham_mediumregular";
}
body.gotham .theme-gecko .product-search-filter-search .product-search-filter-search-clear,
body.gotham .theme-gecko .product-search-filter-price .product-search-filter-price-clear,
body.gotham .theme-gecko .product-search-filter-terms .cat-item-all.nav-back,
body.gotham .theme-gecko .product-search-filter-terms .attribute-item-all.nav-back,
body.gotham .theme-gecko .product-search-filter-terms .tag-item-all.nav-back {
  font-family: "gotham_mediumregular";
  font-weight: normal;
}
body.gotham .theme-gecko .product-search-filter-search .product-search-filter-search-clear:before,
body.gotham .theme-gecko .product-search-filter-price .product-search-filter-price-clear:before,
body.gotham .theme-gecko .product-search-filter-terms .cat-item-all.nav-back:before,
body.gotham .theme-gecko .product-search-filter-terms .attribute-item-all.nav-back:before,
body.gotham .theme-gecko .product-search-filter-terms .tag-item-all.nav-back:before {
  font-family: "gotham_boldregular";
  font-weight: normal;
}
body.gotham .theme-gecko.woocommerce #primary #sidebar_one h3.widget-title,
body.gotham .theme-gecko.woocommerce #primary .product-search-filter-reset-heading {
  font-family: "gotham_mediumregular";
}
body.gotham .gallery h3 {
  font-size: 1.625rem;
}
body.gotham .left p, body.gotham .right p {
  font-size: 0.9375rem;
}
body.gotham div.wpcf7-response-output {
  font-size: 0.9375rem;
}
body.gotham .home-services .tns-controls {
  font-family: "gotham_bookregular";
}
body.gotham .home-services .tns-controls button span {
  font-size: 3.125rem;
}
body.gotham .home-services .item h3 {
  font-size: 1.375rem;
  font-weight: normal;
}
body.gotham .home-services.testimonials .item .content p.name {
  font-size: 1.125rem;
  font-weight: normal;
  font-family: "gotham_mediumregular";
}
body.gotham .home-services.testimonials .item .content p.company {
  font-size: 0.8125rem;
}
body.gotham .home-services.testimonials .item .content p.position {
  font-size: 0.8125rem;
}
body.gotham .home-services.news .entry-meta span.entry-date {
  font-size: 0.875rem;
}
body.gotham .home-services .post h2 {
  font-size: 1.375rem;
  height: 3.4375rem;
}
body.gotham .home-services.profiles .item h3 {
  font-size: 1.375rem;
  padding-bottom: 0.5rem;
}
body.gotham .home-services.profiles .item h4 {
  font-size: 1.0625rem;
}
body.gotham .page-template-template-contact em {
  font-style: normal;
  font-weight: normal;
  font-family: "gotham_mediumregular";
}
body.gotham #respond input[type=email],
body.gotham #respond input[type=text] {
  font-family: "gotham_bookregular";
}
body.gotham #review_form_wrapper #reply-title {
  font-family: "gotham_mediumregular";
}
body.gotham .navigation {
  font-size: 0.9375rem;
}
body.gotham .navigation .left, body.gotham .navigation .right {
  font-size: 0.9375rem;
}
body.gotham .shiftnav ul.shiftnav-menu li.menu-item {
  font-family: "gotham_mediumregular";
}
body.gotham #shiftnav-toggle-main .shiftnav-main-toggle-content {
  font-family: "gotham_mediumregular";
}
body.gotham #sidebar_one h3 {
  font-family: "gotham_mediumregular";
  font-size: 1.5rem;
}
body.gotham #sidebar_one .services ul li {
  font-size: 0.9375rem;
}
body.gotham #sidebar_one .navigation .right {
  font-weight: normal;
}
body.gotham .single-post h2.profiles {
  font-size: 1.125rem;
  color: #aeaeae;
  font-family: "gotham_bookregular";
}
body.gotham table .pricing {
  font-family: "gotham_bookregular";
  font-size: 0.875rem;
}
body.gotham table .pricing thead th {
  font-family: "gotham_boldregular";
  font-weight: normal;
  font-size: 1rem;
}
body.gotham table .pricing td.bold {
  font-family: "gotham_mediumregular";
}
body.gotham #twitter-block h3 {
  font-family: "gotham_mediumregular";
  font-size: 1.625rem;
}
body.gotham #twitter-block .left p {
  line-height: 1.43725;
  margin: 0;
  padding: 0 0 1.875rem;
}
body.gotham #twitter-block div.wpcf7-response-output {
  font-size: 0.9375em;
}
body.gotham #twitter-block .twitter-text p.info {
  font-family: "gotham_mediumregular";
  text-transform: none;
}
body.gotham #twitter-block .wpcf7-form .button p.text {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1.125rem;
}
body.gotham #twitter-block.quick-contact #mc_embed_signup input {
  font-family: "gotham_bookregular";
  font-size: 1.125rem;
  font-weight: normal;
}
body.gotham #special-offers-bar .item p {
  font-size: inherit;
}
body.gotham table.pricing {
  font-family: "gotham_bookregular";
  font-size: 0.875rem;
}
body.gotham table.pricing thead th {
  font-family: "gotham_boldregular";
  font-weight: normal;
  font-size: 1rem;
}
body.gotham table.pricing td.bold {
  font-family: "gotham_mediumregular";
}
body.gotham .wpcf7-form input.wpcf7-text, body.gotham .wpcf7-form input.wpcf7-date {
  font-family: "gotham_bookregular";
  font-size: 0.9375rem;
  font-weight: normal;
}
body.gotham .wpcf7-form select.wpcf7-select {
  font-family: "gotham_bookregular";
  font-size: 0.9375rem;
  font-weight: normal;
}
body.gotham form.wpcf7-form .button p.text {
  font-size: 1.25rem;
}
body.gotham ul.products li.product {
  font-size: 0.875rem;
  font-family: "gotham_mediumregular";
}
body.gotham ul.products li.product a .price {
  font-family: "gotham_mediumregular";
}

/*
Woocommerce
==================================================== */
/* WooCommerce Generic */
body.gotham .woocommerce-message,
body.gotham .woocommerce-info,
body.gotham .woocommerce-error {
  font-size: 0.875rem;
  width: calc(100% - 5.5em);
}
body.gotham .woocommerce #main .woocommerce-breadcrumb {
  font-family: "gotham_bookregular";
  font-size: 0.875rem;
}
body.gotham .woocommerce #respond input#submit {
  font-family: "gotham_mediumregular";
}
body.gotham .woocommerce a.button,
body.gotham .woocommerce button.button,
body.gotham .woocommerce input.button {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1rem;
}
body.gotham.theme-gecko .woocommerce form .form-row input {
  font-family: "gotham_bookregular";
  font-weight: normal;
  font-size: 0.875rem;
}
body.gotham.theme-gecko .woocommerce form .form-row label.woocommerce-form-login__rememberme span {
  font-size: 0.875rem;
}
body.gotham.theme-gecko.woocommerce-page #main a.button.wc-backward,
body.gotham.theme-gecko.woocommerce-page #main button.button {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1rem !important;
}

/* Woocommerce Home Products */
body.gotham #home-products .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "gotham_bookregular";
}
body.gotham #home-products .woocommerce ul.products li.product .add_to_cart_button {
  font-size: 0.875rem;
}

/* WooCommerce Category Page */
body.gotham.theme-gecko #main h1 {
  font-size: 1.375rem;
  text-transform: uppercase;
}
body.gotham.theme-gecko #primary #sidebar_one h3.widget-title {
  font-size: 1.375rem !important;
  text-transform: uppercase;
}
body.gotham.theme-gecko #primary #sidebar_one .product-search-filter-terms-heading {
  font-size: 1.375rem !important;
  text-transform: uppercase;
}
body.gotham.theme-gecko #primary #sidebar_one ul li #product-filter-search-form-0 input#product-filter-field-0 {
  font-size: 0.875rem;
  font-family: "gotham_bookregular";
}
body.gotham.theme-gecko #primary #sidebar_one ul li span {
  font-size: 0.875rem;
  font-weight: normal;
  font-family: "gotham_bookregular";
}

/* Woocommerce Single Product */
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .summary form.cart .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
  font-family: "gotham_bookregular";
  font-weight: normal;
  font-size: 1rem;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .summary form.cart .button {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1rem;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .summary form.cart a.reset_variations {
  font-family: "gotham_mediumregular" !important;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .summary .product_meta {
  font-size: 0.875rem;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs h2 {
  font-size: 1.375rem !important;
  font-family: "gotham_mediumregular" !important;
  text-transform: uppercase;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs ul.tabs li a {
  font-weight: normal;
  font-family: "gotham_bookregular";
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #reply-title {
  font-family: "gotham_bookregular";
  font-size: 1.375rem;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .woocommerce-tabs #reviews #review_form_wrapper #review_form #respond form#commentform .form-submit input {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1rem;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .related h2 {
  font-size: 1.375rem;
  font-family: "gotham_mediumregular" !important;
  text-transform: uppercase;
}
body.gotham.theme-gecko.woocommerce.single #main #primary div.product .related h2.woocommerce-loop-product__title {
  font-family: "gotham_bookregular" !important;
  text-transform: none;
  font-weight: normal;
}

/* Woocommerce Basket */
body.gotham.theme-gecko.woocommerce-page #main table.shop_table tbody {
  font-size: 1rem;
  text-transform: none;
}
body.gotham.theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .input-text {
  font-size: 1rem;
  font-family: "gotham_bookregular";
}
body.gotham.theme-gecko.woocommerce-page #main table.shop_table tbody td.actions .button {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1rem !important;
}
body.gotham.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody tr.order-total th {
  font-weight: normal;
  font-family: "gotham_mediumregular";
}
body.gotham.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td small {
  font-size: 0.875rem;
}
body.gotham.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p button.button {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1rem !important;
}
body.gotham.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p input {
  font-family: "gotham_bookregular";
  font-size: 0.875rem;
}
body.gotham.theme-gecko.woocommerce-page #main .cart-collaterals .cart_totals table.shop_table tbody td form.woocommerce-shipping-calculator p span.select2-selection span#select2-calc_shipping_country-container {
  font-family: "gotham_bookregular";
  font-size: 0.875rem;
}

/* WooCommerce Checkout */
body.gotham.theme-gecko.woocommerce-checkout #main table.shop_table th {
  font-size: 0.9375rem;
  font-family: "gotham_mediumregular";
  font-weight: normal;
}
body.gotham.theme-gecko.woocommerce-checkout #main table.shop_table tbody td {
  font-size: 0.9375rem;
}
body.gotham.theme-gecko.woocommerce-checkout #main #payment #place_order {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1rem !important;
}
body.gotham.theme-gecko.woocommerce-checkout #order_review tr.cart-subtotal th, body.gotham.theme-gecko.woocommerce-checkout #order_review tr.cart-subtotal td, body.gotham.theme-gecko.woocommerce-checkout #order_review tr.order-total th, body.gotham.theme-gecko.woocommerce-checkout #order_review tr.order-total td {
  font-size: 0.9375rem !important;
  font-weight: normal;
  font-family: "gotham_mediumregular";
  line-height: 1;
}
body.gotham.theme-gecko.woocommerce-checkout #order_review tr.cart-subtotal th small.includes_tax, body.gotham.theme-gecko.woocommerce-checkout #order_review tr.cart-subtotal td small.includes_tax, body.gotham.theme-gecko.woocommerce-checkout #order_review tr.order-total th small.includes_tax, body.gotham.theme-gecko.woocommerce-checkout #order_review tr.order-total td small.includes_tax {
  font-weight: normal;
  font-family: "gotham_bookregular";
}
body.gotham.theme-gecko.woocommerce-checkout form.checkout.woocommerce-checkout ul#shipping_method li {
  font-size: 0.9375rem;
}
body.gotham.theme-gecko.woocommerce-checkout form.checkout.woocommerce-checkout ul#shipping_method li .amount {
  font-weight: normal;
  font-family: "gotham_mediumregular";
}
body.gotham.theme-gecko.woocommerce-page #main a.button.wc-backward,
body.gotham.theme-gecko.woocommerce-page #main button.button {
  font-family: "gotham_mediumregular";
  font-weight: normal;
  font-size: 1rem !important;
}
body.gotham.theme-gecko .woocommerce form .woocommerce-form__label.checkbox span {
  font-family: "gotham_bookregular";
}
body.gotham.theme-gecko .woocommerce form .form-row textarea {
  font-family: "gotham_bookregular";
  font-size: 0.875rem;
}

/* WooCommerce Account - Login */
body.gotham.theme-gecko.woocommerce-account .woocommerce #customer_login form .woocommerce-privacy-policy-text {
  margin-top: -0.125rem;
}
body.gotham.theme-gecko.woocommerce-account .woocommerce #customer_login form .form-row label {
  font-size: 0.875rem;
}
body.gotham.theme-gecko.woocommerce-account .woocommerce #customer_login form .form-row label.woocommerce-form__label-for-checkbox {
  width: auto;
  line-height: 2.1875rem;
}
body.gotham.theme-gecko.woocommerce-account nav.woocommerce-MyAccount-navigation h2 {
  font-size: 1.5rem;
  font-weight: normal;
}

@media only screen and (min-width: 621px) and (max-width: 1160px) {
  body.gotham {
    font-size: 1.3793103448vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 620px) {
  body.gotham p {
    font-size: 1rem;
  }
  body.gotham .left p, body.gotham .right p {
    font-size: 1rem;
  }
  body.gotham .entry-content ul {
    font-size: 1rem;
  }
  body.gotham #primary header.woocommerce-products-header h1 {
    font-size: 7vw;
  }
  body.gotham #primary #sidebar_one .product-search-filter-terms-heading {
    font-size: 5vw;
  }
}/*# sourceMappingURL=style.css.map */