/*!
Theme Name: Savoir Faire
Theme URI: http://underscores.me/
Author: Paul Lyons
Author URI: http://www.gilmourcraves.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: savoire-faire
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Template: storefront
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Hemacare Corp is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 50%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -1em; }

h1 sup {
  top: -1.5em;
  font-size: 35%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/*from bootstrap 3 utilities*/
.text-left {
  text-align: left; }

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

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

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.small {
  font-size: 80%; }

#modal-product {
  display: none; }
  #modal-product h2.modal-title {
    margin: 20px 0 10px; }

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1000;
  padding: 20px;
  box-sizing: border-box;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center; }

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em; }

.blocker.behind {
  background-color: transparent; }

.jquery-modal .modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  text-align: left; }

.jquery-modal .modal a.close-modal {
  position: absolute;
  top: 0;
  right: -40px;
  display: block;
  width: 30px;
  height: 30px;
  color: #fff;
  text-decoration: none; }

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px; }

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.5); }
  20% {
    -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

.hidden {
  display: none !important; }

.visible {
  display: block !important; }

.clear-both {
  clear: both; }

.text-center {
  text-align: center;
  margin: 0;
  padding: 0;
  max-width: 1800px; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.strong {
  font-weight: 600; }

.table-responsive {
  min-height: .01%;
  overflow-x: auto; }

.wp-post-image {
  /*  width: 100% !important;
  height: auto;
  max-width: 100%;*/ }

#container-notice {
  background-color: #ed1b2f;
  padding: 10px 0;
  color: #fff;
  text-align: center; }
  #container-notice p {
    margin: 0; }

.container-product-loading {
  display: none; }
  .container-product-loading img {
    margin: 0 auto; }

.container-product-loading.active {
  display: block; }

#product-ids-loading {
  display: none; }

#product-ids-result {
  font-size: 22px; }

ul.sf-utility {
  list-style-type: square; }

span.cat-id {
  display: none; }

body.admin-bar span.cat-id {
  display: inline-block; }

@media (max-width: 1100px) {
  .hidden-mobile {
    display: none !important; }
  .visible-mobile {
    display: block !important; } }

#site-header-cart {
  display: none; }

#colophon > div > div.storefront-handheld-footer-bar > ul > li.cart > a {
  visibility: hidden; }

.storefront-handheld-footer-bar ul li {
  background-color: #fff !important; }

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.pure-g {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  letter-spacing: normal; }

.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  display: inline-block;
  zoom: 1; }

.pure-u-1-24 {
  width: 4.1667%; }

.pure-u-1-12, .pure-u-2-24 {
  width: 8.3333%; }

.pure-u-1-8, .pure-u-3-24 {
  width: 12.5%; }

.pure-u-1-6, .pure-u-4-24 {
  width: 16.6667%; }

.pure-u-1-5 {
  width: 20%; }

.pure-u-5-24 {
  width: 20.8333%; }

.pure-u-1-4, .pure-u-6-24 {
  width: 25%; }

.pure-u-7-24 {
  width: 29.1667%; }

.pure-u-1-3, .pure-u-8-24 {
  width: 33.3333%; }

.pure-u-3-8, .pure-u-9-24 {
  width: 37.5%; }

.pure-u-2-5 {
  width: 40%; }

.pure-u-10-24, .pure-u-5-12 {
  width: 41.6667%; }

.pure-u-11-24 {
  width: 45.8333%; }

.pure-u-1-2, .pure-u-12-24 {
  width: 50%; }

.pure-u-13-24 {
  width: 54.1667%; }

.pure-u-14-24, .pure-u-7-12 {
  width: 58.3333%; }

.pure-u-3-5 {
  width: 60%; }

.pure-u-15-24, .pure-u-5-8 {
  width: 62.5%; }

.pure-u-16-24, .pure-u-2-3 {
  width: 66.6667%; }

.pure-u-17-24 {
  width: 70.8333%; }

.pure-u-18-24, .pure-u-3-4 {
  width: 75%; }

.pure-u-19-24 {
  width: 79.1667%; }

.pure-u-4-5 {
  width: 80%; }

.pure-u-20-24, .pure-u-5-6 {
  width: 83.3333%; }

.pure-u-21-24, .pure-u-7-8 {
  width: 87.5%; }

.pure-u-11-12, .pure-u-22-24 {
  width: 91.6667%; }

.pure-u-23-24 {
  width: 95.8333%; }

.pure-u-1, .pure-u-1-1, .pure-u-24-24, .pure-u-5-5 {
  width: 100%; }

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
@media screen and (min-width: 35.5em) {
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-12, .pure-u-sm-1-2, .pure-u-sm-1-24, .pure-u-sm-1-3, .pure-u-sm-1-4, .pure-u-sm-1-5, .pure-u-sm-1-6, .pure-u-sm-1-8, .pure-u-sm-10-24, .pure-u-sm-11-12, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-2-24, .pure-u-sm-2-3, .pure-u-sm-2-5, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24, .pure-u-sm-3-24, .pure-u-sm-3-4, .pure-u-sm-3-5, .pure-u-sm-3-8, .pure-u-sm-4-24, .pure-u-sm-4-5, .pure-u-sm-5-12, .pure-u-sm-5-24, .pure-u-sm-5-5, .pure-u-sm-5-6, .pure-u-sm-5-8, .pure-u-sm-6-24, .pure-u-sm-7-12, .pure-u-sm-7-24, .pure-u-sm-7-8, .pure-u-sm-8-24, .pure-u-sm-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-sm-1-24 {
    width: 4.1667%; }
  .pure-u-sm-1-12, .pure-u-sm-2-24 {
    width: 8.3333%; }
  .pure-u-sm-1-8, .pure-u-sm-3-24 {
    width: 12.5%; }
  .pure-u-sm-1-6, .pure-u-sm-4-24 {
    width: 16.6667%; }
  .pure-u-sm-1-5 {
    width: 20%; }
  .pure-u-sm-5-24 {
    width: 20.8333%; }
  .pure-u-sm-1-4, .pure-u-sm-6-24 {
    width: 25%; }
  .pure-u-sm-7-24 {
    width: 29.1667%; }
  .pure-u-sm-1-3, .pure-u-sm-8-24 {
    width: 33.3333%; }
  .pure-u-sm-3-8, .pure-u-sm-9-24 {
    width: 37.5%; }
  .pure-u-sm-2-5 {
    width: 40%; }
  .pure-u-sm-10-24, .pure-u-sm-5-12 {
    width: 41.6667%; }
  .pure-u-sm-11-24 {
    width: 45.8333%; }
  .pure-u-sm-1-2, .pure-u-sm-12-24 {
    width: 50%; }
  .pure-u-sm-13-24 {
    width: 54.1667%; }
  .pure-u-sm-14-24, .pure-u-sm-7-12 {
    width: 58.3333%; }
  .pure-u-sm-3-5 {
    width: 60%; }
  .pure-u-sm-15-24, .pure-u-sm-5-8 {
    width: 62.5%; }
  .pure-u-sm-16-24, .pure-u-sm-2-3 {
    width: 66.6667%; }
  .pure-u-sm-17-24 {
    width: 70.8333%; }
  .pure-u-sm-18-24, .pure-u-sm-3-4 {
    width: 75%; }
  .pure-u-sm-19-24 {
    width: 79.1667%; }
  .pure-u-sm-4-5 {
    width: 80%; }
  .pure-u-sm-20-24, .pure-u-sm-5-6 {
    width: 83.3333%; }
  .pure-u-sm-21-24, .pure-u-sm-7-8 {
    width: 87.5%; }
  .pure-u-sm-11-12, .pure-u-sm-22-24 {
    width: 91.6667%; }
  .pure-u-sm-23-24 {
    width: 95.8333%; }
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-24-24, .pure-u-sm-5-5 {
    width: 100%; } }

@media screen and (min-width: 48em) {
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-12, .pure-u-md-1-2, .pure-u-md-1-24, .pure-u-md-1-3, .pure-u-md-1-4, .pure-u-md-1-5, .pure-u-md-1-6, .pure-u-md-1-8, .pure-u-md-10-24, .pure-u-md-11-12, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-2-24, .pure-u-md-2-3, .pure-u-md-2-5, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24, .pure-u-md-3-24, .pure-u-md-3-4, .pure-u-md-3-5, .pure-u-md-3-8, .pure-u-md-4-24, .pure-u-md-4-5, .pure-u-md-5-12, .pure-u-md-5-24, .pure-u-md-5-5, .pure-u-md-5-6, .pure-u-md-5-8, .pure-u-md-6-24, .pure-u-md-7-12, .pure-u-md-7-24, .pure-u-md-7-8, .pure-u-md-8-24, .pure-u-md-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-md-1-24 {
    width: 4.1667%; }
  .pure-u-md-1-12, .pure-u-md-2-24 {
    width: 8.3333%; }
  .pure-u-md-1-8, .pure-u-md-3-24 {
    width: 12.5%; }
  .pure-u-md-1-6, .pure-u-md-4-24 {
    width: 16.6667%; }
  .pure-u-md-1-5 {
    width: 20%; }
  .pure-u-md-5-24 {
    width: 20.8333%; }
  .pure-u-md-1-4, .pure-u-md-6-24 {
    width: 25%; }
  .pure-u-md-7-24 {
    width: 29.1667%; }
  .pure-u-md-1-3, .pure-u-md-8-24 {
    width: 33.3333%; }
  .pure-u-md-3-8, .pure-u-md-9-24 {
    width: 37.5%; }
  .pure-u-md-2-5 {
    width: 40%; }
  .pure-u-md-10-24, .pure-u-md-5-12 {
    width: 41.6667%; }
  .pure-u-md-11-24 {
    width: 45.8333%; }
  .pure-u-md-1-2, .pure-u-md-12-24 {
    width: 50%; }
  .pure-u-md-13-24 {
    width: 54.1667%; }
  .pure-u-md-14-24, .pure-u-md-7-12 {
    width: 58.3333%; }
  .pure-u-md-3-5 {
    width: 60%; }
  .pure-u-md-15-24, .pure-u-md-5-8 {
    width: 62.5%; }
  .pure-u-md-16-24, .pure-u-md-2-3 {
    width: 66.6667%; }
  .pure-u-md-17-24 {
    width: 70.8333%; }
  .pure-u-md-18-24, .pure-u-md-3-4 {
    width: 75%; }
  .pure-u-md-19-24 {
    width: 79.1667%; }
  .pure-u-md-4-5 {
    width: 80%; }
  .pure-u-md-20-24, .pure-u-md-5-6 {
    width: 83.3333%; }
  .pure-u-md-21-24, .pure-u-md-7-8 {
    width: 87.5%; }
  .pure-u-md-11-12, .pure-u-md-22-24 {
    width: 91.6667%; }
  .pure-u-md-23-24 {
    width: 95.8333%; }
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-24-24, .pure-u-md-5-5 {
    width: 100%; } }

@media screen and (min-width: 1100px) {
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-12, .pure-u-lg-1-2, .pure-u-lg-1-24, .pure-u-lg-1-3, .pure-u-lg-1-4, .pure-u-lg-1-5, .pure-u-lg-1-6, .pure-u-lg-1-8, .pure-u-lg-10-24, .pure-u-lg-11-12, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-2-24, .pure-u-lg-2-3, .pure-u-lg-2-5, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24, .pure-u-lg-3-24, .pure-u-lg-3-4, .pure-u-lg-3-5, .pure-u-lg-3-8, .pure-u-lg-4-24, .pure-u-lg-4-5, .pure-u-lg-5-12, .pure-u-lg-5-24, .pure-u-lg-5-5, .pure-u-lg-5-6, .pure-u-lg-5-8, .pure-u-lg-6-24, .pure-u-lg-7-12, .pure-u-lg-7-24, .pure-u-lg-7-8, .pure-u-lg-8-24, .pure-u-lg-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-lg-1-24 {
    width: 4.1667%; }
  .pure-u-lg-1-12, .pure-u-lg-2-24 {
    width: 8.3333%; }
  .pure-u-lg-1-8, .pure-u-lg-3-24 {
    width: 12.5%; }
  .pure-u-lg-1-6, .pure-u-lg-4-24 {
    width: 16.6667%; }
  .pure-u-lg-1-5 {
    width: 20%; }
  .pure-u-lg-5-24 {
    width: 20.8333%; }
  .pure-u-lg-1-4, .pure-u-lg-6-24 {
    width: 25%; }
  .pure-u-lg-7-24 {
    width: 29.1667%; }
  .pure-u-lg-1-3, .pure-u-lg-8-24 {
    width: 33.3333%; }
  .pure-u-lg-3-8, .pure-u-lg-9-24 {
    width: 37.5%; }
  .pure-u-lg-2-5 {
    width: 40%; }
  .pure-u-lg-10-24, .pure-u-lg-5-12 {
    width: 41.6667%; }
  .pure-u-lg-11-24 {
    width: 45.8333%; }
  .pure-u-lg-1-2, .pure-u-lg-12-24 {
    width: 50%; }
  .pure-u-lg-13-24 {
    width: 54.1667%; }
  .pure-u-lg-14-24, .pure-u-lg-7-12 {
    width: 58.3333%; }
  .pure-u-lg-3-5 {
    width: 60%; }
  .pure-u-lg-15-24, .pure-u-lg-5-8 {
    width: 62.5%; }
  .pure-u-lg-16-24, .pure-u-lg-2-3 {
    width: 66.6667%; }
  .pure-u-lg-17-24 {
    width: 70.8333%; }
  .pure-u-lg-18-24, .pure-u-lg-3-4 {
    width: 75%; }
  .pure-u-lg-19-24 {
    width: 79.1667%; }
  .pure-u-lg-4-5 {
    width: 80%; }
  .pure-u-lg-20-24, .pure-u-lg-5-6 {
    width: 83.3333%; }
  .pure-u-lg-21-24, .pure-u-lg-7-8 {
    width: 87.5%; }
  .pure-u-lg-11-12, .pure-u-lg-22-24 {
    width: 91.6667%; }
  .pure-u-lg-23-24 {
    width: 95.8333%; }
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-24-24, .pure-u-lg-5-5 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-1-12, .pure-u-xl-1-2, .pure-u-xl-1-24, .pure-u-xl-1-3, .pure-u-xl-1-4, .pure-u-xl-1-5, .pure-u-xl-1-6, .pure-u-xl-1-8, .pure-u-xl-10-24, .pure-u-xl-11-12, .pure-u-xl-11-24, .pure-u-xl-12-24, .pure-u-xl-13-24, .pure-u-xl-14-24, .pure-u-xl-15-24, .pure-u-xl-16-24, .pure-u-xl-17-24, .pure-u-xl-18-24, .pure-u-xl-19-24, .pure-u-xl-2-24, .pure-u-xl-2-3, .pure-u-xl-2-5, .pure-u-xl-20-24, .pure-u-xl-21-24, .pure-u-xl-22-24, .pure-u-xl-23-24, .pure-u-xl-24-24, .pure-u-xl-3-24, .pure-u-xl-3-4, .pure-u-xl-3-5, .pure-u-xl-3-8, .pure-u-xl-4-24, .pure-u-xl-4-5, .pure-u-xl-5-12, .pure-u-xl-5-24, .pure-u-xl-5-5, .pure-u-xl-5-6, .pure-u-xl-5-8, .pure-u-xl-6-24, .pure-u-xl-7-12, .pure-u-xl-7-24, .pure-u-xl-7-8, .pure-u-xl-8-24, .pure-u-xl-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-xl-1-24 {
    width: 4.1667%; }
  .pure-u-xl-1-12, .pure-u-xl-2-24 {
    width: 8.3333%; }
  .pure-u-xl-1-8, .pure-u-xl-3-24 {
    width: 12.5%; }
  .pure-u-xl-1-6, .pure-u-xl-4-24 {
    width: 16.6667%; }
  .pure-u-xl-1-5 {
    width: 20%; }
  .pure-u-xl-5-24 {
    width: 20.8333%; }
  .pure-u-xl-1-4, .pure-u-xl-6-24 {
    width: 25%; }
  .pure-u-xl-7-24 {
    width: 29.1667%; }
  .pure-u-xl-1-3, .pure-u-xl-8-24 {
    width: 33.3333%; }
  .pure-u-xl-3-8, .pure-u-xl-9-24 {
    width: 37.5%; }
  .pure-u-xl-2-5 {
    width: 40%; }
  .pure-u-xl-10-24, .pure-u-xl-5-12 {
    width: 41.6667%; }
  .pure-u-xl-11-24 {
    width: 45.8333%; }
  .pure-u-xl-1-2, .pure-u-xl-12-24 {
    width: 50%; }
  .pure-u-xl-13-24 {
    width: 54.1667%; }
  .pure-u-xl-14-24, .pure-u-xl-7-12 {
    width: 58.3333%; }
  .pure-u-xl-3-5 {
    width: 60%; }
  .pure-u-xl-15-24, .pure-u-xl-5-8 {
    width: 62.5%; }
  .pure-u-xl-16-24, .pure-u-xl-2-3 {
    width: 66.6667%; }
  .pure-u-xl-17-24 {
    width: 70.8333%; }
  .pure-u-xl-18-24, .pure-u-xl-3-4 {
    width: 75%; }
  .pure-u-xl-19-24 {
    width: 79.1667%; }
  .pure-u-xl-4-5 {
    width: 80%; }
  .pure-u-xl-20-24, .pure-u-xl-5-6 {
    width: 83.3333%; }
  .pure-u-xl-21-24, .pure-u-xl-7-8 {
    width: 87.5%; }
  .pure-u-xl-11-12, .pure-u-xl-22-24 {
    width: 91.6667%; }
  .pure-u-xl-23-24 {
    width: 95.8333%; }
  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-24-24, .pure-u-xl-5-5 {
    width: 100%; } }

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

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

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

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

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

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: interstate, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  font-family: interstate, sans-serif;
  clear: both;
  font-weight: 100; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #3E3E3E; }

h1 {
  font-size: 48px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 16px; }

@media screen and (max-width: 1100px) {
  h1 {
    font-size: 36px; }
  h2 {
    font-size: 21px; }
  h3 {
    font-size: 32px; }
  h4 {
    font-size: 24px; }
  h5 {
    font-size: 20px; }
  h6 {
    font-size: 16px; } }

p {
  margin-bottom: 1.5em; }

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

blockquote {
  margin: 0 1.5em; }

#owl-home-hero blockquote {
  position: relative;
  font-style: normal;
  padding: 0;
  margin: 0;
  border-left: none; }
  #owl-home-hero blockquote p {
    margin: 0;
    padding: 0; }

#owl-home-hero blockquote:before {
  content: '\201C';
  position: absolute;
  left: -12px; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

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

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

.strong-18 {
  font-family: interstate, sans-serif;
  font-size: 18px;
  font-weight: 600; }

.event-details .strong {
  font-family: interstate, sans-serif; }

section p {
  max-width: 900px; }

strong, b {
  font-family: interstate, sans-serif; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

.container-hr {
  margin: 40px 0; }

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

ul, ol {
  margin: 0 0 30px 20px; }

ul {
  list-style: inherit; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ED1B2F;
  border-radius: 0;
  background: #ED1B2F;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #000 #000 #000; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #000 #000 #000; }

.button {
  font-size: 16px;
  letter-spacing: 0.22px;
  padding: 8px 30px 7px;
  font-weight: 100; }

.button-small {
  font-size: 14px;
  letter-spacing: 0.22px;
  padding: 2px 15px 0;
  font-weight: 100;
  line-height: 29px; }

input[type="submit"].button-large, .button-large {
  margin: 20px 0;
  font-size: 22px;
  letter-spacing: 0.22px;
  padding: 8px 30px 7px;
  font-weight: 100; }

.button-promotions {
  min-width: 200px;
  margin-right: 10px;
  margin-bottom: 20px;
  text-align: center; }

.button-transparent, .button-transparent:hover, .button-transparent:visited {
  background: transparent; }

.button-white-border, .button-white-border:hover, .button-white-border:visited {
  color: #fff;
  border: 1px solid #fff; }

a.button, a.button:hover, a.button:visited, a.button:active {
  color: #fff !important; }

.button-black, .button-black:hover, .button-black:visited {
  color: #fff;
  border: 1px solid #000;
  background: #000; }

#customer_login > div.u-column1.col-1 > form > p:nth-child(3) > button {
  margin-top: 20px; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea, select {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 3px;
  box-shadow: none;
  background-color: #fff !important; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus, select:focus {
    color: #111; }

select {
  border: 1px solid #ccc;
  width: 330px; }

textarea {
  width: 100%; }

.hbspt-form .hs-button {
  border-radius: 3px;
  font-size: 16px;
  letter-spacing: 0.22px;
  padding: 8px 30px;
  font-weight: 100;
  margin-left: 12px; }

.hbspt-form .submitted-message {
  margin: 20px 0;
  font-weight: 600;
  font-size: 24px; }

.hbspt-form .hs-button, .hbspt-form .hs-button:hover, .hbspt-form .hs-button:visited,
.hbspt-form a.hs-button, .hbspt-form a.hs-button:hover, .hbspt-form a.hs-button:visited {
  color: #fff;
  background: #ED1B2F; }

.hbspt-form .button-teal, .hbspt-form .button-teal:hover, .hbspt-form .button-teal:visited,
.hbspt-form a.button-teal, .hbspt-form a.button-teal:hover, .hbspt-form a.button-teal:visited {
  color: #fff !important;
  background-color: #70B9C4; }

.hbspt-form .hs-error-msgs {
  clear: both;
  list-style-type: none;
  margin: 5px 0;
  color: red;
  font-size: 14px;
  text-align: left; }
  .hbspt-form .hs-error-msgs li {
    padding: 10px 0;
    margin: 0; }
  .hbspt-form .hs-error-msgs label {
    display: block; }

.hbspt-form .hs-submit {
  float: left; }

body.home .hbspt-form {
  height: 50px;
  width: 600px;
  margin: 0 auto; }
  body.home .hbspt-form label {
    display: none; }
  body.home .hbspt-form input[type="text"],
  body.home .hbspt-form input[type="email"],
  body.home .hbspt-form input[type="url"],
  body.home .hbspt-form input[type="password"],
  body.home .hbspt-form input[type="search"],
  body.home .hbspt-form input[type="number"],
  body.home .hbspt-form input[type="tel"],
  body.home .hbspt-form input[type="range"],
  body.home .hbspt-form input[type="date"],
  body.home .hbspt-form input[type="month"],
  body.home .hbspt-form input[type="week"],
  body.home .hbspt-form input[type="time"],
  body.home .hbspt-form input[type="datetime"],
  body.home .hbspt-form input[type="datetime-local"],
  body.home .hbspt-form input[type="color"], body.home .hbspt-form textarea {
    background-color: #fff;
    min-width: 450px;
    padding: 5px;
    float: left; }
  body.home .hbspt-form .hs_email {
    float: left;
    width: 450px; }
  @media screen and (max-width: 1100px) {
    body.home .hbspt-form input[type="text"],
    body.home .hbspt-form input[type="email"],
    body.home .hbspt-form input[type="url"],
    body.home .hbspt-form input[type="password"],
    body.home .hbspt-form input[type="search"],
    body.home .hbspt-form input[type="number"],
    body.home .hbspt-form input[type="tel"],
    body.home .hbspt-form input[type="range"],
    body.home .hbspt-form input[type="date"],
    body.home .hbspt-form input[type="month"],
    body.home .hbspt-form input[type="week"],
    body.home .hbspt-form input[type="time"],
    body.home .hbspt-form input[type="datetime"],
    body.home .hbspt-form input[type="datetime-local"],
    body.home .hbspt-form input[type="color"], body.home .hbspt-form textarea {
      background-color: #fff;
      min-width: 190px;
      padding: 5px;
      float: left; }
    body.home .hbspt-form .hs_email {
      float: left;
      width: auto; } }

body.page-template-template-flexible-content .hbspt-form table tbody tr:nth-child(2n) td, body.page-template-template-flexible-content .hbspt-form fieldset, body.page-template-template-flexible-content .hbspt-form fieldset legend, body.page-template-default .hbspt-form table tbody tr:nth-child(2n) td, body.page-template-default .hbspt-form fieldset, body.page-template-default .hbspt-form fieldset legend {
  background-color: #fff !important; }

body.page-template-template-flexible-content .hbspt-form fieldset.form-columns-2 .input, body.page-template-default .hbspt-form fieldset.form-columns-2 .input {
  margin-right: 20px; }

body.page-template-template-flexible-content .hbspt-form fieldset.form-columns-1 .hs-input, body.page-template-default .hbspt-form fieldset.form-columns-1 .hs-input {
  width: calc(100% - 20px); }

body.page-template-template-flexible-content .hbspt-form fieldset.form-columns-1 .input, body.page-template-default .hbspt-form fieldset.form-columns-1 .input {
  margin-right: 0 !important; }

body.page-template-template-flexible-content .hbspt-form fieldset.form-columns-1 select, body.page-template-default .hbspt-form fieldset.form-columns-1 select {
  max-width: 867px; }

body.page-template-template-flexible-content .hbspt-form fieldset, body.page-template-default .hbspt-form fieldset {
  max-width: 100%; }

body.page-template-template-flexible-content .hbspt-form label, body.page-template-default .hbspt-form label {
  font-weight: 600;
  padding: 15px 0 4px;
  display: block;
  font-size: 14px;
  clear: both; }

body.page-template-template-flexible-content .hbspt-form input[type="text"],
body.page-template-template-flexible-content .hbspt-form input[type="email"],
body.page-template-template-flexible-content .hbspt-form input[type="url"],
body.page-template-template-flexible-content .hbspt-form input[type="password"],
body.page-template-template-flexible-content .hbspt-form input[type="search"],
body.page-template-template-flexible-content .hbspt-form input[type="number"],
body.page-template-template-flexible-content .hbspt-form input[type="tel"],
body.page-template-template-flexible-content .hbspt-form input[type="range"],
body.page-template-template-flexible-content .hbspt-form input[type="date"],
body.page-template-template-flexible-content .hbspt-form input[type="month"],
body.page-template-template-flexible-content .hbspt-form input[type="week"],
body.page-template-template-flexible-content .hbspt-form input[type="time"],
body.page-template-template-flexible-content .hbspt-form input[type="datetime"],
body.page-template-template-flexible-content .hbspt-form input[type="datetime-local"],
body.page-template-template-flexible-content .hbspt-form input[type="color"], body.page-template-template-flexible-content .hbspt-form textarea, body.page-template-template-flexible-content .hbspt-form select, body.page-template-default .hbspt-form input[type="text"],
body.page-template-default .hbspt-form input[type="email"],
body.page-template-default .hbspt-form input[type="url"],
body.page-template-default .hbspt-form input[type="password"],
body.page-template-default .hbspt-form input[type="search"],
body.page-template-default .hbspt-form input[type="number"],
body.page-template-default .hbspt-form input[type="tel"],
body.page-template-default .hbspt-form input[type="range"],
body.page-template-default .hbspt-form input[type="date"],
body.page-template-default .hbspt-form input[type="month"],
body.page-template-default .hbspt-form input[type="week"],
body.page-template-default .hbspt-form input[type="time"],
body.page-template-default .hbspt-form input[type="datetime"],
body.page-template-default .hbspt-form input[type="datetime-local"],
body.page-template-default .hbspt-form input[type="color"], body.page-template-default .hbspt-form textarea, body.page-template-default .hbspt-form select {
  background-color: #fff;
  padding: 5px;
  float: left;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 100%; }

body.page-template-template-flexible-content .hbspt-form fieldset.form-columns-1 textarea, body.page-template-default .hbspt-form fieldset.form-columns-1 textarea {
  width: 100%;
  height: 100px; }

body.page-template-template-flexible-content .hbspt-form .hs-button, body.page-template-default .hbspt-form .hs-button {
  color: #fff !important;
  background-color: #70B9C4;
  border-color: #70B9C4;
  margin: 20px auto;
  min-width: 190px; }

body.page-template-template-flexible-content .hbspt-form .hs-submit, body.page-template-default .hbspt-form .hs-submit {
  float: left;
  width: 100%; }

body.page-template-template-flexible-content .hbspt-form .actions, body.page-template-default .hbspt-form .actions {
  width: 100%;
  text-align: center; }

body.page-template-template-flexible-content .hbspt-form .hs-error-msgs, body.page-template-default .hbspt-form .hs-error-msgs {
  clear: both;
  list-style-type: none;
  margin: 5px 0;
  color: red;
  font-size: 14px;
  text-align: left; }
  body.page-template-template-flexible-content .hbspt-form .hs-error-msgs li, body.page-template-default .hbspt-form .hs-error-msgs li {
    padding: 0;
    margin: 0; }
  body.page-template-template-flexible-content .hbspt-form .hs-error-msgs label, body.page-template-default .hbspt-form .hs-error-msgs label {
    display: block;
    padding: 5px 0 0;
    margin: 0; }

.wpcf7 p {
  margin: 0 0 5px; }

.wpcf7 input[type="submit"].wpcf7-submit {
  color: #fff !important;
  background-color: #ED1B2F;
  border-color: #ED1B2F;
  /*    margin: 20px auto;*/
  min-width: 190px;
  padding: 7px 20px;
  font-size: 16px;
  line-height: 1.5; }

.wpcf7 label {
  font-weight: 600;
  padding: 5px 0 8px;
  display: block;
  font-size: 14px; }

.wpcf7 .pure-g input[type="text"], .wpcf7 .pure-g input[type="email"] {
  width: 95%;
  padding: 7px; }

.wpcf7 .pure-g textarea {
  width: 95%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #ED1B2F; }
  a:visited {
    color: #ED1B2F; }
  a:hover, a:focus, a:active {
    color: #c51021; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.widget_product_search form:not(.wp-block-search)::before {
  display: none; }

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
    text-transform: none; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul,
      .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

.primary-navigation > ul > li {
  /*  text-transform: uppercase;*/ }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

@media (min-width: 1025px) {
  .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: 1.618em 0.5em; } }

@media screen and (min-width: 1025px) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: block; } }

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

.handheld-navigation, .main-navigation div.menu > ul:not(.nav-menu), .nav-menu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all, ease, .8s;
  transition: all, ease, .8s; }

.handheld-navigation {
  clear: both;
  background: #000; }

.handheld-navigation ul {
  margin: 0; }

.handheld-navigation ul.menu li {
  position: relative;
  float: none; }

.handheld-navigation ul.menu li button::after {
  -webkit-transition: all, ease, .9s;
  transition: all, ease, .9s; }

.handheld-navigation ul.menu li button.toggled-on::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.handheld-navigation ul.menu .sub-menu {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  -webkit-transition: all, ease, .9s;
  transition: all, ease, .9s; }

.handheld-navigation ul.menu .sub-menu.toggled-on {
  visibility: visible;
  max-height: 9999px;
  opacity: 1; }

.handheld-navigation .dropdown-toggle {
  background: 0 0;
  position: absolute;
  top: 0;
  right: 0;
  display: block; }

.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu > ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
  max-height: 9999px; }

@media (min-width: 1101px) {
  .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    width: 50%;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 12px; }
  .storefront-primary-navigation {
    clear: none;
    float: left;
    width: 80%;
    margin-top: 3px;
    font-weight: 600; }
  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 20%;
    float: left;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 0; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 59px;
    height: 59px; }
  .container-primary-navigation {
    float: right; }
  .menu-secondary-menu-container {
    width: 100%;
    float: right;
    margin-top: 10px; }
  .woocommerce-active .site-header .site-header-cart {
    width: 20%;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
    padding: 5px;
    font-size: 12px; }
  .container-account {
    position: relative;
    display: inline-block;
    margin-top: 14px;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10px;
    text-align: center;
    font-size: 11px; }
    .container-account a, .container-account a:hover {
      padding: 6px 10px;
      color: #fff;
      font-weight: 100;
      background-color: #000; }
  .container-search {
    width: 30px;
    float: right;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    text-indent: -9999px; }
    .container-search a {
      margin: 8px;
      font-size: 14px;
      font-weight: 400;
      display: block;
      content: "\f002"; }
  .wpmenucart-icon-shopping-cart-0 {
    font-size: 14px; }
  .secondary-navigation .menu a.wpmenucart-contents {
    padding: .70em .875em; } }

@media (max-width: 1100px) {
  .container-account, .container-search {
    display: none; } }

/*--------------------------------------------------------------
## MaxMenu
--------------------------------------------------------------*/
/** Friday 25th January 2019 23:29:41 UTC (core) **/
/*IMPORANT: This is the mega-menu CSS file. Yep. the one generated in teh admin should be disabled*/
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
  transition: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background: none;
  border: 0;
  bottom: auto;
  box-sizing: border-box;
  clip: auto;
  color: #666;
  display: block;
  float: none;
  font-family: inherit;
  font-size: 14px;
  height: auto;
  left: auto;
  line-height: 1.7;
  list-style-type: none;
  margin: 0;
  min-height: auto;
  max-height: none;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  /*  position: relative;*/
  pointer-events: auto;
  right: auto;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  transform: none;
  top: auto;
  vertical-align: baseline;
  visibility: inherit;
  width: auto;
  word-wrap: break-word; }

#mega-menu-wrap-primary:before, #mega-menu-wrap-primary #mega-menu-primary:before, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:before, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:before, #mega-menu-wrap-primary:after, #mega-menu-wrap-primary #mega-menu-primary:after, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:after, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:after {
  display: none; }

#mega-menu-wrap-primary {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-primary {
    background: #fff; } }

#mega-menu-wrap-primary.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary a:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary input:focus {
  box-shadow: none; }

#mega-menu-wrap-primary.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
  background: #fff;
  color: #222;
  font-weight: normal;
  text-decoration: none;
  border-color: #fff; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
    color: #000;
    background: #fff; } }

#mega-menu-wrap-primary #mega-menu-primary {
  visibility: visible;
  text-align: left;
  padding: 0; }

#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
  cursor: pointer;
  display: inline; }

#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group {
  vertical-align: middle;
  display: inline-block;
  transition: none; }

#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
  transition: none;
  line-height: 1.5;
  display: block; }

#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
  font-style: italic;
  font-size: 0.8em;
  text-transform: none;
  font-weight: normal; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link {
  display: table-cell;
  vertical-align: middle;
  line-height: initial; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
  display: block;
  margin: 0 0 6px 0;
  text-align: center; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below {
  display: inline-block;
  transition: none; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-icon-top > a.mega-menu-link {
    display: block;
    line-height: 40px; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
    display: inline-block;
    margin: 0 6px 0 0;
    text-align: left; } }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
  float: right;
  margin: 0 0 0 6px; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-animating > ul.mega-sub-menu {
  pointer-events: none; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-disable-link > a.mega-menu-link {
  cursor: default; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
  cursor: pointer; }

#mega-menu-wrap-primary #mega-menu-primary p {
  margin-bottom: 10px; }

#mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
  max-width: 100%; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
  display: block;
  visibility: hidden;
  opacity: 1;
  pointer-events: auto; }

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
    opacity: 0;
    transition: opacity 200ms ease-in, visibility 200ms ease-in; }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1; }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    opacity: 0;
    /*    transform: translate(0, 10px);*/
    transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in; }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
    transform: translate(0, 0); }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    transform: translate(0, 10px);
    transition: transform 200ms ease-in, visibility 200ms ease-in; }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    transform: translate(0, 0); } }

#mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
  visibility: visible; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
  visibility: inherit;
  opacity: 1; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a[class^='dashicons']:before {
  font-family: dashicons; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before {
  display: inline-block;
  font: inherit;
  font-family: dashicons;
  position: static;
  margin: 0 6px 0 0px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  background: transparent;
  height: auto;
  width: auto;
  top: auto; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-hide-text a.mega-menu-link:before {
  margin: 0; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-hide-text li.mega-menu-item a.mega-menu-link:before {
  margin: 0 6px 0 0; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right > ul.mega-sub-menu {
  right: 0; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item {
  position: static; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
  margin: 0 0px 0 0;
  display: inline-block;
  height: auto;
  vertical-align: middle; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
  float: right; }

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
    margin: 0; } }

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-float-left {
    float: left; } }

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    background: #fff;
    color: #222;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff; } }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  background: #fff;
  color: #222;
  font-weight: normal;
  text-decoration: none;
  border-color: #fff; }

@media only screen and (max-width: 1024px) {
  /*  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
      color: #000;
      background: transparent;
    }*/ }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  background: transparent;
  color: #222;
  font-weight: 600;
  text-decoration: none;
  border-color: #fff; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #000;
    background: #fff;
    border-bottom: 1px solid #ccc; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    border: 0;
    padding: 10px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0; }
  #mega-menu-item-8038 > ul, #mega-menu-item-20307 > ul, #mega-menu-item-24846 > ul {
    padding-top: 0; } }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  border-top: 0 solid #fff;
  border-left: 0 solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 0 solid #fff;
  outline: none;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
  line-height: 1;
  font-weight: normal;
  height: auto;
  vertical-align: baseline;
  text-align: left;
  width: auto;
  display: block;
  color: #555;
  text-transform: none;
  text-decoration: none;
  background: rgba(0, 0, 0, 0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: 14px; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item#mega-menu-item-18316 > a.mega-menu-link:last-child {
  padding: 0px 10px 0px 26px; }

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link {
    line-height: inherit;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link br {
    display: none; } }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    display: list-item;
    margin: 0;
    clear: both;
    border: 0; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
    float: none; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0;
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: #fff;
    font-size: 14px; } }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
  width: 100%;
  max-width: 1070px;
  float: left; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
  float: left;
  min-height: 1px; }

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-1 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-2 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-3 {
    width: 33.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-3 {
    width: 66.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-3 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 {
    width: 25%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-4 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-4 {
    width: 75%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-4 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-5 {
    width: 20%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-5 {
    width: 40%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-5 {
    width: 60%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-5 {
    width: 80%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-5 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-6 {
    width: 16.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-6 {
    width: 33.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-6 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-6 {
    width: 66.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-6 {
    width: 83.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-6 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-7 {
    width: 14.28571%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-7 {
    width: 28.57143%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-7 {
    width: 42.85714%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-7 {
    width: 57.14286%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-7 {
    width: 71.42857%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-7 {
    width: 85.71429%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-7 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 {
    width: 12.5%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 {
    width: 25%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-8 {
    width: 37.5%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-8 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-8 {
    width: 62.5%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-8 {
    width: 75%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-8 {
    width: 87.5%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-8 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-9 {
    width: 11.11111%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-9 {
    width: 22.22222%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-9 {
    width: 33.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-9 {
    width: 44.44444%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-9 {
    width: 55.55556%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-9 {
    width: 66.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-9 {
    width: 77.77778%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-9 {
    width: 88.88889%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-9 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-10 {
    width: 10%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-10 {
    width: 20%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-10 {
    width: 30%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-10 {
    width: 40%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-10 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-10 {
    width: 60%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-10 {
    width: 70%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-10 {
    width: 80%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-10 {
    width: 90%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-10 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-11 {
    width: 9.09091%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-11 {
    width: 18.18182%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-11 {
    width: 27.27273%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-11 {
    width: 36.36364%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-11 {
    width: 45.45455%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-11 {
    width: 54.54545%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-11 {
    width: 63.63636%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-11 {
    width: 72.72727%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-11 {
    width: 81.81818%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-11 {
    width: 90.90909%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-11 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-12 {
    width: 8.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
    width: 16.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
    width: 25%; }
  /*  special for Savoir-Faire*/
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.mega-nav-block-sub > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
    width: calc(25% - 20px);
    margin-right: 20px; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
    width: 33.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-12 {
    width: 41.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-12 {
    width: 58.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-12 {
    width: 66.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-12 {
    width: 75%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-12 {
    width: 83.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-12 {
    width: 91.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-12-of-12 {
    width: 100%; } }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-clear {
    clear: left; } }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 15px 15px 15px 15px;
  width: 100%;
  max-width: 1070px; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
  z-index: 999;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  background: #f1f1f1;
  padding: 0px 0px 0px 0px;
  position: absolute;
  width: 100%;
  border-top: 0px solid #fff;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
  border-bottom: 0px solid #fff;
  max-width: none;
  left: 0; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%; } }

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-2 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-2 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-3 {
    width: 33.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-3 {
    width: 66.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-3 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-4 {
    width: 25%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-4 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-4 {
    width: 75%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-4 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-5 {
    width: 20%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-5 {
    width: 40%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-5 {
    width: 60%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-5 {
    width: 80%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-5 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-6 {
    width: 16.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-6 {
    width: 33.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-6 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-6 {
    width: 66.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-6 {
    width: 83.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-6 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-7 {
    width: 14.28571%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-7 {
    width: 28.57143%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-7 {
    width: 42.85714%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-7 {
    width: 57.14286%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-7 {
    width: 71.42857%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-7 {
    width: 85.71429%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-7 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-8 {
    width: 12.5%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-8 {
    width: 25%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-8 {
    width: 37.5%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-8 {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-8 {
    width: 62.5%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-8 {
    width: 75%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-8 {
    width: 87.5%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-8 {
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-9 {
    width: 11.11111%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-9 {
    width: 22.22222%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-9 {
    width: 33.33333%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-9 {
    width: 44.44444%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-9 {
    width: 55.55556%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-9 {
    width: 66.66667%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-9 {
    width: 77.77778%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-9 {
    width: 88.88889%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-9 {
    width: 100%; } }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {
  margin: 5px 0; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu {
  clear: both; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
  margin-left: 10px; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
  margin-left: 10px; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  color: #666;
  font-family: inherit;
  font-size: 14px;
  display: block;
  float: left;
  clear: none;
  padding: 15px 15px 15px 15px;
  vertical-align: top; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear {
  clear: left; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
  color: #555;
  font-family: inherit;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: block;
  visibility: inherit;
  border-top: 0 solid #555;
  border-left: 0 solid #555;
  border-right: 0 solid #555;
  border-bottom: 0 solid #555; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items */
  color: #555;
  font-family: inherit;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: block;
  border-top: 0 solid #555;
  border-left: 0 solid #555;
  border-right: 0 solid #555;
  border-bottom: 0 solid #555; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
  /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items (Hover) */
  color: #555;
  font-weight: bold;
  text-decoration: none;
  background: rgba(0, 0, 0, 0); }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
  /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items */
  color: #666;
  font-family: inherit;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: block; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus {
  /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items (Hover) */
  color: #666;
  font-weight: normal;
  text-decoration: none;
  background: rgba(0, 0, 0, 0); }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    border: 0;
    padding: 10px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    width: 50%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li:nth-child(odd) {
    clear: left; } }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #666;
  font-family: inherit;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  border: 0;
  padding: 0;
  vertical-align: top;
  display: block; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
  color: #666;
  font-weight: normal;
  text-decoration: none;
  background: rgba(0, 0, 0, 0); }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
  z-index: 999;
  position: absolute;
  width: 250px;
  border-top: 0 solid #fff;
  border-left: 0 solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 0 solid #fff;
  padding: 0;
  background: #f1f1f1;
  max-width: none; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%;
    padding: 0;
    border: 0; } }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
    clear: both; } }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  display: block;
  background: #f1f1f1;
  color: #666;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  padding: 0 10px;
  line-height: 35px;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; } }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
  background: #ddd;
  font-weight: normal;
  text-decoration: none;
  color: #666; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
  position: absolute;
  left: 100%;
  top: 0; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: static;
    left: 0;
    width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
    padding-left: 20px; } }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after {
  content: '\f140';
  display: inline-block;
  font-family: dashicons;
  margin: 0;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(0);
  color: inherit;
  position: relative;
  background: transparent;
  height: auto;
  width: auto;
  right: auto;
  line-height: inherit; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  display: none;
  float: right;
  height: auto;
  width: auto;
  background: transparent;
  position: relative;
  pointer-events: auto;
  left: auto;
  min-width: auto;
  line-height: inherit;
  color: inherit;
  font-size: inherit; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
  content: '\f142'; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children a.mega-menu-link:after {
    float: right; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after {
    display: none; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
    display: inline-block; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-sub-menu-on-mobile > a.mega-menu-link:after {
    display: none; } }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link:after {
  display: none; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '\f139';
  float: right; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link:after {
    content: '\f140'; } }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link {
  text-align: right; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link {
    text-align: left; } }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before {
  float: right;
  margin: 0 0 0 6px; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before {
    float: left;
    margin: 0 6px 0 0; } }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '\f141';
  float: left;
  margin: 0; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item-has-children > a.mega-menu-link:after {
    content: '\f140';
    float: right; } }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
  left: -100%;
  top: 0; }

#mega-menu-wrap-primary #mega-menu-primary li[class^='mega-lang-item'] > a.mega-menu-link > img {
  display: inline; }

#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link > img.wpml-ls-flag, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link > img.iclflag {
  display: inline;
  margin-right: 8px; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-hide-on-mobile, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-mobile, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-mobile {
    display: none; } }

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-hide-on-desktop, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-desktop, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-desktop {
    display: none; } }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary:after {
    content: "";
    display: table;
    clear: both; } }

#mega-menu-wrap-primary .mega-menu-toggle {
  display: none;
  z-index: 1;
  cursor: pointer;
  background: #222;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -ms-border-radius: 2px 2px 2px 2px;
  -o-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  line-height: 40px;
  height: 40px;
  text-align: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  white-space: nowrap; }

#mega-menu-wrap-primary .mega-menu-toggle img {
  max-width: 100%;
  padding: 0; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary .mega-menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  #mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
    position: relative; } }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-preferred-size: 33.33%;
  -webkit-flex-basis: 33.33%;
  flex-basis: 33.33%; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
  margin-left: 6px; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
  margin-left: 3px;
  margin-right: 3px; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
  margin-right: 6px; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0; }

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    background: #222;
    padding: 0;
    display: none; }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
    display: none;
    visibility: visible;
    opacity: 1; }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
    display: block; }
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    display: block; } }

#mega-menu-wrap-primary .mega-menu-toggle {
  /** Push menu onto new line **/ }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
  content: '\f333';
  font-family: 'dashicons';
  font-size: 24px;
  color: #ddd;
  margin: 0 0 0 5px; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
  color: #ddd;
  font-size: 14px; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label .mega-toggle-label-open {
  display: none; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label .mega-toggle-label-closed {
  display: inline; }

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after {
  content: '\f335'; }

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-label-open {
  display: inline; }

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-label-closed {
  display: none; }

#mega-menu-wrap-primary {
  clear: both; }

/*MEGA Menu stuff*/
@media only screen and (min-width: 1025px) {
  .woocommerce-active .site-header #mega-menu-wrap-primary {
    /*    width: 75% !important;*/
    width: auto !important;
    float: left;
    margin-right: 20px !important;
    clear: none !important;
    margin-top: 20px;
    margin-left: 9%; } }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  /*  line-height: 50px !important;
  height: 50px !important;*/ }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #000;
  font-family: Interstate, helvetica, arial, sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  background: transparent; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
  margin: 0;
  display: inline-block;
  height: auto;
  vertical-align: middle; }

#mega-menu-primary, #mega-menu-wrap-primary {
  position: inherit !important; }

.site-header > .col-full {
  position: relative !important; }

#mega-menu-item-8038, #mega-menu-item-20307, #mega-menu-item-24846 {
  position: inherit !important; }

#mega-menu-item-8038 > ul.mega-sub-menu,
#mega-menu-item-20307 > ul.mega-sub-menu,
#mega-menu-item-24846 > ul.mega-sub-menu {
  margin-top: 20px !important;
  width: 1100px !important;
  position: absolute !important;
  left: 43px !important; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title a {
  display: block;
  padding: 0;
  border: none;
  border-radius: 0;
  color: #FFFFFF;
  font-size: 19.15px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 80px;
  text-align: center;
  height: 80px;
  background-color: #4A4A4A;
  margin: 0 10px 0 0;
  cursor: pointer; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title a:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title a.active {
  color: #000;
  background-color: #fff; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0;
  margin-bottom: 10px; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
  background: transparent; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub {
  display: none;
  background-color: rgba(74, 74, 74, 0.98);
  width: 1060px;
  margin-top: 10px;
  padding: 0 15px 10px;
  min-height: 450px;
  position: relative;
  /*  ul > li > a:first-child {
      border-bottom: 1px solid rgba(255,255,255, 0.15);
    }*/ }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub .mega-block-title {
    display: none !important; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul > li > a {
    text-transform: uppercase;
    color: #ddd;
    font-weight: 600;
    font-size: 12px;
    margin-top: 10px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul > li > a:hover {
    color: #fff; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul li {
      margin: 0;
      padding: 0; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.sub-menu {
    list-style: none;
    color: #fff;
    margin: 0;
    padding: 0; }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.sub-menu li {
      margin: 0;
      padding: 0; }
      #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.sub-menu li a {
        margin-top: 0;
        color: #ddd;
        font-weight: 100;
        font-size: 12px;
        text-transform: initial;
        border-bottom: none; }
      #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.sub-menu li a:hover {
        color: #fff; }
      #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.sub-menu li a:before {
        content: ' '; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub .parent-menu-4 ul.sub-menu.menu-depth-2 {
  margin: 5px 0 0 0; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub .parent-menu-4 ul.sub-menu.menu-depth-2 li a {
    text-transform: uppercase;
    font-weight: 600; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub .parent-menu-4 ul.sub-menu.menu-depth-3 {
  margin: 0 0 10px 0; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub .parent-menu-4 ul.sub-menu.menu-depth-3 li a {
    text-transform: initial;
    font-weight: 100; }

.woocommerce-active .site-header #mega-menu-wrap-primary {
  margin-right: 0; }

/*from stupid icons.css in storefront*/
.widget_nav_menu ul li::before {
  content: " "; }

/*shortcode generated lists*/
.menu.parent-menu.menu-cols-2 {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px; }

.menu.parent-menu.menu-cols-3 {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px; }

.menu.parent-menu.menu-cols-4 {
  -moz-column-count: 4;
  -moz-column-gap: 20px;
  -webkit-column-count: 4;
  -webkit-column-gap: 20px;
  column-count: 4;
  column-gap: 20px; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.menu.parent-menu.menu-cols-2 > li:nth-child(1) > a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.menu.parent-menu.menu-cols-3 > li:nth-child(1) > a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.menu.parent-menu.menu-cols-4 > li:nth-child(1) > a {
  margin-top: 0 !important; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.menu.parent-menu.menu-cols-2,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.menu.parent-menu.menu-cols-3,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.menu.parent-menu.menu-cols-4 {
  padding: 10px 0; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.menu.parent-menu > li > a:first-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub ul.menu.parent-menu li ul.sub-menu.menu-depth-1 > li > a {
  text-transform: uppercase;
  padding-top: 10px;
  font-weight: 600; }

.nav-view-all {
  color: #ddd !important;
  text-align: center;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 10px 20px;
  white-space: nowrap;
  font-weight: 100;
  font-size: 12px;
  margin: 0 0 10px;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  top: 400px;
  line-height: 1; }

/*surfaces*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub#mega-menu-8038-2,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub#mega-menu-24846-2 {
  padding: 0 15px 60px; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub#mega-menu-8038-2 .nav-view-all,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub#mega-menu-24846-2 .nav-view-all {
    max-width: 235px;
    right: 10px; }

@media only screen and (min-width: 1025px) {
  #mega-menu-item-custom_html-18 > ul {
    max-height: 380px; } }

@media only screen and (max-width: 1024px) {
  .nav-view-all {
    margin: 10px 0 10px;
    position: inherit; }
  .menu.parent-menu.menu-cols-2 {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px; }
  .menu.parent-menu.menu-cols-3 {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px; }
  .menu.parent-menu.menu-cols-4 {
    -moz-column-count: 14;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px; }
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    margin-right: 6px;
    background-color: #000;
    margin-top: 7px; }
  .woocommerce-active .site-branding {
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 999; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title a.active {
    /*    color: #000;
        background-color: transparent;*/
    color: #fff;
    background-color: #4A4A4A; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title a {
    display: block;
    padding: 8px 8px;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.25;
    text-align: left;
    height: auto;
    margin: 4px 0;
    cursor: pointer;
    background-color: #4A4A4A; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title a:after {
    content: ' + ';
    width: 16px;
    height: 20px;
    float: right;
    text-align: center; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title a.active:after {
    content: ' \2014 '; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    color: #555;
    font-family: inherit;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: top;
    display: block;
    visibility: inherit;
    border: none; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.nav-block-sub {
    width: 100%;
    padding: 0 15px 15px;
    margin-top: 0; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 1.35 !important;
    height: auto !important;
    border-bottom: 1px solid #ccc;
    margin: 0 10px;
    padding: 0 0 10px; }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    padding: 20px 0 !important; }
  .storefront-primary-navigation {
    float: none;
    top: 0;
    position: absolute;
    width: 100%; }
  .woocommerce-active .site-header #mega-menu-wrap-primary {
    margin-top: 0; }
  .woocommerce-active .site-header #mega-menu-wrap-primary {
    width: 100% !important;
    position: relative !important;
    margin-top: 70px; }
  #mega-menu-wrap-primary .mega-menu-toggle {
    background: transparent;
    width: 100px;
    float: right;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 5px; }
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open {
    top: -65px; }
  #masthead .col-full {
    margin-left: 0;
    margin-right: 0;
    padding: 0; }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    background: rgba(255, 255, 255, 0.98);
    padding: 10px 0 20px !important;
    margin-top: 70px;
    min-height: 75vh; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    margin: 10px 0 0 0;
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 100%; }
  #mega-menu-item-8038 > ul.mega-sub-menu,
  #mega-menu-item-20307 > ul.mega-sub-menu,
  #mega-menu-item-24846 > ul.mega-sub-menu {
    margin-top: 1px !important;
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    padding-top: 0 !important; }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    padding: 0;
    display: none; }
  .woocommerce-active .site-header #mega-menu-wrap-primary {
    width: 100% !important;
    margin-top: 0; }
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    margin-right: 6px;
    background-color: #000; } }

/*--------------------------------------------------------------
## MaxMenu
--------------------------------------------------------------*/
/*Hamburger for Mobile Menu*/
#mega-menu-wrap-primary .mega-menu-toggle {
  /** Push menu onto new line **/ }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 {
  /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */
  cursor: pointer; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  transform: scale(0.8);
  align-self: center;
  outline: 0;
  background: none; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
  outline: 0; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  width: 40px;
  height: 4px;
  background-color: #fff;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  content: "";
  display: block; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
  top: -10px; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  bottom: -10px; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
  top: 2px; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s; }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
  top: 20px; }

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0; }

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg); }

#mega-menu-wrap-primary {
  clear: both; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #3E3E3E;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/
body.home .site-main {
  margin-bottom: 0; }

body.home #going-postal label {
  font-weight: 600;
  color: #000; }

body.home #going-postal #search-zip {
  height: 46px;
  width: calc(100% - 20px);
  background-color: #FAFAFA;
  margin-top: 5px;
  margin-right: 20px;
  padding-left: 5px; }

body.home #going-postal .button {
  height: 36px;
  margin: 15px auto;
  color: #fff;
  background-color: #000;
  font-family: Interstate, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: center;
  width: 230px; }

body.home section {
  min-height: 240px;
  padding: 50px 0;
  border-bottom: 1px solid #efefef; }
  body.home section h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    color: #000;
    margin-bottom: 30px;
    font-weight: 600; }

body.home section.section-home-hero {
  padding: 0; }
  body.home section.section-home-hero div.main-carousel, body.home section.section-home-hero div.main-carousel-1 {
    width: 100%;
    position: relative;
    margin: 0;
    height: 600px;
    list-style-type: none; }
    body.home section.section-home-hero div.main-carousel h1, body.home section.section-home-hero div.main-carousel-1 h1 {
      color: #fff;
      max-width: 550px;
      font-weight: 600;
      margin-bottom: 10px; }
    body.home section.section-home-hero div.main-carousel .button, body.home section.section-home-hero div.main-carousel-1 .button {
      margin-top: 20px; }
    body.home section.section-home-hero div.main-carousel div.short-description, body.home section.section-home-hero div.main-carousel-1 div.short-description {
      color: #fff;
      max-width: 550px;
      font-size: 18px; }
      body.home section.section-home-hero div.main-carousel div.short-description p, body.home section.section-home-hero div.main-carousel-1 div.short-description p {
        margin-bottom: 3px; }
      body.home section.section-home-hero div.main-carousel div.short-description .quote-source-hero, body.home section.section-home-hero div.main-carousel-1 div.short-description .quote-source-hero {
        width: auto;
        /*font-size: 80%;*/ }
    body.home section.section-home-hero div.main-carousel div.carousel-cell, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell {
      width: 100%;
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      height: 600px;
      background-position: center center;
      background-color: #000; }
      body.home section.section-home-hero div.main-carousel div.carousel-cell img, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell img {
        display: none; }
    body.home section.section-home-hero div.main-carousel div.carousel-cell.hero h1, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.hero h1 {
      font-size: 48px; }
    body.home section.section-home-hero div.main-carousel div.carousel-cell.text-top h1, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-top h1 {
      font-size: 32px;
      max-width: 450px; }
    body.home section.section-home-hero div.main-carousel div.carousel-cell.text-top div.short-description, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-top div.short-description {
      max-width: 450px; }
    body.home section.section-home-hero div.main-carousel div.carousel-cell.text-bottom h1, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-bottom h1 {
      font-size: 32px; }
    body.home section.section-home-hero div.main-carousel div.carousel-cell.text-bottom .container-home-text, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-bottom .container-home-text {
      position: absolute;
      bottom: 80px; }
    body.home section.section-home-hero div.main-carousel div.carousel-cell.text-bottom div.short-description, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-bottom div.short-description {
      max-width: 450px; }
  body.home section.section-home-hero .flickity-page-dots {
    height: 35px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 540px; }
    body.home section.section-home-hero .flickity-page-dots .dot {
      color: #fff;
      opacity: 1;
      left: 100px;
      border: 1px solid #fff;
      background-color: #fff;
      height: 14px;
      width: 14px;
      display: inline-block;
      margin: 20px 10px;
      border-radius: 0; }
    body.home section.section-home-hero .flickity-page-dots .dot.active, body.home section.section-home-hero .flickity-page-dots .dot.is-selected {
      height: 14px;
      width: 14px;
      border: 1px solid #ED1B2F;
      background-color: #ED1B2F; }

body.home .section-promotions {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff; }
  body.home .section-promotions h2 {
    color: #fff;
    margin-bottom: 150px; }
  body.home .section-promotions h3 {
    color: #fff;
    padding: 20px 0;
    text-transform: uppercase;
    font-weight: 600; }
  body.home .section-promotions ul#home-promotions {
    list-style: none;
    margin: 0;
    padding: 0; }
    body.home .section-promotions ul#home-promotions li {
      float: left;
      width: 33.3333%; }
      body.home .section-promotions ul#home-promotions li .item-container {
        border-top: 5px solid #fff;
        margin-left: 20px;
        margin-right: 20px; }
        body.home .section-promotions ul#home-promotions li .item-container a {
          color: #fff;
          font-family: interstate, sans-serif;
          text-transform: uppercase;
          font-size: 11px;
          font-weight: bold;
          letter-spacing: 0.5px; }
    body.home .section-promotions ul#home-promotions li:first-child .item-container {
      margin-left: 0;
      margin-right: 20px; }
    body.home .section-promotions ul#home-promotions li:last-child .item-container {
      margin-left: 20px;
      margin-right: 0; }

body.home .section-homepage-newsletter {
  padding: 50px 0;
  background-color: #000;
  color: #fff; }
  body.home .section-homepage-newsletter h2 {
    color: #fff; }
  body.home .section-homepage-newsletter .container-newsletter-signup-inner {
    max-width: 900px;
    margin: 0 auto; }
    body.home .section-homepage-newsletter .container-newsletter-signup-inner p.lead {
      padding: 0 0 30px;
      text-align: center; }
    body.home .section-homepage-newsletter .container-newsletter-signup-inner input[type="email"] {
      max-width: 512px;
      height: 41px;
      padding-left: 10px;
      border: 1px solid #fff;
      float: right;
      margin-right: 20px; }
    body.home .section-homepage-newsletter .container-newsletter-signup-inner input[type="submit"].wpcf7-submit {
      color: #000 !important;
      background-color: #fff;
      border-color: #fff;
      margin: 0;
      min-width: 190px;
      padding: 7px 20px 7px;
      font-size: 16px; }
    body.home .section-homepage-newsletter .container-newsletter-signup-inner span.wpcf7-not-valid-tip {
      color: #f00;
      font-size: 1em;
      font-weight: normal;
      display: block;
      clear: both;
      text-align: center;
      padding-top: 10px; }
    body.home .section-homepage-newsletter .container-newsletter-signup-inner div.wpcf7-validation-errors {
      border: 1px solid yellow;
      text-align: center;
      max-width: 730px;
      margin: 10px auto; }

body.home section.homepage-categories h2.real-h2 {
  margin-bottom: 60px; }

body.home section.homepage-categories .product-category {
  margin-bottom: 40px; }
  body.home section.homepage-categories .product-category img {
    border: 5px solid #000; }
  body.home section.homepage-categories .product-category mark.count {
    display: none; }

body.home section.homepage-artists ul.artist-voices {
  list-style: none;
  margin: 0;
  padding: 0; }
  body.home section.homepage-artists ul.artist-voices li {
    float: left;
    margin: 0 30px 0 0;
    width: calc(33.3333% - 20px); }
    body.home section.homepage-artists ul.artist-voices li p:empty {
      display: none; }
    body.home section.homepage-artists ul.artist-voices li h3 {
      margin: 10px 0; }
      body.home section.homepage-artists ul.artist-voices li h3 a {
        font-family: Interstate, sans-serif;
        font-size: 20px;
        top: 0;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 1.15;
        text-align: left;
        color: #000; }
      body.home section.homepage-artists ul.artist-voices li h3 a:hover, body.home section.homepage-artists ul.artist-voices li h3 a:active {
        color: #ED1B2F; }
    body.home section.homepage-artists ul.artist-voices li .artist-image {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      display: block;
      width: 340px;
      height: 258px; }
  body.home section.homepage-artists ul.artist-voices li:last-child {
    margin: 0; }

section.homepage-manufacturers ul.manufacturers-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1147px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  section.homepage-manufacturers ul.manufacturers-grid li {
    position: relative;
    width: 250px;
    height: auto;
    margin: 0 20px 20px 0;
    padding: 0; }
    section.homepage-manufacturers ul.manufacturers-grid li span.title-manufacturer {
      display: block;
      padding: 10px 0;
      width: 250px;
      color: #000;
      font-family: Interstate, sans-serif;
      font-size: 20px;
      max-width: 250px;
      top: 0;
      text-transform: uppercase;
      font-weight: 600;
      line-height: 1.15;
      text-align: left; }
  section.homepage-manufacturers ul.manufacturers-grid li:nth-child(4n) {
    margin: 0 0 20px 0; }
  section.homepage-manufacturers ul.manufacturers-grid li:hover img {
    outline: 6px solid #000;
    outline-offset: -6px; }
  section.homepage-manufacturers ul.manufacturers-grid li:nth-child(n+9) {
    margin: 0 20px 0 0; }

.container-account {
  display: none; }

@media (min-width: 768px) {
  .right-sidebar .content-area {
    width: 100%;
    float: left;
    margin-right: 4.347826087%; } }

@media (min-width: 1025px) {
  .page-template-template-homepage-php .content-area {
    margin-bottom: 0; } }

@media (max-width: 1024px) {
  body.home section h2 {
    font-size: 24px; }
  body.home section {
    padding: 30px 0; }
  body.home section.section-home-hero {
    padding: 0; }
    body.home section.section-home-hero div.main-carousel, body.home section.section-home-hero div.main-carousel-1 {
      height: 400px; }
      body.home section.section-home-hero div.main-carousel h1, body.home section.section-home-hero div.main-carousel-1 h1 {
        color: #fff;
        max-width: 550px;
        font-weight: 600;
        margin-bottom: 10px; }
      body.home section.section-home-hero div.main-carousel div.short-description, body.home section.section-home-hero div.main-carousel-1 div.short-description {
        color: #fff;
        max-width: 550px;
        font-size: 18px; }
        body.home section.section-home-hero div.main-carousel div.short-description p, body.home section.section-home-hero div.main-carousel-1 div.short-description p {
          margin-bottom: 3px; }
        body.home section.section-home-hero div.main-carousel div.short-description .quote-source-hero, body.home section.section-home-hero div.main-carousel-1 div.short-description .quote-source-hero {
          width: auto;
          /*font-size: 80%;*/ }
      body.home section.section-home-hero div.main-carousel div.carousel-cell, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell {
        width: 100%;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        height: 400px;
        background-position: center center; }
        body.home section.section-home-hero div.main-carousel div.carousel-cell img, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell img {
          display: none; }
      body.home section.section-home-hero div.main-carousel div.carousel-cell.hero h1, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.hero h1 {
        font-size: 48px; }
      body.home section.section-home-hero div.main-carousel div.carousel-cell.text-top h1, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-top h1 {
        font-size: 32px;
        max-width: 450px; }
      body.home section.section-home-hero div.main-carousel div.carousel-cell.text-top div.short-description, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-top div.short-description {
        max-width: 450px; }
      body.home section.section-home-hero div.main-carousel div.carousel-cell.text-bottom h1, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-bottom h1 {
        font-size: 32px; }
      body.home section.section-home-hero div.main-carousel div.carousel-cell.text-bottom .container-home-text, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-bottom .container-home-text {
        position: absolute;
        bottom: 80px; }
      body.home section.section-home-hero div.main-carousel div.carousel-cell.text-bottom div.short-description, body.home section.section-home-hero div.main-carousel-1 div.carousel-cell.text-bottom div.short-description {
        max-width: 450px; }
    body.home section.section-home-hero .flickity-page-dots {
      top: 340px; }
  body.home .section-promotions ul#home-promotions li {
    float: none;
    width: 100%; }
    body.home .section-promotions ul#home-promotions li .item-container {
      border-top: 5px solid #fff;
      margin-left: 0;
      margin-right: 0; }
  body.home .section-promotions ul#home-promotions li:first-child .item-container {
    margin-left: 0;
    margin-right: 0; }
  body.home .section-promotions ul#home-promotions li:last-child .item-container {
    margin-left: 0;
    margin-right: 0; }
  body.home section.homepage-manufacturers ul.manufacturers-grid {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px; }
    body.home section.homepage-manufacturers ul.manufacturers-grid li, body.home section.homepage-manufacturers ul.manufacturers-grid li:nth-child(4n) {
      flex: auto;
      height: auto;
      margin: 0 0 20px; }
      body.home section.homepage-manufacturers ul.manufacturers-grid li span.title-manufacturer, body.home section.homepage-manufacturers ul.manufacturers-grid li:nth-child(4n) span.title-manufacturer {
        font-size: 18px; }
    body.home section.homepage-manufacturers ul.manufacturers-grid li:hover img {
      outline: 6px solid #000;
      outline-offset: -6px; }
  body.home section.homepage-artists ul.artist-voices {
    list-style: none;
    margin: 0;
    padding: 0; }
    body.home section.homepage-artists ul.artist-voices li {
      float: left;
      margin: 0 30px 0 0;
      width: 100%; }
      body.home section.homepage-artists ul.artist-voices li .artist-image {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: block;
        width: 100%;
        height: 400px; }
    body.home section.homepage-artists ul.artist-voices li:last-child {
      margin: 0; } }

@media (max-width: 415px) {
  body.home section.section-home-hero ul#owl-home-hero {
    height: calc(100vh - 200px); }
    body.home section.section-home-hero ul#owl-home-hero li {
      height: calc(100vh - 200px); }
    body.home section.section-home-hero ul#owl-home-hero li.hero h1 {
      font-size: 36px; }
    body.home section.section-home-hero ul#owl-home-hero li.text-top {
      background-color: #000; }
      body.home section.section-home-hero ul#owl-home-hero li.text-top .container-hero-home {
        padding: 0 10px; }
      body.home section.section-home-hero ul#owl-home-hero li.text-top div.col-full {
        margin: 0; }
      body.home section.section-home-hero ul#owl-home-hero li.text-top .container-hero-home {
        position: relative;
        bottom: auto;
        padding: 0 10px;
        color: #fff !important; }
      body.home section.section-home-hero ul#owl-home-hero li.text-top h1 {
        padding-top: 20px;
        padding-bottom: 5px;
        font-size: 28px;
        margin-bottom: 0;
        max-width: 100%;
        color: #fff !important; }
      body.home section.section-home-hero ul#owl-home-hero li.text-top .container-home-text {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        bottom: 0;
        margin-top: auto;
        color: #fff !important;
        padding-bottom: 90px; }
      body.home section.section-home-hero ul#owl-home-hero li.text-top div.short-description {
        max-width: 100%;
        color: #fff !important; }
    body.home section.section-home-hero ul#owl-home-hero li.text-bottom {
      background-color: #000; }
      body.home section.section-home-hero ul#owl-home-hero li.text-bottom .container-hero-home {
        padding: 0 10px; }
      body.home section.section-home-hero ul#owl-home-hero li.text-bottom div.col-full {
        margin: 0; }
      body.home section.section-home-hero ul#owl-home-hero li.text-bottom h1 {
        padding-top: 20px;
        padding-bottom: 5px;
        font-size: 28px;
        margin-bottom: 5px;
        color: #fff !important; }
      body.home section.section-home-hero ul#owl-home-hero li.text-bottom .container-home-text {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        bottom: 0;
        margin-top: auto;
        color: #fff !important;
        padding-bottom: 90px; }
      body.home section.section-home-hero ul#owl-home-hero li.text-bottom div.short-description {
        max-width: 100%;
        color: #fff !important; }
  body.home section.section-home-hero .owl-nav {
    display: none; }
  body.home section.section-home-hero .owl-dots {
    top: auto;
    bottom: 20px; }
  body.home section.homepage-manufacturers ul.manufacturers-grid {
    width: 100%; }
    body.home section.homepage-manufacturers ul.manufacturers-grid li {
      width: 100%;
      height: auto;
      margin: 0 0 22px; }
    body.home section.homepage-manufacturers ul.manufacturers-grid li:nth-child(4n) {
      margin: 0 auto 22px; }
    body.home section.homepage-manufacturers ul.manufacturers-grid li:hover img {
      outline: 6px solid #000;
      outline-offset: -6px; } }

@media (max-width: 380px) {
  body.home section.section-home-hero ul#owl-home-hero li.hero h1 {
    padding-top: 20px;
    font-size: 28px; }
  body.home section.section-home-hero ul#owl-home-hero li.text-bottom h1,
  body.home section.section-home-hero ul#owl-home-hero li.text-top h1 {
    padding-top: 20px;
    font-size: 24px; }
  body.home section.section-home-hero ul#owl-home-hero div.short-description {
    font-size: 16px; } }

/* Portrait */
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body.home section.section-home-hero ul#owl-home-hero {
    height: calc(100vh - 150px); }
    body.home section.section-home-hero ul#owl-home-hero li.hero {
      height: calc(100vh - 150px); }
      body.home section.section-home-hero ul#owl-home-hero li.hero h1 {
        font-size: 36px; }
    body.home section.section-home-hero ul#owl-home-hero li.text-bottom, body.home section.section-home-hero ul#owl-home-hero li.text-top {
      height: calc(100vh - 150px); }
  body.home section.section-home-hero .owl-nav {
    display: none; }
  body.home section.section-home-hero .owl-dots {
    top: auto;
    bottom: 20px; } }

/*for fabriano promo main carousel 2021/3/18 */
.container-hero-home {
  padding-top: 70px; }

.button-hero {
  min-width: 265px; }

body.home section.section-home-hero ul#owl-home-hero h1, body.home section.section-home-hero ul#owl-home-hero-1 h1 {
  max-width: 700px; }

body.home section.section-home-hero ul#owl-home-hero div.short-description, .short-description-macpherson {
  margin-bottom: 20px; }

@media (max-width: 1024px) {
  .container-hero-home {
    padding: 40px 20px; } }

@media (max-width: 380px) {
  body.home section.section-home-hero ul#owl-home-hero li.hero h1 {
    padding-top: 20px;
    font-size: 28px;
    padding-bottom: 10px; }
  body.home section.section-home-hero .button-hero, body.home section.section-home-hero .button-red {
    min-width: 265px;
    width: 100%;
    text-align: center; } }

@media (min-width: 1025px) {
  body.page-template-default .site-content {
    max-width: 100%; }
  body.page-template-default .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    min-height: 53vh; }
    body.page-template-default .content-area h2 {
      font-size: 32px;
      font-weight: 600; } }

@media (min-width: 1025px) {
  body.page-template-template-flexible-content .storefront-full-width-content .woocommerce-tabs ul.tabs {
    width: 100%; } }

body.page-template-template-flexible-content .flexible-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  body.page-template-template-flexible-content .flexible-tabs ul li {
    text-align: center;
    color: #fff;
    background-color: #000;
    padding: 15px;
    height: 25px;
    float: left;
    width: 25%;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff; }
    body.page-template-template-flexible-content .flexible-tabs ul li a {
      color: #fff; }
  body.page-template-template-flexible-content .flexible-tabs ul li.active {
    background-color: #555; }
  body.page-template-template-flexible-content .flexible-tabs ul li:last-child {
    border-right: 0; }

body.page-template-template-flexible-content .flexible-tabs .tab-panel {
  background-color: #fcfcfc;
  display: none;
  clear: both;
  float: none;
  padding: 25px 15px; }

body.page-template-template-flexible-content .flexible-tabs .tab-panel.active {
  display: block; }

body.page-template-template-flexible-content .flexible-tabs ul.gc-tabs-2 li {
  width: calc(50% - 34px); }

body.page-template-template-flexible-content .flexible-tabs ul.gc-tabs-3 li {
  width: calc(33.33333% - 34.1px); }

body.page-template-template-flexible-content .flexible-tabs ul.gc-tabs-4 li {
  width: calc(25% - 72px); }

body.page-template-template-flexible-content .flexible-tabs ul.gc-tabs-5 li {
  width: calc(20% - 91px); }

body.page-template-template-flexible-content .container-section {
  padding: 60px 0; }

body.page-template-template-flexible-content .content {
  padding: 0 140px; }

body.page-template-template-flexible-content .caption {
  font-size: 12px;
  display: block;
  margin-top: 15px; }

body.page-template-template-flexible-content .container-title {
  color: #fff;
  height: 380px;
  background-size: cover;
  background-repeat: no-repeat; }
  body.page-template-template-flexible-content .container-title h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: interstate, sans-serif;
    font-size: 60px;
    margin: 60px 0 10px; }
  body.page-template-template-flexible-content .container-title .short-description {
    max-width: 500px;
    font-size: 25px;
    line-height: 30px; }

body.page-template-template-flexible-content .container-inner {
  padding: 0 40px 0 0; }
  body.page-template-template-flexible-content .container-inner h2 {
    margin-top: -4px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: interstate, sans-serif;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 40px; }

body.page-template-template-flexible-content .content-area {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
  box-sizing: content-box;
  float: none;
  width: 100%; }

body.page-template-template-flexible-content .storefront-breadcrumb {
  margin-bottom: 0; }

body.page-template-template-flexible-content .site-main {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
  box-sizing: content-box;
  float: none;
  width: 100%; }

body.page-template-template-flexible-content .col-full {
  padding: 0; }

body.page-template-template-flexible-content .owl-carousel .owl-stage {
  display: flex;
  align-items: center; }

body.page-template-template-flexible-content .container-section-quotes h2 {
  text-align: center; }

body.page-template-template-flexible-content div.quote-item {
  padding: 20px; }
  body.page-template-template-flexible-content div.quote-item blockquote {
    color: #ED1B2F;
    font-size: 36px;
    letter-spacing: 0.2px;
    line-height: 1.35;
    text-align: center;
    margin: 20px auto;
    padding: 0;
    width: 100%;
    border-left: none;
    font-style: normal;
    max-width: 600px; }
    body.page-template-template-flexible-content div.quote-item blockquote footer {
      margin-top: 20px;
      font-size: 16px;
      color: #000; }
    body.page-template-template-flexible-content div.quote-item blockquote footer:before {
      content: ' \2014 ';
      padding: 0 10px; }

body.page-template-template-flexible-content section.section-accordion h3 {
  font-size: 32px; }

body.page-template-template-flexible-content section.section-accordion article.accordion-item .title {
  height: 27px;
  width: 266px;
  color: #3E3E3E;
  font-size: 18px; }

body.page-template-template-flexible-content section.section-accordion article.accordion-item {
  min-height: 40px;
  background-color: #f3f3f3;
  padding: 20px 20px 5px;
  background-image: url(/wp-content/themes/hemacare/images/arrow-md.png);
  background-repeat: no-repeat;
  background-position: 95% 21px;
  cursor: pointer;
  margin: 0 20px 20px 0; }
  body.page-template-template-flexible-content section.section-accordion article.accordion-item .title {
    text-align: center;
    padding-right: 40px; }
  body.page-template-template-flexible-content section.section-accordion article.accordion-item .content-accordion {
    display: none; }
  body.page-template-template-flexible-content section.section-accordion article.accordion-item ul {
    list-style-type: none;
    margin: 20px 0 13px; }
    body.page-template-template-flexible-content section.section-accordion article.accordion-item ul li {
      margin: 3px 0;
      font-size: 14px; }

body.page-template-template-flexible-content section.section-accordion article.accordion-item.active {
  background-image: url(/wp-content/themes/hemacare/images/arrow-md-down.png); }
  body.page-template-template-flexible-content section.section-accordion article.accordion-item.active .title {
    font-weight: 600; }

/*special on-off sections*/
.container-customer-quote {
  max-width: 725px;
  margin: 0 auto; }

blockquote.inset {
  width: 725px;
  font-size: 18px;
  line-height: 28px;
  font-style: normal;
  padding: 0;
  border-left: none;
  margin: 0; }
  blockquote.inset p {
    margin-bottom: 0; }

.quote-source {
  width: 700px;
  font-size: 12px;
  letter-spacing: 0.92px;
  line-height: 20px;
  margin: 15px 0 5px; }

.page-template-template-flexible-content section.news-events {
  border-bottom: none; }

.page-template-template-flexible-content #investor-legal {
  padding: 60px 0; }

@media screen and (max-width: 1101px) {
  body.page-template-template-flexible-content
.container-title {
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 30px; }
  body.page-template-template-flexible-content .container-title h1 {
    font-size: 36px;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 10px; }
  body.page-template-template-flexible-content .container-section {
    padding: 30px 0; }
  blockquote.inset {
    width: auto; }
  body.page-template-template-flexible-content section.section-two-column h2 {
    text-align: left;
    margin-bottom: 10px; }
  body.page-template-template-flexible-content section.section-image-left .image-icon {
    margin: 0 auto 20px;
    max-width: 150px; } }

@media only screen and (min-width: 821px) {
  .promo-flipper {
    /*    @media only screen and (min-width: 1441px) {
      article {
        height: 660px;
        .container-item-inner  {
          height: 660px;
        }

        .container-item-card  {
          height: 600px;
        }

      }
    }

    @media only screen and (max-width: 1440px) {
      article {
        height: 450px;

        .container-item-inner  {
          height: 450px;
        }

        .container-item-card  {
          height: 430px;

          .container-dare {
            p {
              font-size: 18px;
            }
          }
        }

        .portfolio-logo {
          margin: 20px 0 20px;
        }

      }
    }*/ }
    .promo-flipper .content-wrapper {
      padding: 40px 0 40px 40px; }
    .promo-flipper .gc-flex-wrapper.gc-flex-col-3 > article, .promo-flipper .gc-flex-wrapper.gc-flex-col-3 > div {
      padding: 0; }
    .promo-flipper article {
      display: table;
      float: left;
      perspective: 1000px;
      width: 100%;
      height: 450px;
      max-width: 400px; }
      .promo-flipper article .container-item-inner, .promo-flipper article .container-item-card {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        top: 0;
        left: 0; }
      .promo-flipper article .container-item-inner {
        padding: 0;
        z-index: 2;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg); }
        .promo-flipper article .container-item-inner p {
          margin: 0 0 1.5em; }
      .promo-flipper article .container-item-inner {
        width: 100%;
        height: 450px; }
        .promo-flipper article .container-item-inner p.title {
          margin: 0;
          font-size: 25px;
          text-transform: uppercase;
          position: absolute;
          top: 20px;
          left: 40px;
          color: #fff;
          z-index: 2;
          display: none;
          opacity: 0.85;
          transition: all ease 500ms;
          pointer-events: none; }
        .promo-flipper article .container-item-inner p.title:after {
          content: url(/wp-content/themes/savoirfaire/images/arrow.svg);
          margin-left: 8px; }
      .promo-flipper article .container-item-card {
        width: 100%;
        height: 450px; }
      .promo-flipper article .container-item-card {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
        background-color: #E5E5E5;
        position: relative; }
        .promo-flipper article .container-item-card .close-item {
          background: url(/wp-content/themes/savoirfaire/images/x-black-sm.svg);
          text-indent: -9999px;
          position: absolute;
          top: 20px;
          right: 20px;
          width: 18px;
          height: 18px;
          cursor: pointer; }
        .promo-flipper article .container-item-card .container-dare {
          position: absolute;
          top: 0;
          padding: 0;
          min-height: 450px;
          width: 100%; }
          .promo-flipper article .container-item-card .container-dare p {
            font-size: 22px;
            color: #222;
            line-height: 1.33333; }
          .promo-flipper article .container-item-card .container-dare p.title {
            margin: 0;
            font-size: 25px;
            text-transform: uppercase; }
        .promo-flipper article .container-item-card .portfolio-logo {
          margin-left: 20px; }
        .promo-flipper article .container-item-card .content-flipper {
          padding: 20px; }
        .promo-flipper article .container-item-card .portfolio-spacer {
          height: 450px; }
    .promo-flipper article.flip .container-item {
      transform: rotateY(180deg); }
    .promo-flipper .container-item {
      -webkit-transition: 0.6s;
      -webkit-transform-style: preserve-3d;
      -moz-transition: 0.6s;
      -moz-transform-style: preserve-3d;
      -o-transition: 0.6s;
      -o-transform-style: preserve-3d;
      -ms-transition: 0.6s;
      -ms-transform-style: preserve-3d;
      transition: 0.6s;
      transform-style: preserve-3d;
      position: relative; } }

.promo-flipper .portfolio-image,
.team-image, .team-image-alt {
  width: 100%;
  height: auto; }

.promo-flipper.portfolio-image {
  transition: all ease 250ms;
  cursor: pointer; }

.promo-flipper .portfolio-image:hover {
  filter: brightness(0.58) grayscale(1);
  -webkit-filter: brightness(0.58) grayscale(1);
  -moz-filter: brightness(0.58) grayscale(1); }
  .promo-flipper .portfolio-image:hover + p.title {
    display: block;
    pointer-events: none; }

.promo-flipper .portfolio-image-card {
  width: 100%;
  margin: 0;
  height: auto;
  opacity: 0.125;
  position: absolute;
  top: 0;
  left: 0; }

.promo-flipper.portfolio-spacer {
  width: calc(100% - 50px);
  margin: 0 20px;
  height: auto; }

.container-item-card-img {
  width: 100%;
  overflow: hidden;
  position: relative; }

.team-image-alt {
  display: none; }

.portfolio-logo {
  clear: left;
  margin: 40px 0 20px;
  max-width: 50%;
  max-height: 100px; }

@media only screen and (max-width: 820px) {
  .promo-flipper article {
    cursor: pointer;
    perspective: 1000px;
    width: 100%;
    max-width: 300px;
    height: 400px; }
    .promo-flipper article .container-item-inner, .promo-flipper article .container-item-card {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
      position: absolute;
      top: 0;
      left: 0; }
    .promo-flipper article .container-item-inner {
      padding: 0 0 20px;
      z-index: 2;
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg); }
      .promo-flipper article .container-item-inner p {
        margin: 0 0 1.5em; }
      .promo-flipper article .container-item-inner p.title {
        display: none !important; }
    .promo-flipper article .container-item-inner {
      width: 100%;
      height: 400px; }
    .promo-flipper article .container-item-card {
      width: 100%;
      height: 400px; }
    .promo-flipper article .container-item-card {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      transform: rotateY(180deg);
      background-color: #E5E5E5;
      position: relative; }
      .promo-flipper article .container-item-card .close-item {
        background: url(/wp-content/themes/savoirfaire/images/x-black-sm.svg);
        text-indent: -9999px;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 18px;
        height: 18px;
        cursor: pointer; }
      .promo-flipper article .container-item-card .container-dare {
        position: absolute;
        top: 0;
        padding: 20px;
        min-height: 194px;
        width: 100%; }
        .promo-flipper article .container-item-card .container-dare p {
          color: #000;
          font-size: 18px; }
        .promo-flipper article .container-item-card .container-dare p.title {
          margin: 0;
          font-size: 26px;
          text-transform: uppercase; }
      .promo-flipper article .container-item-card .portfolio-logo {
        margin-left: 20px; }
  .promo-flipper article.flip .container-item {
    transform: rotateY(180deg); }
  .promo-flipper .container-item {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    position: relative; } }

.page-template-template-flexible-content p.lead {
  font-size: 34px;
  max-width: 100%;
  margin-bottom: 0;
  line-height: 1.345; }

.page-template-template-flexible-content h2 {
  font-size: 52px;
  font-weight: 600; }

.page-template-template-flexible-content section {
  border-bottom: 1px solid #eee; }

.page-template-template-flexible-content section.section-homepage-dealer-locator {
  border-bottom: none; }

.promo .product-grid {
  display: flex;
  margin: 20px 0 60px; }
  .promo .product-grid .product-item {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    text-align: center;
    padding: 0 0 0 20px; }
    .promo .product-grid .product-item img {
      margin-bottom: 10px; }
    .promo .product-grid .product-item a {
      display: block;
      text-align: center;
      color: #999;
      text-decoration: none;
      padding: 0;
      margin: 0;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.2;
      transition: all ease 300ms; }
  .promo .product-grid .product-item:first-child, .promo .product-grid .product-item-simple:first-child {
    padding: 0; }
  .promo .product-grid .product-item:hover a, .promo .product-grid .product-item-simple:hover a, .promo .product-grid .product-item-simple.active a {
    color: #000; }
  .promo .product-grid .product-item-simple:hover img, .promo .product-grid .product-item-simple.active img {
    outline: 7px solid #000;
    outline-offset: -7px;
    border: 1px solid #000; }
  .promo .product-grid .product-item-simple {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    text-align: center;
    padding: 0 0 0 30px; }
    .promo .product-grid .product-item-simple img {
      margin-bottom: 20px;
      border: 1px solid transparent; }
    .promo .product-grid .product-item-simple a {
      display: block;
      text-align: left;
      color: #999;
      text-decoration: none;
      padding: 0;
      margin: 0;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.2;
      transition: all ease 300ms;
      text-transform: uppercase; }

.promo .product-single.active-product {
  display: flex; }

.promo .product-single {
  display: none; }
  .promo .product-single h2 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 32px; }
  .promo .product-single p.product-lead {
    font-weight: 600;
    margin-bottom: 15px; }
  .promo .product-single img {
    margin-top: 5px;
    max-width: 94%; }
  .promo .product-single table {
    margin-bottom: 40px; }
  .promo .product-single table thead tr th {
    padding: 5px 8px;
    font-size: 12px; }
  .promo .product-single table tbody tr td {
    padding: 5px 8px;
    font-size: 12px;
    background-color: transparent; }
  .promo .product-single table tbody tr:nth-child(odd) {
    background-color: #eee; }
  .promo .product-single table > thead:nth-child(1) > tr > th:nth-child(1) {
    display: none; }
  .promo .product-single table > tbody > tr > th:nth-child(1) {
    display: none; }

p.buttons-lead {
  width: 100%;
  max-width: 100%;
  margin: 40px 0 0;
  text-align: center; }
  p.buttons-lead a {
    font-size: 14px;
    letter-spacing: 0.22px;
    padding: 8px 20px 7px;
    font-weight: 100; }
  p.buttons-lead a:first-child {
    margin-right: 10px; }

a.button.find-stores-opener {
  font-size: 14px; }

#inspiration-is-closer-than-you-think {
  visibility: hidden;
  height: 0; }

#inspiration-is-closer-than-you-think.active-map {
  visibility: visible;
  height: auto; }

.logo-fabriano-promo {
  margin-top: 125px; }

.nav-mobile {
  display: none; }

@media only screen and (max-width: 820px) {
  .nav-mobile {
    display: block; }
    .nav-mobile a.btn-mobile {
      display: block;
      margin-bottom: 10px;
      font-size: 14px;
      letter-spacing: 0.22px;
      padding: 8px 13px 7px;
      font-weight: 100;
      color: #fff;
      background: #000; }
  .promo col-full {
    margin: 0; }
  .promo .product-grid {
    margin: 20px 0 25px; }
  .promo .product-grid .product-item-simple.active img {
    outline: 2px solid #000;
    outline-offset: -2px;
    border: 2px solid #000; }
  .promo .product-grid .product-item-simple {
    padding: 0 15px 0 0;
    margin: 0;
    width: 25%; }
    .promo .product-grid .product-item-simple img {
      outline: 2px solid #f6f6f6;
      outline-offset: -2px;
      border: 2px solid #666;
      margin-bottom: 10px; }
  .promo .product-grid .product-item-simple a {
    font-size: 14px; }
  .promo .product-grid .product-item-simple:first-child {
    padding: 0 15px 0 3px; }
  .promo .product-single {
    display: flex; }
    .promo .product-single h2 {
      margin-top: 20px; }
    .promo .product-single img {
      margin-top: 20px;
      max-width: 100%; }
    .promo .product-single table {
      min-width: 500px; }
  p.buttons-lead a {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.22px;
    padding: 8px 10px 7px;
    font-weight: 100; }
  p.buttons-lead a:first-child {
    margin-right: 0; }
  .logo-fabriano-promo {
    margin-top: 30px; } }

body.single-manufacturer .silly-notice {
  text-align: center;
  font-size: 22px;
  color: #ED1B2F;
  max-width: 100%; }

body.single-manufacturer .container-subcategories {
  margin: 0; }

body.single-manufacturer hr.timeline {
  margin-top: 60px;
  margin-bottom: 0;
  background-color: #9b9b9b;
  padding: 0; }

body.single-manufacturer h1 {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: interstate, sans-serif;
  font-size: 60px;
  margin: 40px 0 20px; }

body.single-manufacturer h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  color: #000;
  margin-bottom: 30px;
  font-weight: 600; }

body.single-manufacturer p.lead {
  color: #000000;
  font-size: 25px;
  line-height: 30px;
  max-width: 950px;
  margin-bottom: 7px; }

body.single-manufacturer hr {
  margin-top: 60px;
  margin-bottom: 60px;
  background-color: #9b9b9b; }

body.single-manufacturer .short-description {
  max-width: 500px;
  font-size: 25px;
  line-height: 30px; }

body.single-manufacturer a.go-to-id {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px; }

body.single-manufacturer .container-details {
  margin-bottom: 20px; }
  body.single-manufacturer .container-details h2 {
    display: inline;
    font-size: 16px;
    font-weight: 600; }
  body.single-manufacturer .container-details a, body.single-manufacturer .container-details a:hover {
    color: #404040; }

body.single-manufacturer .container-content {
  padding-right: 60px; }

body.single-manufacturer .container-flex {
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  body.single-manufacturer .container-flex img {
    margin-top: auto;
    margin-bottom: 20px; }

body.single-manufacturer .manufacturer-gallery div.gallery-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
  width: 520px;
  height: 395px;
  margin: 0 0 20px auto; }

body.single-manufacturer ul.products.columns-3 li.product.product-category {
  width: calc(354px - 15px);
  margin-right: 20px !important;
  margin-bottom: 20px;
  background-color: #fff; }
  body.single-manufacturer ul.products.columns-3 li.product.product-category img {
    border: 1px solid #ccc;
    margin: 0 auto; }
  body.single-manufacturer ul.products.columns-3 li.product.product-category h2 {
    text-align: left;
    font-weight: 600;
    padding: 10px 15px 15px 5px;
    margin: 0; }
    body.single-manufacturer ul.products.columns-3 li.product.product-category h2 mark {
      display: none; }

body.single-manufacturer ul.products.columns-3 li.product.product-category:nth-child(3n) {
  margin-right: 0 !important; }

body.single-manufacturer ul.products.columns-3 li.product.product-category img:hover {
  border: 1px solid #000;
  outline: 5px solid #000;
  outline-offset: -5px; }

section.homepage-manufacturers.col-six ul.manufacturers-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1147px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  section.homepage-manufacturers.col-six ul.manufacturers-grid li {
    position: relative;
    width: 160px;
    height: 200px;
    margin: 0 20px 22px 0;
    padding: 0; }
    section.homepage-manufacturers.col-six ul.manufacturers-grid li span.title-manufacturer {
      display: block;
      padding: 10px 0;
      width: 160px;
      color: #000;
      font-family: Interstate, sans-serif;
      font-size: 16px;
      max-width: 169px;
      top: 0;
      text-transform: uppercase;
      font-weight: 600;
      line-height: 1.15;
      text-align: left; }
  section.homepage-manufacturers.col-six ul.manufacturers-grid li:nth-child(6n) {
    margin: 0 0 20px 0; }
  section.homepage-manufacturers.col-six ul.manufacturers-grid li:hover img {
    outline: 6px solid #000;
    outline-offset: -6px; }

body.page-template-template-timeline hr.timeline {
  margin-top: 60px;
  margin-bottom: 0;
  background-color: #9b9b9b;
  padding: 0; }

body.page-template-template-timeline h1 {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: interstate, sans-serif;
  font-size: 60px;
  margin: 60px 0 20px; }

body.page-template-template-timeline p.lead {
  color: #000000;
  font-size: 25px;
  line-height: 30px;
  max-width: 950px; }

body.page-template-template-timeline .short-description {
  max-width: 500px;
  font-size: 25px;
  line-height: 30px; }

#owl-timeline {
  /*  .manufacturer:hover img {
    outline: 4px solid #000;
    outline-offset: -4px;
  }*/ }
  #owl-timeline .manufacturer:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    width: 1px;
    height: 15px;
    background-color: #9b9b9b; }
  #owl-timeline .manufacturer {
    cursor: pointer;
    padding-top: 60px;
    color: #000;
    width: 270px;
    float: left;
    margin: 0 0 20px 0;
    text-transform: uppercase; }
    #owl-timeline .manufacturer h2 {
      text-align: left;
      color: #000;
      margin: 30px 0 4px;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase; }
    #owl-timeline .manufacturer p {
      color: #000;
      margin-top: 20px;
      text-transform: none;
      max-width: 245px;
      min-height: 120px; }
    #owl-timeline .manufacturer a, #owl-timeline .manufacturer a:hover, #owl-timeline .manufacturer a:visited {
      font-family: interstate, sans-serif;
      text-transform: uppercase;
      color: #000;
      font-size: 11px;
      font-weight: bold;
      letter-spacing: 0.5px; }
  #owl-timeline .owl-prev {
    left: -50px; }
  #owl-timeline .owl-next {
    right: -65px; }

/*Mobile*/
@media (max-width: 767px) {
  body.single-manufacturer hr.timeline {
    margin-top: 20px;
    margin-bottom: 40px;
    background-color: #9b9b9b;
    padding: 0; }
  body.single-manufacturer p.lead {
    color: #000000;
    font-size: 25px;
    line-height: 30px;
    max-width: 950px; }
  body.single-manufacturer hr {
    margin-top: 20px;
    margin-bottom: 20px; }
  body.single-manufacturer .short-description {
    max-width: 500px;
    font-size: 25px;
    line-height: 30px; }
  body.single-manufacturer .container-details {
    margin-bottom: 20px; }
    body.single-manufacturer .container-details h2 {
      display: inline;
      font-size: 16px;
      font-weight: 600; }
    body.single-manufacturer .container-details a, body.single-manufacturer .container-details a:hover {
      color: #404040; }
  body.single-manufacturer .container-content {
    padding-right: 60px;
    margin-bottom: 40px; }
  body.page-template-template-timeline hr.timeline {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #9b9b9b;
    padding: 0; }
  body.page-template-template-timeline p.lead {
    color: #000000;
    font-size: 25px;
    line-height: 30px;
    max-width: 950px; }
  body.page-template-template-timeline .short-description {
    max-width: 500px;
    font-size: 25px;
    line-height: 30px; }
  #owl-timeline .manufacturer {
    cursor: pointer;
    padding-top: 60px;
    color: #000;
    width: 270px;
    float: left;
    margin: 0 0 20px 0;
    text-transform: uppercase; }
    #owl-timeline .manufacturer h2 {
      color: #000;
      margin: 30px 0 4px;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase; }
    #owl-timeline .manufacturer p {
      color: #000;
      margin-top: 20px;
      text-transform: none;
      max-width: 245px;
      min-height: 100px; }
    #owl-timeline .manufacturer a, #owl-timeline .manufacturer a:hover, #owl-timeline .manufacturer a:visited {
      text-transform: none;
      color: #000; }
  #owl-timeline .manufacturer:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: #fff; }
  #owl-timeline .manufacturer {
    padding-top: 0; }
  #owl-timeline .manufacturer:hover img {
    outline: 4px solid #000;
    outline-offset: -4px; } }

.artists-with-feature-image {
  max-width: 1800px; }

body.page-template-template-artists-voices ul.list-artists, body.post-type-archive-artist ul.list-artists, body.single-artist ul.list-artists {
  list-style: none;
  margin: 0 0 20px;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px; }
  body.page-template-template-artists-voices ul.list-artists li, body.post-type-archive-artist ul.list-artists li, body.single-artist ul.list-artists li {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2; }
    body.page-template-template-artists-voices ul.list-artists li a, body.page-template-template-artists-voices ul.list-artists li a:visited, body.post-type-archive-artist ul.list-artists li a, body.post-type-archive-artist ul.list-artists li a:visited, body.single-artist ul.list-artists li a, body.single-artist ul.list-artists li a:visited {
      color: #000; }
    body.page-template-template-artists-voices ul.list-artists li a:hover, body.post-type-archive-artist ul.list-artists li a:hover, body.single-artist ul.list-artists li a:hover {
      color: #ED1B2F; }

body.page-template-template-artists-voices ul.list-artists.has-images img, body.post-type-archive-artist ul.list-artists.has-images img, body.single-artist ul.list-artists.has-images img {
  margin: 0 0 10px; }

body.page-template-template-artists-voices ul.list-artists.has-images li, body.post-type-archive-artist ul.list-artists.has-images li, body.single-artist ul.list-artists.has-images li {
  display: inline-block;
  padding: 40px; }

body.page-template-template-artists-voices hr.hr-dark, body.post-type-archive-artist hr.hr-dark, body.single-artist hr.hr-dark {
  background-color: #9b9b9b;
  padding: 0;
  margin: 40px 0 60px; }

body.page-template-template-artists-voices hr.hr-light, body.post-type-archive-artist hr.hr-light, body.single-artist hr.hr-light {
  background-color: #f3f3f3;
  margin: 60px 0; }

body.page-template-template-artists-voices p.lead, body.post-type-archive-artist p.lead, body.single-artist p.lead {
  color: #000000;
  font-size: 25px;
  line-height: 30px;
  max-width: 950px; }

body.page-template-template-artists-voices .short-description, body.post-type-archive-artist .short-description, body.single-artist .short-description {
  font-size: 25px;
  line-height: 30px; }
  body.page-template-template-artists-voices .short-description p, body.post-type-archive-artist .short-description p, body.single-artist .short-description p {
    margin-bottom: 40px; }

body.page-template-template-artists-voices article h3, body.post-type-archive-artist article h3, body.single-artist article h3 {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 4px;
  font-weight: 600; }

body.page-template-template-artists-voices article img, body.post-type-archive-artist article img, body.single-artist article img {
  margin: 3px auto 0;
  max-width: 450px; }

body.page-template-template-artists-voices article ul, body.post-type-archive-artist article ul, body.single-artist article ul {
  list-style: none;
  margin: 20px 0;
  padding: 0; }
  body.page-template-template-artists-voices article ul li, body.post-type-archive-artist article ul li, body.single-artist article ul li {
    margin: 0;
    padding: 0; }

body.page-template-template-artists-voices article p.artist-background, body.page-template-template-artists-voices article .artist-url, body.post-type-archive-artist article p.artist-background, body.post-type-archive-artist article .artist-url, body.single-artist article p.artist-background, body.single-artist article .artist-url {
  margin-bottom: 0; }

body.page-template-template-artists-voices article .artist-video, body.post-type-archive-artist article .artist-video, body.single-artist article .artist-video {
  margin: 0 auto;
  width: 415px;
  height: 321px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative; }
  body.page-template-template-artists-voices article .artist-video a, body.post-type-archive-artist article .artist-video a, body.single-artist article .artist-video a {
    display: block;
    width: 413px;
    height: 319px;
    border: 1px solid transparent; }
  body.page-template-template-artists-voices article .artist-video a:hover, body.post-type-archive-artist article .artist-video a:hover, body.single-artist article .artist-video a:hover {
    outline: 5px solid #000;
    outline-offset: -5px;
    border: 1px solid #000; }
  body.page-template-template-artists-voices article .artist-video .play-video, body.post-type-archive-artist article .artist-video .play-video, body.single-artist article .artist-video .play-video {
    position: absolute;
    z-index: 1;
    color: #fff !important;
    opacity: 0.8;
    top: 125px;
    left: 175px;
    transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    pointer-events: none; }
  body.page-template-template-artists-voices article .artist-video .modal-video .video-title, body.post-type-archive-artist article .artist-video .modal-video .video-title, body.single-artist article .artist-video .modal-video .video-title {
    font-family: Interstate, Arial, sans-serif;
    color: #fff;
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 395px;
    height: 301px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    opacity: 0;
    transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    pointer-events: none;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
  body.page-template-template-artists-voices article .artist-video .modal-video:hover .video-title, body.post-type-archive-artist article .artist-video .modal-video:hover .video-title, body.single-artist article .artist-video .modal-video:hover .video-title {
    opacity: 1; }
  body.page-template-template-artists-voices article .artist-video .video-title p, body.post-type-archive-artist article .artist-video .video-title p, body.single-artist article .artist-video .video-title p {
    max-width: 90%;
    margin: 0; }

body.page-template-template-artists-voices blockquote, body.post-type-archive-artist blockquote, body.single-artist blockquote {
  color: #404040;
  font-size: 16px;
  line-height: 1.375;
  text-align: left;
  margin: 0 auto 20px auto;
  padding: 0;
  width: 100%;
  border-left: none;
  font-style: normal;
  max-width: 600px; }
  body.page-template-template-artists-voices blockquote footer, body.post-type-archive-artist blockquote footer, body.single-artist blockquote footer {
    margin-top: 10px;
    font-size: 14px;
    color: #000;
    text-transform: uppercase; }
  body.page-template-template-artists-voices blockquote footer:before, body.post-type-archive-artist blockquote footer:before, body.single-artist blockquote footer:before {
    content: ' \2014 ';
    padding: 0 10px; }

body.single-artist article {
  margin-bottom: 60px; }
  body.single-artist article img {
    margin: 0 auto; }

.artists-with-feature-image {
  max-width: 1800px; }

body.single-artist {
  /*Mobile*/ }
  body.single-artist #primary {
    margin-bottom: 0; }
  body.single-artist .container-artist-info {
    padding-right: 12%; }
  body.single-artist section.artist-list {
    background-color: rgba(212, 212, 212, 0.25);
    padding-bottom: 60px; }
  body.single-artist h1 {
    margin: -8px 0 40px;
    line-height: 1; }
  body.single-artist #main > .col-full:first-child {
    max-width: 1800px; }
    body.single-artist #main > .col-full:first-child img {
      max-width: 100%; }
  body.single-artist article {
    padding: 50px 0; }
  body.single-artist article ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0; }
  body.single-artist blockquote {
    color: #404040;
    font-size: 16px;
    line-height: 1.375;
    text-align: left;
    margin: 0;
    max-width: 100%; }
  body.single-artist ul.list-artists {
    margin-bottom: 0; }
  body.single-artist .artist-gallery {
    margin: 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 20px; }
    body.single-artist .artist-gallery .artist-gallery-item {
      margin: 0 0 40px;
      position: relative;
      -o-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -khtml-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      body.single-artist .artist-gallery .artist-gallery-item img {
        width: 100%;
        height: auto;
        margin: 0;
        border: 6px solid transparent;
        -o-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -khtml-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear; }
      body.single-artist .artist-gallery .artist-gallery-item .caption {
        position: absolute;
        bottom: -35px;
        left: 0;
        display: none;
        margin: 10px auto;
        font-size: 12px;
        line-height: 1.225;
        width: 100%;
        text-align: center; }
      body.single-artist .artist-gallery .artist-gallery-item img:hover {
        border: 6px solid #000;
        -o-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -khtml-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear; }
    body.single-artist .artist-gallery .artist-gallery-item:hover .caption {
      display: block;
      -o-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -khtml-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear; }
  body.single-artist .artist-gallery.artist-gallery-1 .artist-gallery-item {
    width: calc(50% - 20px); }
  body.single-artist .artist-gallery.artist-gallery-2 .artist-gallery-item {
    width: calc(50% - 20px); }
  body.single-artist .artist-gallery.artist-gallery-3 .artist-gallery-item, body.single-artist .artist-gallery.artist-gallery-9 .artist-gallery-item {
    width: calc(33.33333% - 20px); }
  body.single-artist .artist-gallery.artist-gallery-4 .artist-gallery-item, body.single-artist .artist-gallery.artist-gallery-8 .artist-gallery-item {
    width: calc(25% - 20px); }
  body.single-artist .artist-gallery.artist-gallery-5 .artist-gallery-item, body.single-artist .artist-gallery.artist-gallery-10 .artist-gallery-item {
    width: calc(20% - 20px); }
  body.single-artist .artist-gallery.artist-gallery-6 .artist-gallery-item, body.single-artist .artist-gallery.artist-gallery-7 .artist-gallery-item {
    width: calc(16.66666666666667% - 20px); }
  @media (max-width: 767px) {
    body.single-artist .container-artist-info {
      padding-right: 0; }
    body.single-artist .artist-gallery {
      margin: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      column-gap: 0; }
      body.single-artist .artist-gallery .artist-gallery-item {
        width: 100%;
        margin: 0; }
        body.single-artist .artist-gallery .artist-gallery-item img {
          width: 100%;
          height: auto;
          margin: 0; }
        body.single-artist .artist-gallery .artist-gallery-item .caption {
          display: none;
          margin: 10px auto;
          font-size: 12px;
          line-height: 1.225; }
    body.single-artist .artist-gallery.artist-gallery-1 .artist-gallery-item, body.single-artist .artist-gallery.artist-gallery-2 .artist-gallery-item,
    body.single-artist .artist-gallery.artist-gallery-3 .artist-gallery-item, body.single-artist .artist-gallery.artist-gallery-4 .artist-gallery-item,
    body.single-artist .artist-gallery.artist-gallery-5 .artist-gallery-item, body.single-artist .artist-gallery.artist-gallery-6 .artist-gallery-item,
    body.single-artist .artist-gallery.artist-gallery-7 .artist-gallery-item, body.single-artist .artist-gallery.artist-gallery-8 .artist-gallery-item,
    body.single-artist .artist-gallery.artist-gallery-9 .artist-gallery-item, body.single-artist .artist-gallery.artist-gallery-10 .artist-gallery-item {
      width: 100%; } }

body.page-template-template-artists-voices h1, body.post-type-archive-artist h1, body.single-artist h1 {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: interstate, sans-serif;
  margin: 60px 0 20px; }

body.page-template-template-artists-voices h2, body.post-type-archive-artist h2, body.single-artist h2 {
  text-transform: uppercase;
  font-weight: 600;
  font-family: interstate, sans-serif; }

body.page-template-template-artists-voices h4, body.post-type-archive-artist h4, body.single-artist h4 {
  font-size: 16px;
  margin: 40px 0; }

body.single-artist #primary {
  margin-bottom: 0; }

body.single-artist section.artist-list {
  background-color: rgba(212, 212, 212, 0.25);
  padding-bottom: 60px; }

body.single-artist h1 {
  margin: -8px 0 40px;
  line-height: 1; }

body.single-artist #main > .col-full:first-child {
  max-width: 1800px; }
  body.single-artist #main > .col-full:first-child img {
    max-width: 100%; }

body.single-artist article {
  padding: 50px 0; }

body.single-artist article ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0; }

body.single-artist blockquote {
  color: #404040;
  font-size: 16px;
  line-height: 1.375;
  text-align: left;
  margin: 0;
  max-width: 100%; }

body.single-artist ul.list-artists {
  margin-bottom: 0; }

/*Mobile*/
@media (max-width: 767px) {
  body.page-template-template-artists-voices h1, body.post-type-archive-artist h1, body.single-artist h1 {
    margin: 20px 0; }
  body.page-template-template-artists-voices article, body.post-type-archive-artist article, body.single-artist article {
    padding: 0; }
  body.page-template-template-artists-voices hr.timeline, body.post-type-archive-artist hr.timeline, body.single-artist hr.timeline {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #9b9b9b;
    padding: 0; }
  body.page-template-template-artists-voices p.lead, body.post-type-archive-artist p.lead, body.single-artist p.lead {
    color: #000000;
    font-size: 25px;
    line-height: 30px;
    max-width: 950px; }
  body.page-template-template-artists-voices .short-description, body.post-type-archive-artist .short-description, body.single-artist .short-description {
    max-width: 500px;
    font-size: 25px;
    line-height: 30px; }
  body.page-template-template-artists-voices ul.list-artists, body.post-type-archive-artist ul.list-artists, body.single-artist ul.list-artists {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px; }
  body.page-template-template-artists-voices ul.list-artists.has-images li, body.post-type-archive-artist ul.list-artists.has-images li, body.single-artist ul.list-artists.has-images li {
    padding: 0 0 40px; }
  body.page-template-template-artists-voices article p.artist-background, body.page-template-template-artists-voices article .artist-url, body.post-type-archive-artist article p.artist-background, body.post-type-archive-artist article .artist-url, body.single-artist article p.artist-background, body.single-artist article .artist-url {
    margin-bottom: 20px; }
  body.page-template-template-artists-voices article img, body.post-type-archive-artist article img, body.single-artist article img {
    width: 100%; }
  body.page-template-template-artists-voices hr.hr-dark, body.post-type-archive-artist hr.hr-dark, body.single-artist hr.hr-dark {
    margin: 0 0 40px; }
  body.page-template-template-artists-voices hr.hr-light, body.post-type-archive-artist hr.hr-light, body.single-artist hr.hr-light {
    margin: 60px 0 20px; }
  body.single-artist #main > .col-full:first-child img {
    max-width: 100%;
    margin: 20px 0; }
  body.single-artist section.artist-list {
    padding: 1px 0 40px; } }

body.page-template-template-promotions ul.list-artists, .promotions-account ul.list-artists {
  list-style: none;
  margin: 0 0 20px;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px; }
  body.page-template-template-promotions ul.list-artists li, .promotions-account ul.list-artists li {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2; }
    body.page-template-template-promotions ul.list-artists li a, .promotions-account ul.list-artists li a {
      color: #000; }
    body.page-template-template-promotions ul.list-artists li a:hover, body.page-template-template-promotions ul.list-artists li a:visited, .promotions-account ul.list-artists li a:hover, .promotions-account ul.list-artists li a:visited {
      color: #ED1B2F; }

body.page-template-template-promotions hr.hr-dark, .promotions-account hr.hr-dark {
  background-color: #9b9b9b;
  padding: 0;
  margin: 40px 0 60px; }

body.page-template-template-promotions hr.hr-light, .promotions-account hr.hr-light {
  background-color: #f3f3f3;
  margin: 60px 0; }

body.page-template-template-promotions h1, .promotions-account h1 {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: interstate, sans-serif;
  font-size: 60px;
  margin: 60px 0 20px; }

body.page-template-template-promotions h2, .promotions-account h2 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: interstate, sans-serif; }

body.page-template-template-promotions p.lead, .promotions-account p.lead {
  color: #000000;
  font-size: 25px;
  line-height: 30px;
  max-width: 950px; }

body.page-template-template-promotions .short-description, .promotions-account .short-description {
  font-size: 25px;
  line-height: 30px; }
  body.page-template-template-promotions .short-description p, .promotions-account .short-description p {
    margin-bottom: 40px; }

body.page-template-template-promotions article img, .promotions-account article img {
  margin: 3px auto 0;
  max-width: 450px;
  width: 100%; }

body.page-template-template-promotions article ul, .promotions-account article ul {
  list-style: none;
  margin: 20px 0;
  padding: 0; }
  body.page-template-template-promotions article ul li, .promotions-account article ul li {
    margin: 0;
    padding: 0; }

body.page-template-template-promotions article p.artist-background, .promotions-account article p.artist-background {
  margin-bottom: 0; }

body.page-template-template-promotions blockquote, .promotions-account blockquote {
  color: #404040;
  font-size: 16px;
  line-height: 1.375;
  text-align: left;
  margin: 0 auto 20px auto;
  padding: 0;
  width: 100%;
  border-left: none;
  font-style: normal;
  max-width: 600px; }
  body.page-template-template-promotions blockquote footer, .promotions-account blockquote footer {
    margin-top: 10px;
    font-size: 14px;
    color: #000;
    text-transform: uppercase; }
  body.page-template-template-promotions blockquote footer:before, .promotions-account blockquote footer:before {
    content: ' \2014 ';
    padding: 0 10px; }

.promotions-account .col-full {
  padding: 0; }

/*Mobile*/
@media (max-width: 767px) {
  body.page-template-template-promotions hr.hr-dark, .promotions-account hr.hr-dark {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #9b9b9b;
    padding: 0; }
  body.page-template-template-promotions p.lead, .promotions-account p.lead {
    color: #000000;
    font-size: 25px;
    line-height: 30px;
    max-width: 950px; }
  body.page-template-template-promotions .short-description, .promotions-account .short-description {
    max-width: 500px;
    font-size: 25px;
    line-height: 30px; } }

a.link-website {
  font-size: 12px; }

a.link-website:hover, a.link-website:focus, a.link-website:active {
  color: #ED1B2F; }

body.page-template-template-flexible-content.page-id-28455 .container-title {
  background-position: center; }

.custom-logo {
  display: block; }

.site-branding {
  width: auto; }

body.home section.section-home-hero ul#owl-home-hero h1,
body.home section.section-home-hero ul#owl-home-hero-1 h1 {
  margin: 0 0 20px;
  font-size: 58px; }

body.home section.section-home-hero ul#owl-home-hero-1 div.short-description {
  max-width: 620px; }
  body.home section.section-home-hero ul#owl-home-hero-1 div.short-description .short-description-macpherson {
    font-size: 24px;
    margin-bottom: 30px; }

.button-hero {
  min-width: 250px;
  text-align: center;
  margin: 0 0 15px; }

@media (max-width: 1024px) {
  body.home section.section-home-hero ul#owl-home-hero-1 h1 {
    margin: 0 0 20px;
    font-size: 36px; }
  body.home section.section-home-hero ul#owl-home-hero-1 div.short-description .short-description-macpherson {
    margin-bottom: 20px;
    font-size: 18px; }
  .container-hero-home {
    padding: 40px 20px; }
  .button-hero {
    min-width: 310px; } }

body.page-template-default .content-area {
  /*  faq*/ }
  body.page-template-default .content-area .joining-forces-container h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-family: Interstate, helvetica, arial, sans-serif;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 40px; }
  body.page-template-default .content-area .joining-forces-container {
    font-size: 20px;
    line-height: 30px;
    font-weight: 200;
    color: #444444; }
    body.page-template-default .content-area .joining-forces-container .col-full {
      max-width: 1080px; }
  body.page-template-default .content-area .joining-forces-intro-content {
    background-image: url("https://cdn2.webdamdb.com/1280_2PrsIeV1JQZ0.jpg?1583196594");
    background-size: cover;
    max-width: 100%;
    height: auto;
    padding: 60px 0; }
  body.page-template-default .content-area .joining-forces-intro {
    width: 100%;
    height: auto; }
  body.page-template-default .content-area .joining-forces-title {
    font-size: 48px;
    line-height: 48px;
    font-weight: 500; }
  body.page-template-default .content-area h2.joining-forces-h2 {
    font-size: 20px;
    color: #444444;
    font-weight: 400;
    margin: 30px 0;
    line-height: 30px;
    text-transform: none; }
  body.page-template-default .content-area .read-announcement-button {
    width: auto;
    margin-right: 15px;
    display: block;
    padding: 8px 15px 7px;
    background-color: #ed1b2f;
    text-align: center;
    color: #fff !important; }
  body.page-template-default .content-area .joining-forces-logos-content {
    width: 100%;
    height: auto; }
  body.page-template-default .content-area .company-logo {
    display: block;
    text-align: center;
    margin: 40px auto 45px;
    max-width: 200px;
    height: auto; }
  body.page-template-default .content-area .savoir-faire-logo {
    max-width: 128px;
    height: auto;
    margin: 0 auto; }
  body.page-template-default .content-area .values-vision-container {
    /*    background-image: linear-gradient(#85BED0, #3392B0);*/
    background-color: #000;
    color: #ffffff;
    text-align: center;
    padding: 60px 60px 20px; }
  body.page-template-default .content-area .values-vision-content {
    margin: 0 auto; }
  body.page-template-default .content-area .values-vision-title {
    margin-bottom: 50px;
    line-height: 50px;
    font-size: 38px;
    font-weight: 500; }
  body.page-template-default .content-area .values-item-content {
    display: inline-block;
    width: 25%;
    margin: 0 auto; }
  body.page-template-default .content-area .individual-value {
    width: 100%;
    height: auto;
    padding-bottom: 40px; }
  body.page-template-default .content-area .values-item-image {
    display: inline;
    max-width: 60px;
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
  body.page-template-default .content-area .values-item-copy-container {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 auto; }
  body.page-template-default .content-area .values-item-copy {
    font-weight: 700;
    line-height: 25px; }
  body.page-template-default .content-area .leadership-container {
    margin-top: 80px; }
    body.page-template-default .content-area .leadership-container h2 {
      margin-bottom: 50px; }
  body.page-template-default .content-area .leadership-content {
    margin-bottom: 60px; }
  body.page-template-default .content-area .leadership-content h3 {
    font-weight: 600;
    margin-bottom: 5px; }
  body.page-template-default .content-area .leadership-content .leader-title {
    margin-bottom: 15px; }
  body.page-template-default .content-area .leadership-image {
    max-width: 225px;
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-box-sizing: hidden; }
  body.page-template-default .content-area .leadership-copy-content {
    width: 100%;
    height: auto;
    padding-right: 40px; }
  body.page-template-default .content-area .info-list > li {
    margin-bottom: 15px; }
  body.page-template-default .content-area .learn-more-email {
    text-decoration: none;
    color: #444444; }
  body.page-template-default .content-area .learn-more-email:hover {
    text-decoration: underline; }
  body.page-template-default .content-area .macpherson-content strong {
    font-weight: 600; }
  body.page-template-default .content-area .ceo-signature {
    max-width: 200px;
    margin-left: -8px; }
  body.page-template-default .content-area .faq-container {
    margin: 80px auto; }
  body.page-template-default .content-area .faq-section {
    margin-bottom: 40px;
    position: relative; }
  body.page-template-default .content-area .faq-question {
    font-weight: 700;
    color: #000; }
  body.page-template-default .content-area .faq-answer {
    margin-top: 15px; }
  body.page-template-default .content-area .faq-counter {
    position: absolute;
    left: -140px;
    top: 5px;
    font-size: 46px;
    padding: 20px;
    line-height: 1;
    color: #000;
    background-color: #eee;
    width: 80px;
    height: 80px;
    text-align: right; }
  body.page-template-default .content-area .about-container {
    margin: 80px 0 60px; }
  body.page-template-default .content-area .about-content {
    margin: 0 0 2px 0; }
  body.page-template-default .content-area .light-gray-background {
    padding: 60px 115px 40px;
    background-color: #F0F0F0;
    margin-bottom: 4px; }
  body.page-template-default .content-area .macphersons-logo {
    max-width: 100%;
    margin: 5px auto 20px;
    width: 200px;
    height: auto;
    vertical-align: top; }
  body.page-template-default .content-area .about-logo {
    max-width: 100%;
    margin: 5px auto 20px;
    height: auto;
    vertical-align: top; }
  body.page-template-default .content-area .additional-questions-container {
    text-align: center;
    margin: 0 auto 40px;
    max-width: 700px; }
  @media (max-width: 1024px) {
    body.page-template-default .content-area .joining-forces-intro-content {
      padding: 40px 5px 20px; }
    body.page-template-default .content-area .read-announcement-button {
      display: block;
      margin: 0 auto 30px;
      text-align: center; }
    body.page-template-default .content-area .joining-forces-h2 {
      display: block;
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      text-align: center;
      max-width: 700px; }
    body.page-template-default .content-area .values-vision-container {
      padding: 40px 40px 0; }
    body.page-template-default .content-area .values-item-content {
      display: block;
      width: 100%; }
    body.page-template-default .content-area .individual-value {
      padding-bottom: 25px; }
    body.page-template-default .content-area .leadership-image {
      margin: 0 auto 10px; }
    body.page-template-default .content-area .leadership-content h3 {
      font-weight: 600;
      font-size: 24px;
      margin-top: 30px; }
    body.page-template-default .content-area .leadership-copy-content {
      padding-right: 0; }
    body.page-template-default .content-area .light-gray-background {
      padding: 60px 80px 40px; }
    body.page-template-default .content-area .macphersons-logo {
      margin-bottom: 40px; }
    body.page-template-default .content-area .about-logo {
      margin-bottom: 40px; } }
  @media (max-width: 640px) {
    body.page-template-default .content-area .values-vision-container {
      padding: 40px 0 0; }
    body.page-template-default .content-area .faq-container {
      margin: 80px auto;
      padding-right: 5px;
      padding-left: 5px; }
    body.page-template-default .content-area .about-container {
      margin: 80px 0; }
    body.page-template-default .content-area .light-gray-background {
      padding: 60px 5px 40px; } }

.widget_search form::before, .widget_product_search form::before {
  display: none; }

.site-search .widget_product_search input[type=search],
.site-search .widget_product_search input[type=text],
.site-search-page .widget_product_search input[type=search],
.site-search-page .widget_product_search input[type=text] {
  padding: 10px !important;
  line-height: 1;
  width: 88%; }

#site-search-link {
  width: 2%;
  float: right;
  height: 20px;
  margin-top: 25px;
  margin-left: 10px;
  position: relative;
  text-indent: -999px;
  overflow: hidden; }

#site-search-link a {
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 14px;
  color: #404040; }

#site-search-link a::before {
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -.125em;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  line-height: inherit;
  vertical-align: baseline;
  content: "\f002";
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1; }

body.search.post-type-archive .container-add-multiple, body.search.post-type-archive .sf-qty, body.search.post-type-archive .add-multi-qty, body.search.post-type-archive .sf-add-to-cart {
  display: none !important; }

@media (min-width: 1101px) {
  body.search.post-type-archive .storefront-breadcrumb {
    margin-bottom: 40px; } }

body.search.post-type-archive h1 {
  font-size: 48px;
  margin: 0 0 10px;
  color: #404040;
  padding-top: 0; }

body.search.post-type-archive .woocommerce-products-header {
  min-height: 50px; }

body.search.post-type-archive .container-archive-header {
  background-color: #fff; }

body.search.post-type-archive .container-archive.product-table ul.products.columns-4 li.product {
  width: 100%;
  float: left;
  margin: 0;
  text-align: left;
  padding: 20px 0;
  border-bottom: 1px solid #e1e1e1; }
  body.search.post-type-archive .container-archive.product-table ul.products.columns-4 li.product h2 {
    font-size: 16px;
    color: #ED1B2F; }
  body.search.post-type-archive .container-archive.product-table ul.products.columns-4 li.product .sku-data {
    display: none; }
  body.search.post-type-archive .container-archive.product-table ul.products.columns-4 li.product img {
    display: none; }
  body.search.post-type-archive .container-archive.product-table ul.products.columns-4 li.product .woocommerce-product-details__short-description {
    display: block;
    font-size: 12px;
    color: #404040; }

body.search.post-type-archive .button-search {
  clip: initial;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 13px 30px;
  margin-left: 5px;
  position: absolute;
  width: auto;
  word-wrap: normal !important;
  left: auto;
  right: 0;
  top: 0;
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 13px; }

body.search.post-type-archive .content-area {
  max-width: 66.4989378333em;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
  float: none;
  width: 100%; }
  body.search.post-type-archive .content-area .container-date-social {
    margin: 30px 0; }
  body.search.post-type-archive .content-area h1 {
    font-size: 36px; }

.pagination {
  text-align: left; }
  .pagination a {
    display: inline;
    max-width: inherit;
    font-family: interstate, sans-serif; }

@media (max-width: 1100px) {
  body.search #woocommerce-product-search-field-1 {
    padding: 14px 1.41575em;
    line-height: 1;
    float: left;
    width: 63%;
    margin-left: 10px; }
  body.search .site-content {
    margin: 0 20px; }
  body.search .content-area h1 {
    font-size: 26px;
    padding-top: 20px; }
  #site-search-link {
    display: none; }
  .storefront-handheld-footer-bar .search.active .site-search {
    display: block !important; }
  body.search-results ul.products {
    margin: 20px; }
  .site-search-page .widget_product_search input[type=search] {
    padding: 10px !important;
    line-height: 1;
    width: 65%; } }

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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

body.page-template-template-flexible-content.page-id-30037, body.page-template-template-flexible-content.page-id-32846 {
  font-family: ineue-haas-unica, sans-serif;
  /*  .img-eco-friendly {
      margin: 0 20px;
    }*/ }
  body.page-template-template-flexible-content.page-id-30037 h1, body.page-template-template-flexible-content.page-id-30037 h2, body.page-template-template-flexible-content.page-id-30037 h3, body.page-template-template-flexible-content.page-id-30037 h4, body.page-template-template-flexible-content.page-id-30037 h5, body.page-template-template-flexible-content.page-id-30037 h6, body.page-template-template-flexible-content.page-id-32846 h1, body.page-template-template-flexible-content.page-id-32846 h2, body.page-template-template-flexible-content.page-id-32846 h3, body.page-template-template-flexible-content.page-id-32846 h4, body.page-template-template-flexible-content.page-id-32846 h5, body.page-template-template-flexible-content.page-id-32846 h6 {
    font-family: ineue-haas-unica, sans-serif;
    clear: both;
    font-weight: 600; }
  body.page-template-template-flexible-content.page-id-30037 header.site-header, body.page-template-template-flexible-content.page-id-30037 .storefront-breadcrumb, body.page-template-template-flexible-content.page-id-32846 header.site-header, body.page-template-template-flexible-content.page-id-32846 .storefront-breadcrumb {
    display: none; }
  body.page-template-template-flexible-content.page-id-30037 .container-faux-header, body.page-template-template-flexible-content.page-id-32846 .container-faux-header {
    padding: 30px 0; }
    body.page-template-template-flexible-content.page-id-30037 .container-faux-header img, body.page-template-template-flexible-content.page-id-32846 .container-faux-header img {
      max-width: 220px; }
  body.page-template-template-flexible-content.page-id-30037 .container-title, body.page-template-template-flexible-content.page-id-32846 .container-title {
    background-size: contain;
    background-position: center;
    background-color: #E3DEDA;
    height: 590px; }
  body.page-template-template-flexible-content.page-id-30037 #background-video, body.page-template-template-flexible-content.page-id-32846 #background-video {
    height: 590px; }
  @media only screen and (max-width: 1920px) {
    body.page-template-template-flexible-content.page-id-30037 .container-title, body.page-template-template-flexible-content.page-id-32846 .container-title {
      background-size: cover;
      background-position: center; } }
  @media only screen and (max-width: 820px) {
    body.page-template-template-flexible-content.page-id-30037 .container-title, body.page-template-template-flexible-content.page-id-32846 .container-title {
      height: 150px; }
    body.page-template-template-flexible-content.page-id-30037 #background-video, body.page-template-template-flexible-content.page-id-32846 #background-video {
      height: 190px;
      margin: 0;
      width: 100%; } }
  body.page-template-template-flexible-content.page-id-30037 .container-copy, body.page-template-template-flexible-content.page-id-32846 .container-copy {
    max-width: 490px; }
  @media only screen and (min-width: 820px) {
    body.page-template-template-flexible-content.page-id-30037 .container-left, body.page-template-template-flexible-content.page-id-32846 .container-left {
      padding-right: 20px; }
    body.page-template-template-flexible-content.page-id-30037 .container-right, body.page-template-template-flexible-content.page-id-32846 .container-right {
      padding-left: 20px; } }
  body.page-template-template-flexible-content.page-id-30037 ul li, body.page-template-template-flexible-content.page-id-32846 ul li {
    font-color: #000;
    font-weight: 600; }
  body.page-template-template-flexible-content.page-id-30037 h3, body.page-template-template-flexible-content.page-id-32846 h3 {
    font-weight: 600; }
  body.page-template-template-flexible-content.page-id-30037 table td, body.page-template-template-flexible-content.page-id-30037 table th, body.page-template-template-flexible-content.page-id-32846 table td, body.page-template-template-flexible-content.page-id-32846 table th {
    padding: 0.5em 0.8em;
    text-align: left;
    vertical-align: top;
    font-size: 0.8rem; }
  body.page-template-template-flexible-content.page-id-30037 table tr.border-top td, body.page-template-template-flexible-content.page-id-32846 table tr.border-top td {
    border-top: 1px solid #999; }
  body.page-template-template-flexible-content.page-id-30037 .container-table, body.page-template-template-flexible-content.page-id-32846 .container-table {
    max-height: 785px;
    overflow-x: hidden;
    overflow-y: auto; }
  body.page-template-template-flexible-content.page-id-30037 .container-table::-webkit-scrollbar, body.page-template-template-flexible-content.page-id-32846 .container-table::-webkit-scrollbar {
    width: 3px;
    background-color: #ccc; }
  body.page-template-template-flexible-content.page-id-30037 .container-table::-webkit-scrollbar-thumb, body.page-template-template-flexible-content.page-id-32846 .container-table::-webkit-scrollbar-thumb {
    background-color: #000; }
  body.page-template-template-flexible-content.page-id-30037 .product-single.active-product, body.page-template-template-flexible-content.page-id-32846 .product-single.active-product {
    display: flex;
    -webkit-animation: fadeIn 900ms;
    animation: fadeIn 900ms;
    opacity: 1; }
  body.page-template-template-flexible-content.page-id-30037 .product-single, body.page-template-template-flexible-content.page-id-32846 .product-single {
    display: none;
    opacity: 0; }
    body.page-template-template-flexible-content.page-id-30037 .product-single h2, body.page-template-template-flexible-content.page-id-32846 .product-single h2 {
      margin-top: 0;
      margin-bottom: 5px;
      font-size: 32px; }
    body.page-template-template-flexible-content.page-id-30037 .product-single p.product-lead, body.page-template-template-flexible-content.page-id-32846 .product-single p.product-lead {
      font-weight: 600;
      margin-bottom: 15px; }
    @media only screen and (min-width: 820px) {
      body.page-template-template-flexible-content.page-id-30037 .product-single img, body.page-template-template-flexible-content.page-id-32846 .product-single img {
        margin-top: 5px;
        max-width: 94%; }
      body.page-template-template-flexible-content.page-id-30037 .product-single h3, body.page-template-template-flexible-content.page-id-32846 .product-single h3 {
        display: none; } }
    @media only screen and (max-width: 820px) {
      body.page-template-template-flexible-content.page-id-30037 .product-single img, body.page-template-template-flexible-content.page-id-32846 .product-single img {
        max-width: 100%;
        width: 100vw; }
      body.page-template-template-flexible-content.page-id-30037 .product-single h3, body.page-template-template-flexible-content.page-id-32846 .product-single h3 {
        font-size: 24px;
        margin-bottom: 3px; } }
    body.page-template-template-flexible-content.page-id-30037 .product-single table, body.page-template-template-flexible-content.page-id-32846 .product-single table {
      margin-bottom: 40px; }
    body.page-template-template-flexible-content.page-id-30037 .product-single table thead tr th, body.page-template-template-flexible-content.page-id-32846 .product-single table thead tr th {
      padding: 5px 8px;
      font-size: 12px; }
    body.page-template-template-flexible-content.page-id-30037 .product-single table tbody tr td, body.page-template-template-flexible-content.page-id-32846 .product-single table tbody tr td {
      padding: 5px 8px;
      font-size: 12px;
      background-color: transparent; }
    body.page-template-template-flexible-content.page-id-30037 .product-single table tbody tr:nth-child(odd), body.page-template-template-flexible-content.page-id-32846 .product-single table tbody tr:nth-child(odd) {
      background-color: #eee; }
  body.page-template-template-flexible-content.page-id-30037 img.image-badges, body.page-template-template-flexible-content.page-id-32846 img.image-badges {
    max-width: 420px;
    margin: 144px 0 0; }
  body.page-template-template-flexible-content.page-id-30037 .site-footer ul#footer-menu, body.page-template-template-flexible-content.page-id-30037 #container-footer-social, body.page-template-template-flexible-content.page-id-32846 .site-footer ul#footer-menu, body.page-template-template-flexible-content.page-id-32846 #container-footer-social {
    display: none; }
  @media only screen and (max-width: 820px) {
    body.page-template-template-flexible-content.page-id-30037 img.image-badges, body.page-template-template-flexible-content.page-id-32846 img.image-badges {
      margin: 0;
      width: 100%;
      height: auto; } }
  @media only screen and (max-width: 1100px) {
    body.page-template-template-flexible-content.page-id-30037 #the-eco-friendly-choice h3, body.page-template-template-flexible-content.page-id-30037 #timeless-quality-since-1264 h3, body.page-template-template-flexible-content.page-id-32846 #the-eco-friendly-choice h3, body.page-template-template-flexible-content.page-id-32846 #timeless-quality-since-1264 h3 {
      font-size: 22px;
      line-height: 1.223;
      margin-top: -5px; } }
  body.page-template-template-flexible-content.page-id-30037 h1, body.page-template-template-flexible-content.page-id-32846 h1 {
    display: none; }
  body.page-template-template-flexible-content.page-id-30037 .container-title, body.page-template-template-flexible-content.page-id-32846 .container-title {
    background-position: center; }
  body.page-template-template-flexible-content.page-id-30037 h2, body.page-template-template-flexible-content.page-id-32846 h2 {
    font-size: 42px;
    /*    margin-bottom: 30px;*/ }
  body.page-template-template-flexible-content.page-id-30037 .logo-fabriano-promo, body.page-template-template-flexible-content.page-id-32846 .logo-fabriano-promo {
    margin-top: 135px;
    max-width: 200px; }
  @media screen and (max-width: 1101px) {
    body.page-template-template-flexible-content.page-id-30037 .container-title, body.page-template-template-flexible-content.page-id-32846 .container-title {
      min-height: 150px; }
    body.page-template-template-flexible-content.page-id-30037 h2, body.page-template-template-flexible-content.page-id-32846 h2 {
      font-size: 32px;
      font-weight: 600; }
    body.page-template-template-flexible-content.page-id-30037 p.lead, body.page-template-template-flexible-content.page-id-32846 p.lead {
      font-size: 22px;
      max-width: 100%;
      margin-bottom: 0;
      line-height: 1.345; } }
  @media only screen and (max-width: 820px) {
    body.page-template-template-flexible-content.page-id-30037 .promo .product-grid, body.page-template-template-flexible-content.page-id-32846 .promo .product-grid {
      display: flex; }
    body.page-template-template-flexible-content.page-id-30037 .logo-fabriano-promo, body.page-template-template-flexible-content.page-id-32846 .logo-fabriano-promo {
      margin-top: 30px;
      max-width: 200px; }
    body.page-template-template-flexible-content.page-id-30037 .container-inner, body.page-template-template-flexible-content.page-id-32846 .container-inner {
      padding: 0; } }

#the-eco-friendly-choice .container-section {
  background-color: #9fd7d4; }

#ecoqua-plus h2 {
  text-indent: -9999px;
  background: url("/wp-content/uploads/2022/09/logo-ecoqua.png") no-repeat left;
  background-size: contain;
  height: 60px;
  margin-bottom: 30px; }

#introducing-ispira h2 {
  text-indent: -9999px;
  background: url("/wp-content/uploads/2022/09/logo-ispira.png") no-repeat left;
  background-size: contain;
  height: 60px;
  margin-bottom: 30px; }

/*--------------------------------------------------------------
# Theme
--------------------------------------------------------------*/
.section-homepage-dealer-locator {
  background-color: #4A4A4A;
  padding: 50px 0 65px !important;
  /* Marker tweaks */ }
  .section-homepage-dealer-locator h2 {
    color: #fff !important;
    margin-bottom: 30px; }
  .section-homepage-dealer-locator .map {
    float: left;
    width: 66.6666%;
    height: 500px; }
  .section-homepage-dealer-locator .heading {
    border-bottom: 1px solid #eee;
    min-height: 60px;
    line-height: 60px;
    padding: 0 10px;
    background-color: #000;
    color: #fff; }
  .section-homepage-dealer-locator .listings {
    height: 92%;
    overflow: auto;
    padding-bottom: 0; }
  .section-homepage-dealer-locator .listings .item {
    display: block;
    border-bottom: 1px solid #aaa;
    padding: 20px 20px 10px 0;
    margin-right: 10px;
    text-decoration: none;
    word-wrap: break-word;
    color: #ccc; }
  .section-homepage-dealer-locator .listings .item a {
    text-decoration: none; }
  .section-homepage-dealer-locator .listings .item:last-child {
    border-bottom: none; }
  .section-homepage-dealer-locator .listings .item .title {
    display: block;
    color: #fff;
    font-weight: 600; }
  .section-homepage-dealer-locator .listings .item .title small {
    font-weight: 400; }
  .section-homepage-dealer-locator .listings .item.active .title,
  .section-homepage-dealer-locator .listings .item .title:hover {
    color: #ed1b2f; }
  .section-homepage-dealer-locator .directions-to-store a {
    font-weight: 600; }
  .section-homepage-dealer-locator ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    border-left: 0;
    background: rgba(0, 0, 0, 0.1); }
  .section-homepage-dealer-locator ::-webkit-scrollbar-track {
    background: none; }
  .section-homepage-dealer-locator ::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 0; }
  .section-homepage-dealer-locator .marker {
    border: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-image: url(https://www.savoirfaire.com/wp-content/themes/savoirfaire/images/marker-15.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0); }
  .section-homepage-dealer-locator .clearfix {
    display: block; }
  .section-homepage-dealer-locator .clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .section-homepage-dealer-locator .mapboxgl-popup {
    padding-bottom: 50px; }
  .section-homepage-dealer-locator .mapboxgl-popup-close-button {
    display: none; }
  .section-homepage-dealer-locator .mapboxgl-popup-content {
    padding: 0 !important;
    width: 200px; }
  .section-homepage-dealer-locator .mapboxgl-popup-content-wrapper {
    padding: 1%; }
  .section-homepage-dealer-locator .mapboxgl-popup-content h3 {
    background: #000;
    color: #fff;
    margin: 0;
    display: block;
    padding: 10px;
    border-radius: 0;
    font-weight: 700;
    margin-top: -15px;
    font-size: 14px; }
  .section-homepage-dealer-locator .mapboxgl-popup-content h4 {
    margin: 0;
    display: block;
    padding: 10px 10px 10px 10px;
    font-weight: 400;
    font-size: 14px;
    word-wrap: break-word; }
  .section-homepage-dealer-locator .mapboxgl-popup-content div {
    padding: 10px; }
  .section-homepage-dealer-locator .mapboxgl-container .leaflet-marker-icon {
    cursor: pointer; }
  .section-homepage-dealer-locator .mapboxgl-popup-anchor-top > .mapboxgl-popup-content {
    margin-top: 15px; }
  .section-homepage-dealer-locator .mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {
    border-bottom-color: #000; }
  .section-homepage-dealer-locator .section-homepage-dealer-locator {
    width: 1080px;
    margin: 0 auto; }
  .section-homepage-dealer-locator .container-map-left {
    padding: 18px 10px;
    height: 500px;
    overflow: hidden;
    background: #000; }
  .section-homepage-dealer-locator #map {
    width: 100%;
    height: 535px !important; }
  .section-homepage-dealer-locator .marker {
    display: none; }
  .section-homepage-dealer-locator .mapboxgl-ctrl-geocoder {
    border: 0;
    border-radius: 0;
    position: relative;
    top: 0;
    width: 800px;
    margin-top: 0; }
  .section-homepage-dealer-locator .mapboxgl-ctrl-geocoder > div {
    min-width: 100%;
    margin-left: 0; }
  .section-homepage-dealer-locator .mapboxgl-ctrl-geocoder {
    font-family: Interstate, Arial, sans-serif;
    position: absolute;
    top: 0; }
  .section-homepage-dealer-locator h3.search-stores {
    font-size: 18px;
    background-image: url(https://www.savoirfaire.com/wp-content/themes/savoirfaire/images/arrow-circle-right-solid.svg);
    background-repeat: no-repeat;
    background-position: right;
    color: #fff; }
  .section-homepage-dealer-locator h3.search-stores.nearby {
    background-image: none; }
  .section-homepage-dealer-locator h3.search-stores.results {
    background-image: none;
    color: #ED1B2F; }
  .section-homepage-dealer-locator p.distance-to-store {
    margin: 0;
    padding: 0 0 10px;
    font-weight: 600; }
  .section-homepage-dealer-locator p.directions-to-store {
    margin: 0;
    padding: 0 0 10px; }
  .section-homepage-dealer-locator .border-short {
    margin: 10px 0;
    width: 20px;
    height: 1px;
    background-color: #aaa; }
  .section-homepage-dealer-locator .mapboxgl-ctrl-geocoder {
    box-shadow: none !important;
    font-family: Intersate, Arial, Helvetica, sans-serif !important;
    position: relative;
    background-color: white;
    width: 33.3333%;
    min-width: 300px !important;
    max-width: 380px !important;
    z-index: 1;
    border-radius: 0; }

#dealer-locator #map {
  width: 797px;
  height: 535px !important; }

/*Mobile*/
@media (max-width: 767px) {
  .section-homepage-dealer-locator #map {
    width: 95vw;
    height: 350px !important; }
  #dealer-locator #map {
    width: 95vw;
    height: 350px !important; }
  .grid-map-container {
    display: table; }
  .grid-map-listings {
    display: table-footer-group; }
  .grid-map {
    display: table-header-group; }
  .section-homepage-dealer-locator h3.search-stores {
    font-size: 18px;
    background-image: none;
    content: 'STORES'; } }

.section-art-ventures {
  /*  max-width: 1180px;*/
  padding: 50px 0 65px !important;
  margin: 0 auto; }
  .section-art-ventures .owl-prev {
    left: -50px; }
  .section-art-ventures .owl-next {
    right: -50px; }

ul#owl-art-ventures {
  list-style: none;
  margin: 0;
  padding: 0; }

ul#owl-art-ventures li {
  position: relative;
  float: left;
  width: 250px;
  height: 250px;
  overflow: hidden;
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  ul#owl-art-ventures li a {
    display: block;
    height: 238px;
    width: 238px;
    border: 6px solid transparent; }
  ul#owl-art-ventures li a:hover {
    border: 6px solid #000; }
  ul#owl-art-ventures li .play-video {
    position: absolute;
    z-index: 1;
    color: #fff !important;
    opacity: 0.8;
    top: 95px;
    left: 95px;
    transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    pointer-events: none; }
  ul#owl-art-ventures li .modal-video .video-title {
    font-family: Interstate, Arial, sans-serif;
    color: #fff;
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 218px;
    height: 234px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    opacity: 0;
    transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    pointer-events: none;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
  ul#owl-art-ventures li .modal-video:hover .video-title {
    opacity: 1; }
  ul#owl-art-ventures li .video-title p {
    max-width: 90%;
    margin: 0; }

@media (max-width: 768px) {
  body.home ul#owl-art-ventures li {
    width: 100%; }
    body.home ul#owl-art-ventures li a {
      width: 100%;
      height: 250px; }
      body.home ul#owl-art-ventures li a .play-video {
        left: calc(50% - 30px); }
  body.home .section-art-ventures {
    padding-bottom: 10px; } }

/*

Main theme file for Savoir Faire theme
Paul Lyons at Gilmour Craves - 9/2018
Design by Heather Dunmoyer

SCSS files compiled to the style.css file using the WordPress plugin WP-SCSS
https://github.com/ConnectThink/WP-SCSS

TABLE OF CONTENTS:
----------------------------------
Wholesale pricing plugin
Colors
Woocommerce overrides
To Top



// Wholesale pricing plugin //

*/
.wholesale_price_title, .wholesale_price_minimum_order_quantity, .wholesale_price_order_quantity_step, del.original-computed-price {
  display: none !important; }

body.single-product.logged-in .wholesale_price_minimum_order_quantity {
  display: block !important;
  font-size: 16px;
  padding-top: 10px; }

.woocommerce-product-gallery__image--placeholder.parent-img {
  max-width: 410px;
  width: 100%;
  margin: 0 20px 0 0;
  border: 1px solid #d8d8d8; }

div.woocommerce-product-gallery.woocommerce-product-gallery--without-images.woocommerce-product-gallery--columns-5.images > figure.woocommerce-product-gallery__wrapper {
  margin: 0; }

ul.products li.product .price ins {
  margin-left: 0 !important; }

.woocommerce-Price-amount.amount {
  display: none;
  color: #ED1B2F; }

#container-promotion-name {
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.025);
  margin-bottom: 20px; }
  #container-promotion-name h2 {
    font-size: 16px;
    font-weight: 600; }
  #container-promotion-name strong {
    color: #ED1B2F; }

.container-archive-header.subcategories #container-promotion-name {
  display: none; }

.container-archive-header.subcategories .container-additional-info {
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.3);
  max-width: 280px;
  margin-bottom: 30px; }
  .container-archive-header.subcategories .container-additional-info strong {
    color: #fff; }

.woocommerce-info .woocommerce-Price-amount.amount {
  color: inherit; }

.wc-proceed-to-checkout {
  display: none; }

.wc-proceed-to-checkout.active {
  display: block; }

/*.mapboxgl-ctrl .suggestions {
  display: none !important;
}*/
/* Discount row */
@media (min-width: 1025px) {
  body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(7) {
    padding-bottom: 8px; } }

/* Colors */
.red {
  color: #ED1B2F !important; }

.black {
  color: #000 !important; }

.white {
  color: #fff !important; }

.bg-gray {
  background-color: #fcfcfc; }

.add-to-cart-loading {
  display: none;
  margin: 10px 0; }

a, a:visited, a:active {
  color: #ED1B2F;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear; }

/* Woocommerce overrides */
.woocommerce-error ~ .cart-collaterals .wc-proceed-to-checkout,
.hide-checkout .button.checkout {
  display: none; }

.woocommerce-error ~ .cart-collaterals .wc-proceed-to-checkout {
  display: none; }

.hentry .entry-content a:not(.button) {
  text-decoration: none; }

a.remove::before {
  content: "\f00d";
  color: #000; }

.wc-forward::after, .woocommerce-Button--next::after {
  content: " ";
  margin-left: 0.5407911001em; }

.wc_payment_methods {
  display: none; }

#order_review .shop_table {
  margin-bottom: 0; }

.return-to-shop {
  display: none; }

.woocommerce-breadcrumb a {
  text-decoration: none !important; }

mark, ins {
  background: transparent !important;
  text-decoration: none; }

/* end woo overrides*/
#container-prop-65 {
  display: none;
  padding: 15px 15px 15px 0;
  background-color: rgba(0, 0, 0, 0.025);
  margin-bottom: 20px; }
  #container-prop-65 p {
    font-size: 14px;
    margin-bottom: 5px; }
  #container-prop-65 h2 {
    font-size: 16px;
    font-weight: 600; }
  #container-prop-65 img.img-prop-65 {
    margin: 0 auto; }

h1.entry-title {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: Interstate,helvetica,arial,sans-serif;
  font-size: 60px;
  margin: 60px 0 10px; }

a.empty-cart, a.empty-cart:hover, a.empty-cart:active {
  float: left;
  padding: 10px 30px;
  background-color: #f8f8f8;
  color: #000 !important;
  font-size: 12px;
  text-transform: uppercase; }

.registration.successful {
  font-size: 24px; }

.container-archive-header h1 {
  color: #FFFFFF;
  font-family: Interstate,helvetica,arial,sans-serif;
  font-size: 60px;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase; }

.sf-categories {
  list-style: none; }
  .sf-categories a {
    text-transform: uppercase;
    font-family: Interstate, sans-serif;
    font-size: 20px;
    height: 50px;
    font-weight: 600;
    line-height: 1.15;
    text-decoration: none !important; }

img.category-image {
  margin: 15px 0;
  width: 240px;
  height: 240px;
  max-width: 240px;
  border: 1px solid #ccc;
  background-color: #eee; }

.xa_offer_content {
  padding: 8px 0 !important; }

ul.square {
  list-style: square; }

/* To Top */
.scroll-to-top {
  background-color: #ED1B2F;
  border: 1px solid #ED1B2F;
  bottom: 50%;
  right: 0;
  height: 66px;
  position: fixed;
  width: 66px;
  color: #fff !important;
  padding: 0 10px;
  text-align: left;
  display: none;
  cursor: pointer;
  z-index: 1; }

.scroll-to-top div {
  line-height: 1.35;
  font-size: 13px;
  font-family: interstate, sans-serif;
  margin-top: -2px; }

.container-scroll-on-down {
  bottom: 20px;
  height: 50px;
  position: absolute;
  z-index: 4;
  width: 91%;
  display: none; }

.scroll-on-down {
  margin: 0 auto;
  width: 50px;
  color: #fff;
  opacity: 0.8;
  padding: 8px 0;
  text-align: center;
  cursor: pointer; }

.to-top {
  float: left;
  margin-bottom: 8px;
  margin-right: 2px;
  font-family: interstate, sans-serif;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  cursor: pointer; }

.to-top:after {
  content: ' | ';
  margin: 0 8px; }

a[title="sf-account"] {
  color: #fff !important;
  background-color: #000; }

@media (min-width: 1025px) {
  .secondary-navigation .menu a {
    padding: 8px 10px;
    color: #737781;
    font-weight: 400; } }

/* Checkout */
#payment .place-order {
  padding: 0; }
  #payment .place-order .button {
    font-size: 20px;
    width: 330px;
    white-space: pre-wrap;
    margin: 0 20px 20px 20px; }
  #payment .place-order .woocommerce-privacy-policy-text {
    padding: 20px; }

.stock.in-stock::before {
  display: none; }

.site-main {
  margin-bottom: 0; }

img {
  border-radius: 0 !important; }

.site-branding img {
  border-radius: 0 !important; }

.woocommerce-breadcrumb {
  font-size: 12px; }

.sf-downloads, .sf-list {
  margin-bottom: 20px;
  list-style-type: none;
  margin-left: 0;
  font-size: 14px; }
  .sf-downloads li, .sf-list li {
    padding: 0;
    margin: 0; }
    .sf-downloads li a, .sf-list li a {
      color: #3E3E3E; }
  .sf-downloads li:before, .sf-list li:before {
    background-image: url(https://www.savoirfaire.com//wp-content/themes/savoirfaire/images/arrow-red.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    content: '';
    width: 15px;
    height: 12px;
    display: inline-block;
    float: left;
    margin-top: 4px; }

.add-multi-qty {
  width: 45px;
  font-size: 12px; }

.woocommerce-cart .woocommerce .woocommerce-message {
  display: none !important; }

.container-subcategories {
  margin: 30px 0; }

.storefront-sorting {
  font-size: 14px;
  margin: 20px 0;
  width: 50%;
  float: left; }

.storefront-sorting.multi {
  width: 100%; }

.storefront-sorting.subcategories,
#page > div.container-archive > div.container-add-multiple.subcategories {
  display: none; }

@media (min-width: 1025px) {
  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 20%;
    float: left;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
  .storefront-primary-navigation {
    clear: none;
    float: left;
    width: 80%;
    margin-top: 9px;
    font-weight: 600; }
  .woocommerce-active .site-header .site-header-cart {
    width: 15%;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0 5px;
    font-size: 12px; }
  .storefront-primary-navigation .col-full {
    padding: 0; } }

@media (min-width: 1025px) {
  .woocommerce-message {
    padding: 1em 1.618em;
    /*    margin-bottom: 0;*/
    background-color: #0f834d;
    margin-left: 0;
    border-radius: 0; }
  .site-header {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 999; }
    .site-header .site-branding img {
      height: auto;
      max-width: 80px;
      max-height: none; }
  .woocommerce-active .site-header .main-navigation {
    width: 80%;
    float: left;
    margin-right: 0;
    clear: none;
    margin-top: 28px;
    margin-left: 40px; }
  .main-navigation ul.menu, .main-navigation ul.nav-menu {
    margin-left: 0; }
  .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: 5px 10px; }
  .woocommerce-active .site-header .site-search {
    display: none;
    width: 100%;
    float: none;
    clear: none;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    box-sizing: content-box; }
  .site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
    left: -25px;
    display: block;
    width: 250px; }
  .site-header-cart .cart-contents {
    padding: 0;
    margin-top: 32px;
    padding-bottom: 15px; }
  .woocommerce-active .site-header .site-search .widget_product_search form button[type=submit] {
    clip: initial;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 13px 30px;
    margin-left: 5px;
    position: absolute;
    width: auto;
    word-wrap: normal !important;
    left: auto;
    right: 0;
    top: 0;
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 13px; } }

/* Footer */
.site-footer {
  background-color: #000;
  color: #fff;
  padding-top: 60px;
  padding-bottom: 0; }
  .site-footer .site-info {
    padding: 0; }
  .site-footer a {
    color: #ccc;
    text-decoration: none; }
  .site-footer a:not(.button) {
    color: #ccc;
    text-decoration: none; }
  .site-footer ul#footer-menu {
    list-style: none;
    width: 800px;
    margin: 0;
    padding: 0;
    font-family: Intersate, Arial, Helvetica, sans-serif;
    letter-spacing: 0.5px;
    float: left; }
    .site-footer ul#footer-menu li {
      float: left;
      width: 33%; }
      .site-footer ul#footer-menu li a {
        color: #aaa;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 800;
        text-decoration: none; }
      .site-footer ul#footer-menu li a:hover {
        -webkit-transition: color ease-in-out 250ms;
        -moz-transition: color ease-in-out 250ms;
        -o-transition: color ease-in-out 250ms;
        transition: color ease-in-out 250ms;
        color: #fff; }
      .site-footer ul#footer-menu li .sub-menu {
        margin: 20px 0;
        padding: 0;
        font-size: 13px; }
        .site-footer ul#footer-menu li .sub-menu li {
          float: none;
          margin: 0;
          padding: 0 40px 2px 0;
          width: auto; }
          .site-footer ul#footer-menu li .sub-menu li a {
            color: #bbb;
            text-transform: none;
            font-size: 13px;
            font-weight: 100; }
          .site-footer ul#footer-menu li .sub-menu li a:hover {
            -webkit-transition: color ease-in-out 250ms;
            -moz-transition: color ease-in-out 250ms;
            -o-transition: color ease-in-out 250ms;
            transition: color ease-in-out 250ms;
            color: #fff; }
  .site-footer #container-footer-social {
    float: left;
    max-width: 200px;
    color: #8B8B8B; }
    .site-footer #container-footer-social ul {
      list-style: none;
      text-align: center;
      margin: 0; }
      .site-footer #container-footer-social ul li {
        margin: 0 20px 0 0;
        display: inline-block; }
  .site-footer #container-copyright {
    color: #999;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 18px;
    clear: both;
    padding: 40px 0 20px;
    float: none;
    text-align: center; }

body.post-type-archive .woocommerce-product-details__short-description, body.archive .woocommerce-product-details__short-description {
  display: none; }

/* Product Archive  */
body.post-type-archive .site-content, .container-archive.product .site-content, .container-archive.product-columns .site-content, body.archive .site-content {
  outline: 0;
  margin: 0 auto; }

body.post-type-archive .container-category-overview, .container-archive.product .container-category-overview, .container-archive.product-columns .container-category-overview, body.archive .container-category-overview {
  margin-left: 10px; }

body.post-type-archive .content-area, .container-archive.product .content-area, .container-archive.product-columns .content-area, body.archive .content-area {
  width: 100%;
  float: left;
  margin-right: 0; }

body.post-type-archive .price-reg-strike:after, .container-archive.product .price-reg-strike:after, .container-archive.product-columns .price-reg-strike:after, body.archive .price-reg-strike:after {
  content: ' ';
  clear: both;
  display: block; }

body.post-type-archive .cart-rule-discount:after, body.post-type-archive .cart-rule-name:after, .container-archive.product .cart-rule-discount:after, .container-archive.product .cart-rule-name:after, .container-archive.product-columns .cart-rule-discount:after, .container-archive.product-columns .cart-rule-name:after, body.archive .cart-rule-discount:after, body.archive .cart-rule-name:after {
  /*    content: ': ';*/
  clear: both; }

body.post-type-archive .sku-data.price-discount, .container-archive.product .sku-data.price-discount, .container-archive.product-columns .sku-data.price-discount, body.archive .sku-data.price-discount {
  line-height: 1.5; }

body.post-type-archive .xa_offer_table, .container-archive.product .xa_offer_table, .container-archive.product-columns .xa_offer_table, body.archive .xa_offer_table {
  display: none; }

body.single-product .original-computed-price {
  display: block !important; }
  body.single-product .original-computed-price .woocommerce-Price-amount.amount {
    color: #555 !important; }

body.single-product div.product p.price {
  margin: 20px 0; }

body.single-product .site-content {
  outline: 0;
  margin: 0 auto; }

body.single-product .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
  width: 41.6667% !important; }

body.single-product .storefront-full-width-content.single-product div.product .summary {
  width: 58.3333% !important; }

body.single-product .content-area {
  width: 100%;
  float: left;
  margin-right: 0; }
  body.single-product .content-area .woocommerce-product-gallery__image {
    max-width: 420px;
    width: 100%;
    /*min-width: 420px;*/
    margin: 0 20px 0 0;
    border: 1px solid #d8d8d8; }

body.single-product .price.price-logged-in .price-reg-strike {
  display: none; }

body.single-product .price.price-logged-in .sale-price {
  font-size: 24px; }

body.single-product .price-reg-strike:after {
  content: ' ';
  clear: both;
  display: block; }

body.single-product .cart-rule-discount:after, body.single-product .cart-rule-name:after {
  content: ': ';
  clear: both; }

body.single-product .sku-data.price-discount {
  line-height: 1.5; }

body.single-product .xa_offer_table {
  display: none; }

@media (min-width: 1025px) {
  /*PRODUCT PAGE*/
  body.post-type-archive .site-content, .container-archive.product .site-content, .container-archive.product-columns .site-content, body.archive .site-content, body.single-product .site-content {
    width: 1060px; } }

@media (max-width: 1024px) {
  body.archive .container-category-overview {
    margin-left: 0; } }

.xa_sp_table_head1 {
  text-align: left !important;
  font-size: 16px;
  font-weight: bold !important; }

.xa_offer_header {
  text-align: left !important; }
  .xa_offer_header h4 {
    font-size: 16px;
    font-weight: bold !important; }

.xa_offer_table_list {
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0; }
  .xa_offer_table_list li {
    display: flex;
    font-size: 14px;
    font-weight: bold; }

.single_add_to_cart_button {
  background-color: #fff !important;
  border: 1px solid #000;
  color: #000 !important;
  text-transform: uppercase;
  font-size: 14px !important;
  font-weight: 600 !important; }

@media (min-width: 1025px) {
  body.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 10px; }
  body.single-product .sku-data {
    padding: 0;
    /*      display: flex;*/
    font-size: 14px;
    font-weight: bold; }
    body.single-product .sku-data .offer-name {
      margin: 10px 0; }
    body.single-product .sku-data .offer-additional {
      display: block;
      clear: both; }
  body.single-product .sku-data.price-msrp:before {
    content: 'MSRP: ';
    padding-right: 5px; }
  body.single-product .sku-data.price-discount:before {
    content: 'Discount ';
    padding-right: 1px; }
  body.single-product .sku-data.price-sale:before {
    content: 'Sale Price: ';
    padding-right: 5px; }
  body.single-product .sku-data.price-min-qty:before {
    content: 'Min QTY: ';
    padding-right: 5px; }
  body.single-product .sku_wrapper {
    font-size: 14px;
    font-weight: bold; }
  body.single-product .meta-data ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    body.single-product .meta-data ul li {
      display: flex;
      font-size: 14px;
      font-weight: bold; }
      body.single-product .meta-data ul li .attr-title, body.single-product .meta-data ul li .attr-text {
        float: left;
        padding-right: 5px; }
        body.single-product .meta-data ul li .attr-title p, body.single-product .meta-data ul li .attr-text p {
          padding: 0;
          margin: 0; }
  body.single-product #main .col-full {
    margin-top: 40px;
    padding: 0; }
  body.single-product h1 {
    text-transform: none;
    font-size: 30px;
    font-weight: 100;
    line-height: 1.35;
    margin-top: -5px; }
  body.single-product div.product .product_meta {
    font-size: 16px;
    font-weight: bold;
    padding-top: 0;
    border-top: none; }
  body.single-product div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-5.images
figure {
    margin: 0; }
  body.single-product div.product .woocommerce-product-gallery {
    width: 41.6667% !important;
    float: left  !important;
    margin-right: 0 !important;
    margin-bottom: 50px  !important; }
  body.single-product div.product .summary {
    width: 55.9411764706% !important;
    float: left !important; }
  body.single-product div.product .woocommerce-product-gallery__image.flex-active-slide {
    border: 1px solid #D8D8D8;
    height: 400px;
    max-width: 400px; }
  body.single-product div.product .woocommerce-product-gallery img {
    margin: 0 auto; }
  body.single-product .flex-viewport {
    height: auto !important; }
  body.single-product .flex-control-nav.flex-control-thumbs img {
    width: 85px;
    height: 85px;
    border: 1px solid #d8d8d8; }
  body.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 85px;
    float: left;
    margin-right: 20px; }
  body.single-product .related > h2:first-child, body.single-product .upsells > h2:first-child {
    margin-bottom: 30px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase !important; }
  body.single-product.logged-in div.product {
    /* Add to cart stuff */ }
    body.single-product.logged-in div.product p.price {
      display: block; }
    body.single-product.logged-in div.product p.price.price-logged-in {
      font-size: 26px;
      margin: 20px 0 5px;
      display: block;
      font-weight: 100;
      line-height: 1; }
      body.single-product.logged-in div.product p.price.price-logged-in s.offer-additional {
        font-size: 16px;
        font-weight: 600; }
    body.single-product.logged-in div.product .stock.in-stock {
      display: none; }
    body.single-product.logged-in div.product .sf-add-to-cart, body.single-product.logged-in div.product a.sf-add-to-cart:hover, body.single-product.logged-in div.product a.sf-add-to-cart:active {
      font-size: 14px;
      text-align: center;
      letter-spacing: 0.22px;
      padding: 4px 30px 3px;
      font-weight: 600;
      color: #000 !important;
      background-color: #fff;
      border: 2px solid #565656;
      content: ' ';
      clear: left;
      display: block;
      margin: 20px 0;
      width: 150px; }
    body.single-product.logged-in div.product .sf-add-to-cart:before {
      content: 'ADD TO CART'; }
    body.single-product.logged-in div.product .sf-qty {
      font-size: 13px; }
  .container-add-multiple {
    display: none;
    font-size: 14px;
    margin: 20px 0;
    width: 50%;
    float: right;
    text-align: right;
    /*    display: none;*/
    position: relative; }
    .container-add-multiple .button {
      margin-bottom: 0;
      margin-left: 10px;
      margin-right: 10px;
      padding: 4px 10px 4px;
      background-color: #ED1B2F;
      color: #fff;
      font-size: 14px;
      float: right; }
    .container-add-multiple .button.hold-your-horses {
      opacity: 0.1; }
    .container-add-multiple .check-all, .container-add-multiple .view-cart {
      line-height: 29px;
      padding-right: 10px; }
    .container-add-multiple .view-cart {
      display: none; }
    .container-add-multiple .view-cart.active {
      display: inline-block; }
    .container-add-multiple .img-loading {
      position: absolute;
      right: 10px;
      top: 0;
      display: none;
      padding: 5px 55px;
      border: 1px solid #ccc; }
    .container-add-multiple .img-loading.active {
      display: block; }
  .container-product-data .sku-data .onsale, .container-product-data .onsale {
    display: none; }
  .container-product-data .sku-data.price_logged-in p.offer-name {
    margin-bottom: 5px; }
  .storefront-sorting select {
    width: auto;
    font-size: 12px; }
  .woocommerce-result-count {
    float: left;
    position: relative;
    margin-bottom: 0;
    padding: 8px 0 0;
    font-size: 12px; }
  ul.products li.product p.price {
    margin-bottom: 5px;
    color: #43454b; }
  .container-product-data-header {
    display: none; }
  ul.products li.product {
    margin-bottom: 0; }
  body.archive .container-archive .container-products.product-table,
  body.archive .container-archive .container-products {
    /*NOT logged in*/ }
    body.archive .container-archive .container-products.product-table ul.products,
    body.archive .container-archive .container-products ul.products {
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      margin: 0 0 1em;
      width: 100%; }
    body.archive .container-archive .container-products.product-table ul.products li.product,
    body.archive .container-archive .container-products.product-table ul.products.columns-4 li.product,
    body.archive .container-archive .container-products ul.products li.product,
    body.archive .container-archive .container-products ul.products.columns-4 li.product {
      width: 100%;
      float: none;
      margin: 0; }
    body.archive .container-archive .container-products.product-table ul.products li.product .woocommerce-loop-product__title, body.archive .container-archive .container-products.product-table ul.products li.product h2, body.archive .container-archive .container-products.product-table ul.products li.product h3,
    body.archive .container-archive .container-products ul.products li.product .woocommerce-loop-product__title,
    body.archive .container-archive .container-products ul.products li.product h2,
    body.archive .container-archive .container-products ul.products li.product h3 {
      font-size: 12px;
      font-weight: 100;
      margin-bottom: 10px;
      line-height: 1.45; }
    body.archive .container-archive .container-products.product-table ul.products li:nth-child(even),
    body.archive .container-archive .container-products ul.products li:nth-child(even) {
      background-color: #eee; }
    body.archive .container-archive .container-products.product-table ul.products li.product .button,
    body.archive .container-archive .container-products ul.products li.product .button {
      margin-bottom: 0;
      margin-left: 6px;
      padding: 2px 10px 3px;
      background-color: #ED1B2F;
      color: #fff;
      font-size: 14px;
      float: right; }
    body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data,
    body.archive .container-archive .container-products ul.products li.product .container-product-data {
      display: flex;
      flex-wrap: wrap; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data,
      body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data {
        display: block;
        font-size: 12px;
        width: 15%;
        float: left;
        margin: 0;
        text-align: left;
        padding: 10px 10px 0 10px;
        box-sizing: border-box;
        flex-grow: 1;
        overflow: hidden; }
        body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data p,
        body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data p {
          margin-bottom: 0; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data.sku-data-image img,
      body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data.sku-data-image img {
        cursor: pointer;
        margin-bottom: 10px; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(1),
      body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data:nth-child(1) {
        width: 6%; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(2),
      body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data:nth-child(2) {
        width: 6%; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(3),
      body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data:nth-child(3) {
        width: 11%; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(4),
      body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data:nth-child(4) {
        width: 38%; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(5),
      body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data:nth-child(5) {
        width: 15%; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(6),
      body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data:nth-child(6) {
        width: 15%; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(7),
      body.archive .container-archive .container-products ul.products li.product .container-product-data div.sku-data:nth-child(7) {
        display: none; }
    body.archive .container-archive .container-products.product-table .container-product-data-header,
    body.archive .container-archive .container-products .container-product-data-header {
      width: 100%;
      float: none;
      margin: 0;
      display: flex;
      flex-wrap: wrap; }
      body.archive .container-archive .container-products.product-table .container-product-data-header div,
      body.archive .container-archive .container-products .container-product-data-header div {
        font-size: 12px;
        width: 15%;
        height: 28px;
        float: left;
        color: #fff;
        margin: 0;
        text-align: left;
        background-color: #000;
        padding: 5px 10px;
        box-sizing: border-box;
        flex-grow: 1;
        overflow: hidden; }
      body.archive .container-archive .container-products.product-table .container-product-data-header div.product-image,
      body.archive .container-archive .container-products .container-product-data-header div.product-image {
        width: 6%; }
      body.archive .container-archive .container-products.product-table .container-product-data-header div.product-color,
      body.archive .container-archive .container-products .container-product-data-header div.product-color {
        width: 6%;
        display: none; }
      body.archive .container-archive .container-products.product-table .container-product-data-header div.product-sku,
      body.archive .container-archive .container-products .container-product-data-header div.product-sku {
        width: 11%; }
      body.archive .container-archive .container-products.product-table .container-product-data-header div.product-name,
      body.archive .container-archive .container-products .container-product-data-header div.product-name {
        width: 38%; }
      body.archive .container-archive .container-products.product-table .container-product-data-header div.product-upc,
      body.archive .container-archive .container-products .container-product-data-header div.product-upc {
        width: 15%; }
      body.archive .container-archive .container-products.product-table .container-product-data-header div.product-msrp,
      body.archive .container-archive .container-products .container-product-data-header div.product-msrp {
        width: 15%; }
  body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data {
    display: flex;
    flex-wrap: wrap; }
    body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data.color {
      display: none; }
    body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data {
      display: block;
      font-size: 12px;
      width: 9%;
      float: left;
      margin: 0;
      text-align: left;
      padding: 10px 10px 0 10px;
      box-sizing: border-box;
      flex-grow: 1;
      overflow: hidden; }
      body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data div.sku-data p {
        margin-bottom: 0; }
    body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data img {
      display: block;
      margin: 0 auto 0;
      max-width: 50px;
      width: 50px;
      height: 50px;
      border: 1px solid #eee; }
    body.archive .container-archive .container-products.product-table ul.products li.product .container-product-data img.woocommerce-placeholder.wp-post-image {
      display: none; }
  /*logged in*/
  body.archive .container-archive.logged-in .container-add-multiple {
    display: block; }
  body.archive .container-archive.logged-in .container-products.product-table,
  body.archive .container-archive.logged-in .container-products {
    width: 100%;
    float: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap; }
    body.archive .container-archive.logged-in .container-products.product-table .container-add-multiple.subcategories,
    body.archive .container-archive.logged-in .container-products .container-add-multiple.subcategories {
      display: none; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div {
      font-size: 12px;
      width: 8.125%;
      height: 28px;
      float: left;
      color: #fff;
      margin: 0;
      text-align: left;
      background-color: #000;
      padding: 5px 10px;
      box-sizing: border-box;
      flex-grow: 1;
      overflow: hidden; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-image,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-image {
      width: 6%; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-color,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-color {
      width: 6%;
      display: none; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-sku,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-sku {
      width: 11%; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-name,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-name {
      width: 26%; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-upc,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-upc {
      width: 13%; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-msrp,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-msrp {
      width: 8%; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-discount,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-discount {
      width: 12%; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-your-price,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-your-price {
      width: 8%; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-min,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-min {
      width: 4%; }
    body.archive .container-archive.logged-in .container-products.product-table .container-product-data-header div.product-cart,
    body.archive .container-archive.logged-in .container-products .container-product-data-header div.product-cart {
      width: 12%; }
  body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data {
    display: flex;
    flex-wrap: wrap; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data {
      display: block;
      font-size: 12px;
      width: 8%;
      float: left;
      margin: 0;
      text-align: left;
      padding: 10px 10px 0 10px;
      box-sizing: border-box;
      flex-grow: 1;
      overflow: hidden; }
      body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data p {
        margin-bottom: 0; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data.sku-data-image {
      cursor: pointer; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(1) {
      width: 6%; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(2) {
      display: none;
      width: 6%; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(3) {
      width: 11%; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(4) {
      width: 26%; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(5) {
      width: 13%; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(6) {
      width: 8%; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(7) {
      width: 12%; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(8) {
      width: 8%; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(9) {
      width: 4%; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data div.sku-data:nth-child(10) {
      width: 12%;
      text-align: right;
      padding-top: 6px; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data .sku-data.price-discount span.price-reg-strike, body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data .sku-data.price-discount span.sale-price {
      display: none; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data .cart-rule-discount:after {
      content: ' ';
      display: block;
      clear: both; }
    body.archive .container-archive.logged-in .container-products.product-table ul.products li.product .container-product-data .sku-data.price_logged-in span.price-reg-strike:after {
      content: ' ';
      display: block;
      clear: both; } }

section.related.products {
  padding-top: 50px;
  clear: both;
  border-top: 1px solid #e1e1e1; }
  section.related.products h2 {
    text-transform: capitalize; }
  section.related.products h2.woocommerce-loop-product__title {
    font-size: 18px;
    margin-bottom: 10px;
    height: 70px; }
  section.related.products .sf-qty {
    display: none; }
  section.related.products .add-multi-qty {
    display: none !important; }
  section.related.products .sf-add-to-cart, section.related.products .sf-add-to-cart:visited {
    display: none !important;
    margin-top: 10px; }
  section.related.products .sku-data {
    padding: 0;
    color: #333;
    display: none; }

#main > div.container-archive.product-columns.logged-in > div.container-add-multiple.products,
#main > div.container-archive.product-columns > div.container-add-multiple.products {
  display: none; }

body.archive .container-archive .container-products.product-columns .add-multi-qty, body.archive .container-archive .container-products.product-columns .sf-qty, body.archive .container-archive .container-products.product-columns .sf-add-to-cart, body.archive .container-archive .container-products.product-columns .sf-add-to-cart:visited {
  display: none; }

body.archive .container-archive .container-products.product-columns .sf-add-to-cart:before {
  content: ''; }

body.archive .container-archive .container-products.product-columns ul.products li:nth-child(even) {
  background-color: #fff; }

body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product {
  width: 21.7391304348%;
  float: left;
  margin-right: 4.347826087%;
  margin-bottom: 40px;
  text-align: left; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product h2.woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product img {
    display: block;
    margin: 0 auto 1.618em;
    border: 1px solid #ccc; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .sku-data {
    padding: 0;
    color: #333; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .sku-data.price-msrp:before {
    content: 'MSRP: '; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .sku-data.price-discount:before {
    content: 'Reg '; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .cart-rule-discount:after, body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .cart-rule-name:after {
    content: ': '; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .sku-data.price-sale:before {
    content: 'Sale Price: '; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .sku-data.price-min-qty:before {
    content: 'Min QTY: '; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .sku-data.price_logged-in p.price.price-logged-in:before {
    content: '  ';
    color: #43454b; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .sku-data.price_logged-in p.offer-name {
    margin: 0; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .price.price-logged-in {
    /* display:none;*/ }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .price-reg-strike:after {
    content: ' ';
    clear: both;
    display: block; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .cart-rule-discount:after, body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .cart-rule-name:after {
    /*      content: ': ';*/
    clear: both; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product .sku-data.price-discount {
    line-height: 2.15; }

body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product:hover img {
  outline: 5px solid #000;
  outline-offset: -5px;
  border: 1px solid #000; }

.related.products ul.products.columns-4 li.product img {
  border: 1px solid #ccc;
  max-width: 228px; }

.related.products ul.products.columns-4 li.product:hover img {
  outline: 5px solid #000;
  outline-offset: -5px;
  border: 1px solid #000; }

body.archive .container-archive.logged-in .container-products.product-columns ul.products.columns-4 li.product .price.price-logged-in {
  display: block; }

body.archive .container-archive.logged-in .container-products.product-columns ul.products.columns-4 li.product div.sku-data.price_logged-in .price {
  margin-bottom: 0; }

#content > div.container-archive > div.container-add-multiple.subcategories {
  display: none; }

body.archive .site-main .container-subcategories {
  background-color: #fff;
  padding: 10px;
  max-width: 1060px;
  margin: 0 auto; }
  body.archive .site-main .container-subcategories ul.products {
    border: none;
    margin: 0; }
    body.archive .site-main .container-subcategories ul.products li.product-category {
      position: relative;
      width: 25%;
      float: left;
      height: 280px;
      overflow: hidden;
      margin: 0 0 40px;
      background-color: #fff; }

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
  padding-top: 0; }

body.archive .site-content {
  outline: 0;
  width: 100%;
  margin: 0 auto; }

.container-archive-header {
  background-color: #222;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .container-archive-header h1 {
    margin: 0;
    padding: 60px 0 20px;
    color: #fff;
    font-family: Interstate,helvetica,arial,sans-serif;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase; }
  .container-archive-header .term-description p {
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 25px;
    line-height: 30px; }
  .container-archive-header .term-description table tbody td {
    padding: 0;
    background-color: transparent;
    color: #fff; }
    .container-archive-header .term-description table tbody td ul li {
      color: #fff; }
  .container-archive-header .term-description li {
    color: #fff; }
  .container-archive-header .sf-list {
    color: #fff; }

@media (min-width: 1025px) {
  .storefront-full-width-content .woocommerce-products-header,
  .woocommerce-products-header,
  .storefront-full-width-content.woocommerce-account .entry-header,
  .storefront-full-width-content.woocommerce-cart .entry-header,
  .storefront-full-width-content.woocommerce-checkout .entry-header {
    text-align: left;
    padding: 0 0 5.9968353111em; }
    .storefront-full-width-content .woocommerce-products-header ul li, .storefront-full-width-content .woocommerce-products-header p,
    .woocommerce-products-header ul li,
    .woocommerce-products-header p,
    .storefront-full-width-content.woocommerce-account .entry-header ul li,
    .storefront-full-width-content.woocommerce-account .entry-header p,
    .storefront-full-width-content.woocommerce-cart .entry-header ul li,
    .storefront-full-width-content.woocommerce-cart .entry-header p,
    .storefront-full-width-content.woocommerce-checkout .entry-header ul li,
    .storefront-full-width-content.woocommerce-checkout .entry-header p {
      /*      color: #fff;*/ }
  .storefront-breadcrumb {
    padding: 8px 0;
    margin: 0;
    background-color: rgba(212, 212, 212, 0.25); }
    .storefront-breadcrumb a {
      color: #727272;
      text-decoration: none; }
  .storefront-full-width-content .woocommerce-products-header,
  .woocommerce-products-header,
  .storefront-full-width-content.woocommerce-account .entry-header,
  .storefront-full-width-content.woocommerce-cart .entry-header,
  .storefront-full-width-content.woocommerce-checkout .entry-header {
    text-align: left;
    padding: 0 0 20px 0;
    max-width: 1060px;
    margin: 0 auto; }
  .woocommerce-products-header,
  .storefront-full-width-content.woocommerce-checkout .entry-header {
    min-height: 50px; }
  .storefront-full-width-content .woocommerce-products-header {
    min-height: 260px; }
  body.archive .container-archive.product-table ul.products.columns-4 li.product.product-category {
    clear: none;
    width: 25%;
    float: left;
    font-size: .875em; } }

.container-archive-header.products {
  background-color: #fff;
  color: #000;
  background-image: none !important;
  padding: 40px 0 0; }
  .container-archive-header.products .sf-cat-product-image {
    max-width: 420px;
    width: 100%;
    margin: 0 20px 0 0;
    border: 1px solid #d8d8d8; }
  .container-archive-header.products .sf-list li {
    color: #000;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    margin: 6px 0; }
    .container-archive-header.products .sf-list li a {
      color: #ED1B2F; }
  .container-archive-header.products ul.sf-gallery {
    list-style: none;
    margin: 10px 0; }
    .container-archive-header.products ul.sf-gallery li {
      float: left;
      width: 60px;
      height: 60px;
      margin-right: 10px;
      background-repeat: no-repeat;
      background-size: cover;
      border: 1px solid #000;
      cursor: pointer; }
  .container-archive-header.products h1 {
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.34;
    font-weight: 300;
    color: #000;
    margin: 0;
    padding: 0;
    margin-top: -5px;
    text-transform: none;
    margin-bottom: 30px; }
  .container-archive-header.products .term-description p, .container-archive-header.products p {
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.625; }
  .container-archive-header.products .term-description strong, .container-archive-header.products .term-description b {
    font-weight: 600; }
  .container-archive-header.products ul li, .container-archive-header.products ol li {
    color: #000; }

.container-archive {
  max-width: 1060px;
  min-height: 352px;
  margin: 0 auto; }

body.archive .container-subcategories ul.products {
  border: none;
  margin: 0; }
  body.archive .container-subcategories ul.products li.product-category {
    position: relative;
    width: 25%;
    float: left;
    height: 330px;
    overflow: hidden;
    margin: 0;
    background-color: #fff; }
    body.archive .container-subcategories ul.products li.product-category h2 {
      font-family: Interstate, sans-serif;
      font-size: 20px;
      max-width: 240px;
      position: absolute;
      top: 0;
      text-transform: uppercase;
      height: 50px;
      font-weight: 600;
      line-height: 1.15;
      text-align: left;
      display: flex;
      align-items: flex-end; }
    body.archive .container-subcategories ul.products li.product-category img {
      top: 60px;
      margin-bottom: 0;
      position: absolute;
      width: 240px;
      height: 240px;
      max-width: 240px;
      border: 1px solid #ccc;
      background-color: #eee; }

body.archive .container-subcategories ul.products.three-lines li.product-category {
  height: 353px; }
  body.archive .container-subcategories ul.products.three-lines li.product-category h2 {
    height: 73px; }
  body.archive .container-subcategories ul.products.three-lines li.product-category img {
    top: 83px; }

body.archive .container-subcategories ul.products.four-lines li.product-category {
  height: 376px; }
  body.archive .container-subcategories ul.products.four-lines li.product-category h2 {
    height: 96px; }
  body.archive .container-subcategories ul.products.four-lines li.product-category img {
    top: 106px; }

body.archive .container-subcategories ul.products li:hover img {
  outline: 5px solid #000;
  outline-offset: -5px;
  border: 1px solid #000; }

#content mark.count {
  background: #fff;
  text-decoration: none;
  font-weight: 100;
  color: #999; }

.woocommerce-breadcrumb .breadcrumb-separator::after {
  font-family: Interstate, helvetica, arial, sans-serif !important;
  content: "\002F"; }

.woocommerce-breadcrumb a:first-of-type::before {
  display: none; }

@media (max-width: 1024px) {
  #container-prop-65 {
    padding: 15px; }
    #container-prop-65 img.img-prop-65 {
      margin: 20px auto; }
  body.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 10px; }
  body.single-product .sku-data {
    padding: 0;
    /*      display: flex;*/
    font-size: 14px;
    font-weight: bold; }
    body.single-product .sku-data .offer-name {
      margin: 10px 0; }
    body.single-product .sku-data .offer-additional {
      display: block;
      clear: both; }
  body.single-product .sku-data.price-msrp:before {
    content: 'MSRP: ';
    padding-right: 5px; }
  body.single-product .sku-data.price-discount:before {
    content: 'Discount ';
    padding-right: 1px; }
  body.single-product .sku-data.price-sale:before {
    content: 'Sale Price: ';
    padding-right: 5px; }
  body.single-product .sku-data.price-min-qty:before {
    content: 'Min QTY: ';
    padding-right: 5px; }
  body.single-product .sku_wrapper {
    font-size: 14px;
    font-weight: bold; }
  body.single-product .meta-data ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    body.single-product .meta-data ul li {
      display: flex;
      font-size: 14px;
      font-weight: bold; }
      body.single-product .meta-data ul li .attr-title, body.single-product .meta-data ul li .attr-text {
        float: left;
        padding-right: 5px; }
        body.single-product .meta-data ul li .attr-title p, body.single-product .meta-data ul li .attr-text p {
          padding: 0;
          margin: 0; }
  body.single-product #main .col-full {
    margin-top: 40px;
    padding: 0; }
  body.single-product h1 {
    text-transform: none;
    font-size: 30px;
    font-weight: 100;
    line-height: 1.35;
    margin-top: -5px; }
  body.single-product div.product .product_meta {
    font-size: 14px;
    font-weight: bold;
    padding-top: 0;
    border-top: none; }
  body.single-product div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-5.images
figure {
    margin: 0; }
  body.single-product div.product .woocommerce-product-gallery {
    width: 100% !important;
    float: left  !important;
    margin-right: 0 !important;
    margin-bottom: 30px  !important; }
  body.single-product div.product .summary {
    width: 100% !important;
    float: left !important; }
  body.single-product.logged-in div.product {
    /* Add to cart stuff */ }
    body.single-product.logged-in div.product p.price {
      display: block; }
    body.single-product.logged-in div.product p.price.price-logged-in {
      font-size: 26px;
      margin: 20px 0 5px;
      display: block;
      font-weight: 100;
      line-height: 1; }
      body.single-product.logged-in div.product p.price.price-logged-in s.offer-additional {
        font-size: 16px;
        font-weight: 600; }
    body.single-product.logged-in div.product .stock.in-stock {
      display: none; }
    body.single-product.logged-in div.product .sf-add-to-cart, body.single-product.logged-in div.product a.sf-add-to-cart:hover, body.single-product.logged-in div.product a.sf-add-to-cart:active {
      font-size: 14px;
      text-align: center;
      letter-spacing: 0.22px;
      padding: 4px 30px 3px;
      font-weight: 600;
      color: #000 !important;
      background-color: #fff;
      border: 2px solid #565656;
      content: ' ';
      clear: left;
      display: block;
      margin: 20px 0;
      width: 250px; }
    body.single-product.logged-in div.product .sf-add-to-cart:before {
      content: 'ADD TO CART'; }
    body.single-product.logged-in div.product .sf-qty {
      font-size: 13px; }
  .container-archive-header.products {
    padding: 0 20px; }
    .container-archive-header.products h1 {
      margin-top: 20px; }
  .container-archive {
    margin: 20px auto; }
    .container-archive .sku-data.upc p {
      display: inline; }
  .container-add-multiple {
    display: none; }
  .storefront-sorting {
    font-size: 14px;
    margin: 0 20px;
    width: 100%;
    float: left; }
  .container-product-data-header {
    display: none; }
  /* woocommerce archive*/
  body.archive .container-archive .container-products ul.products.columns-4 li.product {
    width: 100%;
    float: left;
    margin-right: 0;
    margin-bottom: 40px;
    text-align: left;
    padding: 20px 10px 0;
    font-size: 14px;
    border-top: 1px solid #ccc; }
    body.archive .container-archive .container-products ul.products.columns-4 li.product img {
      display: none; }
    body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data {
      /*
      .price.price-logged-in {
        display:none;
      }
      */ }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data input[type="number"] {
        padding: 5px 5px 4px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data {
        padding: 0 10px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data:nth-child(even) {
        background-color: rgba(0, 0, 0, 0.03); }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.005); }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data:nth-child(10) {
        padding: 10px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data.color {
        display: none; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data.color:before {
        content: 'Color #: ';
        padding-right: 5px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data.sku:before {
        content: 'SKU: ';
        padding-right: 5px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data:nth-child(4) h2 {
        display: inline;
        font-size: 16px;
        font-weight: 600; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data:nth-child(4):before {
        content: 'Name: ';
        padding-right: 5px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data:nth-child(5):before {
        content: 'UPC: ';
        padding-right: 5px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data.price-msrp:before {
        content: 'MSRP: ';
        padding-right: 5px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data.price-discount:before {
        content: 'Discount';
        padding-right: 5px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data.price-min-qty:before {
        content: 'Min. QTY: ';
        padding-right: 5px; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data {
        line-height: 2;
        font-size: 14px; }
        body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data .button {
          font-size: 16px;
          letter-spacing: 0.22px;
          padding: 1px 30px 2px;
          font-weight: 100;
          margin-left: 5px;
          line-height: 1.6; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .price-reg-strike:after {
        content: ' ';
        clear: both;
        display: block; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .cart-rule-discount:after, body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .cart-rule-name:after {
        content: ': ';
        clear: both; }
      body.archive .container-archive .container-products ul.products.columns-4 li.product .container-product-data .sku-data.price-discount {
        line-height: 2.15; }
  body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product {
    width: 100%;
    text-align: left;
    font-size: 14px; }
    body.archive .container-archive .container-products.product-columns ul.products.columns-4 li.product img {
      display: block;
      margin: 0 0 1.618em;
      border: 1px solid #ccc; }
  body.archive .container-archive.logged-in div.container-add-multiple.products {
    display: block;
    margin: 0 20px; }
    body.archive .container-archive.logged-in div.container-add-multiple.products .button {
      font-size: 16px;
      letter-spacing: 0.22px;
      padding: 1px 10px 2px;
      font-weight: 100;
      margin: 20px 0; }
    body.archive .container-archive.logged-in div.container-add-multiple.products .view-cart, body.archive .container-archive.logged-in div.container-add-multiple.products .img-loading {
      display: none;
      padding: 5px 84px;
      border: 1px solid #ccc; }
  h1,
  body.page-template-template-timeline h1,
  body.page-template-template-promotions h1,
  h1.entry-title,
  body.page-template-template-artists-voices h1, h1.entry-title {
    font-size: 36px;
    margin: 30px 0 20px; }
  /*  footer */
  .site-footer ul#footer-menu {
    margin: 0 10px;
    width: auto; }
    .site-footer ul#footer-menu li .sub-menu li {
      padding: 7px 40px 7px 0;
      width: auto;
      font-size: 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.25); }
      .site-footer ul#footer-menu li .sub-menu li a {
        color: #eee; }
    .site-footer ul#footer-menu li .sub-menu li:last-child {
      border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .site-footer ul#footer-menu > li {
    margin-bottom: 20px; }
  .storefront-handheld-footer-bar {
    border-top: none;
    box-shadow: none; }
  .storefront-breadcrumb {
    margin: 0;
    padding: 1em 0; }
  .site-header {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background-color: #000; }
  .storefront-handheld-footer-bar {
    padding-top: 1px;
    padding-bottom: 1px;
    color: #fff;
    background-color: #000;
    display: none; }
  body.home .section-promotions h2 {
    color: #fff;
    margin-bottom: 50px; }
  body.home .section-promotions h3 {
    color: #fff;
    padding: 20px 0;
    font-size: 18px; }
  body.home .section-promotions ul#home-promotions li {
    float: none;
    width: 100%;
    padding-bottom: 20px; }
  body.home .section-promotions ul#home-promotions li .item-container {
    border-top: 5px solid #fff;
    margin-right: 0; }
  /*  footer*/
  .site-footer ul#footer-menu li {
    float: left;
    width: 100%; }
  .site-footer ul#footer-menu li.menu-item a {
    text-transform: uppercase; }
  .owl-prev {
    left: 20px !important; }
  .owl-next {
    right: 20px !important; }
  .storefront-primary-navigation .col-full {
    margin: 0; }
  body.home section.section-home-hero ul#owl-home-hero h1 {
    color: #fff;
    max-width: 500px;
    margin: 0;
    padding-top: 50px; }
  .site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
    max-width: 100%;
    border-radius: 0;
    height: 60px;
    width: 60px; }
  .col-full {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0; }
  .storefront-primary-navigation {
    float: right; }
  body.archive .container-subcategories ul.products li.product-category, body.archive .container-subcategories ul.products.three-lines li.product-category {
    position: relative;
    width: 100%;
    float: left;
    margin: 0;
    height: auto; }
    body.archive .container-subcategories ul.products li.product-category h2, body.archive .container-subcategories ul.products.three-lines li.product-category h2 {
      position: inherit;
      width: calc(100vw - 40px);
      height: auto;
      margin: 10px 0 40px;
      max-width: 100%;
      display: block; }
      body.archive .container-subcategories ul.products li.product-category h2 mark.count, body.archive .container-subcategories ul.products.three-lines li.product-category h2 mark.count {
        float: right; }
    body.archive .container-subcategories ul.products li.product-category img, body.archive .container-subcategories ul.products.three-lines li.product-category img {
      position: inherit;
      width: 100vw;
      height: auto;
      max-width: 100%; }
  body.archive .container-subcategories ul.products {
    border: none;
    padding: 20px; }
  .container-archive-header {
    padding: 20px;
    font-size: 18px; }
    .container-archive-header h1 {
      font-size: 36px;
      padding: 0 0 20px; }
    .container-archive-header .term-description p {
      font-size: 18px;
      line-height: 1.4; }
  .body.search-results ul.products {
    margin: 0 20px; } }

ul.sf-social {
  list-style: none;
  margin: 40px 0; }
  ul.sf-social li {
    float: left;
    margin: 10px 30px; }
    ul.sf-social li a, ul.sf-social li a:hover, ul.sf-social li a:visited {
      color: #555; }

ul.products li.product div.sku-data.price_logged-in .price {
  margin-bottom: 10px; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  nav.secondary-navigation {
    display: none; }
  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
    margin-bottom: 0; }
  .site-search {
    display: none; }
  .site-header {
    border-bottom-color: #000 !important; }
  .storefront-handheld-footer-bar {
    display: block; }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    min-height: 85vh; }
  .woocommerce-active .site-header .site-header-cart {
    display: none; } }

.woocommerce-form-register .optional {
  display: none; }

@media only screen and (max-width: 1024px) {
  .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation,
  .site-search,
  .woocommerce-active .site-header .site-header-cart {
    display: none !important; }
  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    margin-bottom: 0; }
  .site-header {
    border-bottom-color: #000 !important; } }

@media only screen and (min-width: 600px) and (max-width: 1024px) {
  body.archive .container-subcategories ul.products li.product-category {
    width: 50%;
    float: left;
    margin: 0; } }

@media (min-width: 768px) {
  body.archive ul.products li.product.first {
    clear: none !important; } }

/*--------------------------------------------------------------
# Refresh again my friend
--------------------------------------------------------------*/