/**handles:style**/
@charset "UTF-8";
/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/
/*
	Usage:
	@include mixin-name {
	    //CSS code here
	}
*/
/* Variables */
/* Breakpoints */
/* Colors */
/*colors*/
/*utility vars*/
/* Fonts */
/* Gaps */
/*width related */
/* Banner heights */
/*Header heights*/
/* Social Media Icon Colors */
/* Social Media Icon Settings */
/* Drop Shadow */
/* Text Outline */
.x-anchor-button, .x-anchor-button.x-interactive, .x-anchor-text-primary {
  transition: 0.1s;
}
.v1-footer .subscribe-column {
  min-width: 28%;
}
@media screen and (min-width: 978px) {
  .v1-footer .subscribe-column {
    min-height: 100%;
  }
}
@media screen and (max-width: calc(978px - 1px)) {
  .v1-footer .subscribe-column {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    border-right: none !important;
    padding: 3rem 2rem !important;
  }
}
@media screen and (max-width: calc(978px - 1px)) {
  .v1-footer .subscribe-column .x-text-headline .x-text-content-text-primary, .v1-footer .subscribe-column .x-text {
    text-align: center;
  }
}
.v1-footer .subscribe-column .subscribe-form {
  width: 100%;
}
.v1-footer .subscribe-column .subscribe-form input {
  border-radius: 12px;
}
.v1-footer .subscribe-column .subscribe-form input[type=submit] {
  width: 65%;
  max-width: 400px;
  margin: auto;
  display: block;
  padding: 0.2rem !important;
  font-weight: bolder;
  text-shadow: none;
  border-radius: 4px;
}
.v1-footer .subscribe-column .subscribe-form p {
  margin: 0;
  text-align: center;
}
@media screen and (max-width: calc(978px - 1px)) {
  .v1-footer .subscribe-column .subscribe-form p {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.v1-footer .links-and-logo-container .x-row-inner {
  margin: 0;
}
@media screen and (max-width: calc(978px - 1px)) {
  .v1-footer .links-and-logo-container .x-row-inner .nav-links-column {
    padding-bottom: 1rem !important;
    padding-left: 0;
    padding-right: 0;
  }
}
.v1-footer .links-and-logo-container .x-row-inner .social-links-column {
  display: grid !important;
  grid-row-start: 2;
  grid-template-rows: 3rem 3rem 3rem;
  grid-auto-flow: column;
  grid-auto-columns: 3.1rem;
  grid-gap: 5px;
  overflow: auto;
}
@media screen and (max-width: calc(978px - 1px)) {
  .v1-footer .links-and-logo-container .x-row-inner .social-links-column {
    padding-top: 0;
  }
}
.v1-footer .links-and-logo-container .x-row-inner .social-links-column .x-text-headline {
  grid-column: 1 / span 3;
  grid-row: 1;
}
@media screen and (min-width: 978px) {
  .v1-footer .links-and-logo-container .x-row-inner .social-links-column .x-text-headline {
    justify-self: flex-start;
    margin: unset !important;
  }
}
@media screen and (min-width: 1200px) {
  .bwc-footer.bar-1 {
    height: 2.5625rem !important;
  }
}
.bwc-footer.bar-2 {
  max-width: 1420px;
  margin: auto;
  margin-bottom: 3rem;
  padding: 0 5%;
}
.bwc-footer.bar-2 .x-bar-content {
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .bwc-footer.bar-2 {
    height: 240px;
  }
  .bwc-footer.bar-2 .x-bar-content {
    flex-direction: row;
    height: 240px;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1680px) {
  .bwc-footer.bar-2 {
    padding: 0 3%;
  }
}
.bwc-footer.bar-2 .x-bar-container:nth-of-type(2) {
  padding: 1.5625rem 0;
}
.bwc-footer.bar-2 .x-bar-container:last-of-type {
  max-width: 350px;
  justify-content: center;
  /*makes inputs full width*/
}
.bwc-footer.bar-2 .x-bar-container:last-of-type .x-text {
  text-align: center;
}
.bwc-footer.bar-2 .x-bar-container:last-of-type div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .bwc-footer.bar-2 .x-bar-container:last-of-type div.wpforms-container-full .wpforms-form select.wpforms-field-medium, .bwc-footer.bar-2 .x-bar-container:last-of-type div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium, .bwc-footer.bar-2 .x-bar-container:last-of-type div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
  width: 100% !important;
}
.bwc-footer.bar-2 .x-bar-container:last-of-type form.klaviyo-form {
  padding-left: 0 !important;
}
@media screen and (min-width: 1200px) {
  .bwc-footer.bar-2 .x-bar-container {
    width: 33.33%;
  }
  .bwc-footer.bar-2 .x-bar-container:nth-of-type(2) {
    padding: 0;
  }
  .bwc-footer.bar-2 .x-bar-container:last-of-type {
    padding-left: calc(33.33% - 350px);
    max-width: none;
    justify-content: flex-start;
  }
  .bwc-footer.bar-2 .x-bar-container:last-of-type .x-text {
    text-align: left;
  }
}
.bwc-footer.bar-2 .x-bar-container .x-menu-inline {
  max-height: 200px;
  align-content: center;
}
@media screen and (min-width: 768px) {
  .bwc-footer.bar-2 .x-bar-container .x-menu-inline {
    max-height: 200px;
  }
}
@media screen and (min-width: 1200px) {
  .bwc-footer.bar-2 .x-bar-container .x-menu-inline {
    max-height: 140px;
    align-content: flex-start;
  }
}
.bwc-footer.bar-3 {
  z-index: 9998 !important;
}
.bwc-footer.bar-3 .x-text {
  text-align: center;
}
.x-breadcrumb-wrap {
  background: white !important;
  z-index: 2;
  position: relative;
}
.wpml-ls-native {
  font-family: inherit;
  font-weight: 400;
  text-transform: uppercase;
}
.x-section {
  padding: 0 !important;
}
/*
	Comment/uncomment out social media
	icons as needed.

	The variables for the icons can be
	found in the 0-overview/vars.scss
	file.
*/
/*
	The space between social media icons.
	
	Use: 
		margin-right: $social-media-spacing;
	to add space between icons in a line.
*/
#facebook-icon {
  background: #507cbe url("http://localhost/trident-maritime-llc/assets/images/30x30.png") 0px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#facebook-icon:hover {
  background-color: #507cbe;
}
#instagram-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -30px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#instagram-icon:hover {
  background-color: #d93175;
}
#twitter-icon {
  background: #63cdf1 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -60px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#twitter-icon:hover {
  background-color: #63cdf1;
}
#linked-in-icon {
  background: #90cadd url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -90px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#linked-in-icon:hover {
  background-color: #90cadd;
}
#youtube-icon {
  background: #f16261 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -120px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#youtube-icon:hover {
  background-color: #f16261;
}
#snapchat-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -150px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#snapchat-icon:hover {
  background-color: #fffc00;
}
#pinterest-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -180px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#pinterest-icon:hover {
  background-color: #bd081c;
}
#tumblr-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -210px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#tumblr-icon:hover {
  background-color: #001935;
}
#rss-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -240px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#rss-icon:hover {
  background-color: #f8991d;
}
#vimeo-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -270px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#vimeo-icon:hover {
  background-color: #1ab7ea;
}
#github-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -300px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#github-icon:hover {
  background-color: #000000;
}
#houzz-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -330px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#houzz-icon:hover {
  background-color: #4dbc15;
}
#yelp-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -360px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#yelp-icon:hover {
  background-color: #d32323;
}
#mail-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -390px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#mail-icon:hover {
  background-color: #3b5998;
}
#star-icon {
  background: #939393 url("http://localhost/trident-maritime-llc/assets/images/30x30.png") -420px 0px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 10px;
}
#star-icon:hover {
  background-color: #ffbe00;
}
body {
  overflow-x: hidden;
}
@media screen and (min-width: 1200px) {
  body:not(.home-page) .x-main.full, body:not(.home-page) .x-layout {
    padding-top: 96px;
  }
}
.x-container.max.width {
  max-width: 100%;
}
.x-scroll-top.right {
  opacity: 0.55;
  border: 1px solid rgba(56, 55, 55, 0.41);
}
.x-scroll-top.right.fade.in {
  background-color: White;
  color: #3c3c3c;
  border: 1px solid rgba(56, 55, 55, 0.41);
  box-shadow: 0px 0px 12px rgba(99, 99, 99, 0.3);
}
.x-scroll-top.right.fade.in:hover {
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .x-main.full .x-text:not(.x-text-headline).top-banner-sub-text .x-main.full .x-text.x-text-headline.top-banner-sub-text .x-text-content-text-primary {
    min-width: 820px;
    font-size: 26px;
    line-height: 43px !important;
  }
}
body {
  line-height: 1.5;
}
.x-text {
  font-family: Lato, sans-serif;
}
.acumin {
  font-family: acumin, acumin-pro, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, .x-main.full .x-text:not(.x-text-headline) {
  line-height: 1.5 !important;
}
h1, h2, h3, h4, h5, h6, .x-text-headline a, .x-text-headline span, .x-text-headline p {
  margin-top: -0.15em !important;
}
body a, body .x-breadcrumb-wrap a:hover, body .widget ul li a:hover, body .widget ol li a:hover, body .widget.widget_text ul li a, body .widget.widget_text ol li a, body .widget_nav_menu .current-menu-item > a, body .x-accordion-heading .x-accordion-toggle:hover, body .x-comment-author a:hover, body .x-comment-time:hover, body .x-recent-posts a:hover .h-recent-posts {
  color: #00ee65;
}
body a:hover, body .x-breadcrumb-wrap a:hover:hover, body .widget ul li a:hover:hover, body .widget ol li a:hover:hover, body .widget.widget_text ul li a:hover, body .widget.widget_text ol li a:hover, body .widget_nav_menu .current-menu-item > a:hover, body .x-accordion-heading .x-accordion-toggle:hover:hover, body .x-comment-author a:hover:hover, body .x-comment-time:hover:hover, body .x-recent-posts a:hover .h-recent-posts:hover {
  color: #00ee65;
}
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a, body .x-text-headline a {
  color: inherit !important;
}
span.larger-p {
  font-size: 1.25rem;
  color: #9c9c9c;
  font-family: Horizon;
}
span.header-grey {
  color: #9c9c9c;
}
.x-text:not(.x-text-headline) p, .x-text:not(.x-text-headline) span:not(.larger-p), .x-text:not(.x-text-headline) a, .x-text:not(.x-text-headline) li, .x-text:not(.x-text-headline) {
  font-size: 14px !important;
}
@media screen and (min-width: 1200px) {
  .x-text:not(.x-text-headline) p, .x-text:not(.x-text-headline) span:not(.larger-p), .x-text:not(.x-text-headline) a, .x-text:not(.x-text-headline) li, .x-text:not(.x-text-headline) {
    font-size: 16px !important;
  }
}
@media screen and (max-width: calc(480px - 1px)) {
  footer .x-text:not(.x-text-headline) {
    font-size: 12px !important;
  }
}
.single-product #pp-modal-window, .single-product .pp-modal-window, .single-product .pp-modal-open, .woocommerce-cart #pp-modal-window, .woocommerce-cart .pp-modal-window, .woocommerce-cart .pp-modal-open, .woocommerce-checkout #pp-modal-window, .woocommerce-checkout .pp-modal-window, .woocommerce-checkout .pp-modal-open, .woocommerce #pp-modal-window, .woocommerce .pp-modal-window, .woocommerce .pp-modal-open {
  display: none;
}
.single-product, .woocommerce-cart, .woocommerce-checkout, .woocommerce {
  margin-bottom: 0 !important;
}
.single-product .product_meta {
  display: none;
}
span.woocommerce-Price-amount.amount {
  color: #535353 !important;
}
body {
  color: #535353;
}
[class*="woocommerce"] div.product .summary .product_title .bundled_product_title_inner {
  font-size: 1.3rem;
}
.post-type-archive-product .x-container {
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 5.9375rem;
  width: 100% !important;
  background-color: #f7f7f7;
}
[class*=woocommerce] ul.products {
  margin: 0 !important;
}
form.woocommerce-ordering {
  margin-bottom: 1rem;
}
p.woocommerce-result-count {
  font-size: 1rem;
  height: auto;
  border-radius: 8px;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  margin-bottom: 1rem;
}
select.orderby {
  font-size: 1rem !important;
  color: #c9c9c9;
  height: auto;
  border: solid 1px #6b6b6b;
  border-radius: 8px;
  padding: 0.2rem;
}
.woocommerce.columns-1.top-rated-list li .entry-product {
  display: flex;
}
@media screen and (min-width: 978px) {
  .woocommerce.columns-1.top-rated-list li .entry-product {
    display: block;
  }
}
@media screen and (min-width: 1680px) {
  .woocommerce.columns-1.top-rated-list li .entry-product {
    display: flex;
  }
}
.star-rating-container.aggregate {
  display: none !important;
}
.x-section.e1397-11.m12t-0.m12t-2 {
  background-color: #f7f7f7;
}
span.woocommerce-Price-amount.amount {
  color: #9c9c9c !important;
}
.entry-product h3 {
  line-height: 1.15 !important;
}
.entry-product h3 a {
  font-size: 1.375rem;
  font-family: "Lato";
  color: #9c9c9c;
}
[class*=woocommerce] .star-rating {
  font-size: 1.625rem;
  margin-bottom: 0.5rem;
}
.top-rated-list li.product {
  border: solid 1px #b6b6b6;
  margin-bottom: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  background-color: transparent !important;
}
.top-rated-list li:first-of-type {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none;
}
.top-rated-list li:nth-of-type(2) {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.top-rated-list li:last-of-type {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none;
}
li .entry-product {
  justify-content: center;
  align-items: center;
}
.top-rated-list li.product .entry-featured a {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.top-rated-list .entry-featured {
  box-shadow: none;
}
.top-rated-list .entry-wrap {
  box-shadow: none;
  width: 100%;
  background-color: transparent !important;
}
.top-rated-list h3 {
  font-size: inherit !important;
  padding-bottom: 0 !important;
}
.top-rated-list h3 a {
  font-size: 1rem;
  font-family: "Lato";
  color: #9c9c9c;
  line-height: 1;
}
.top-rated-list a.add_to_cart_button {
  display: none !important;
}
/*Single Product page*/
[class*=woocommerce] div.product .summary .product_title, [class*=woocommerce] div.product .summary .price > .amount, h2.woocommerce-Reviews-title, div.additional_information_pane h2, section.related.products h2 {
  font-size: 1.5625rem !important;
  font-family: "Lato" !important;
  color: #6b6b6b !important;
}
button.single_add_to_cart_button.button.alt {
  border-radius: 6px;
  box-shadow: -4px 4px 10px #000000b5;
  text-transform: uppercase;
  padding: 0.5rem 1.6rem;
}
span.shop_categories_list, span.shop_categories_list a {
  color: #6b6b6b !important;
}
.x-nav-tabs > li > a, .x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover {
  font-family: "Lato";
  font-size: 1rem;
  color: #6b6b6b !important;
}
span#reply-title {
  font-size: 1rem !important;
}
.comment-form-rating > label, .comment-form-comment > label {
  font-size: 1.2rem !important;
  font-family: "Lato" !important;
  color: #6b6b6b !important;
}
@media screen and (min-width: 1200px) {
  .v1-header-navbar .x-image, .v1-header-navbar-transparent .x-image {
    width: 77px !important;
  }
}
@media screen and (min-width: 768px) {
  .v1-header-navbar .cart-page-nav-link, .v1-header-navbar-transparent .cart-page-nav-link {
    display: none;
  }
}
.v1-header-navbar .nav-cart .x-anchor-text, .v1-header-navbar-transparent .nav-cart .x-anchor-text {
  background-color: #00ee65;
  padding: 6px;
}
@media screen and (min-width: 978px) {
  .v1-header-navbar .x-search, .v1-header-navbar-transparent .x-search {
    position: absolute;
    right: 140px;
  }
  .v1-header-navbar .x-search input, .v1-header-navbar-transparent .x-search input {
    min-width: 135px;
    margin-left: -10px !important;
  }
}
.v1-header-navbar .nav-button, .v1-header-navbar-transparent .nav-button {
  background-color: #00ee65 !important;
}
.v1-header-navbar .nav-button:hover, .v1-header-navbar-transparent .nav-button:hover {
  background-color: #9c9c9c !important;
}
.v1-header-navbar-transparent {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 1200px) {
  .v1-header-navbar-transparent .x-image {
    width: 195px !important;
    margin-top: 112px;
  }
}
@media screen and (min-width: 1200px) {
  .v1-header-navbar-transparent .nav-cart {
    margin-left: 100px;
  }
}
.v1-header-navbar {
  position: fixed !important;
  width: 100%;
}
@media screen and (max-width: calc(1200px - 1px)) {
  body:not(.home-page) header:not(.entry-header) {
    height: 5rem;
  }
  body:not(.home-page) header:not(.entry-header) .v1-header-navbar {
    height: 5rem;
  }
  body:not(.home-page) header:not(.entry-header) .v1-header-navbar .x-bar-content {
    height: 4.8rem;
  }
}
@media (min-width: 2100px) {
  html {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 768px) {
  .header-video {
    position: absolute !important;
  }
}
body:not(.home-page) .header-banner {
  min-height: 400px !important;
  min-height: 56.25vw;
}
.simple-contact-form-content-area {
  min-width: 100%;
}
.simple-contact-form-content-area label {
  text-align: left;
}
.simple-contact-form-content-area div.forminator-row:nth-child(5) {
  margin-bottom: 0 !important;
}
.simple-contact-form-content-area button {
  min-width: 250px !important;
  font-size: 25px !important;
  border-radius: 0.5rem !important;
}
@media screen and (max-width: calc(480px - 1px)) {
  .returns-page .boxed-in-text .x-row, .privacy-policy-page .boxed-in-text .x-row {
    border: none;
    padding: 0;
  }
  .returns-page .boxed-in-text .x-row .x-col, .privacy-policy-page .boxed-in-text .x-row .x-col {
    padding: 0 !important;
  }
  .returns-page .boxed-in-text .x-row .x-col .x-text, .privacy-policy-page .boxed-in-text .x-row .x-col .x-text {
    border: none;
    box-shadow: none;
    padding: 0;
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .cart-container .x-col {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
body.woocommerce-cart .entry-wrap {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 570px) {
  body.woocommerce-cart .cart-container .x-col {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  body.woocommerce-cart .cart-container .x-col .wc-bookings-date-picker {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 360px) {
  body.woocommerce-cart .cart-container .x-col {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
a.remove[data-product_id="1263"] {
  display: none !important;
}
body.woocommerce-cart {
  /*phone styles*/
  /*makes cart page on tablet up look like PSD but go to default for phones*/
}
body.woocommerce-cart [class*=woocommerce] .cart.shop_table thead {
  display: table-header-group;
}
body.woocommerce-cart .entry-wrap > * {
  max-width: 950px;
  margin: auto;
}
body.woocommerce-cart h1.entry-title {
  color: #6b6b6b;
  font-size: 3.125rem;
}
body.woocommerce-cart input#coupon_code {
  max-width: none;
}
body.woocommerce-cart .cart_totals h2 {
  font-family: "Lato";
  color: #6b6b6b;
  font-size: 1.5625rem !important;
}
@media screen and (max-width: calc(768px - 1px)) {
  body.woocommerce-cart .product-thumbnail::before {
    display: none;
  }
  body.woocommerce-cart .product-thumbnail a {
    width: 14rem !important;
  }
  body.woocommerce-cart td.product-thumbnail {
    width: 14rem;
    max-width: 14rem !important;
    display: block !important;
  }
  body.woocommerce-cart thead {
    display: none !important;
  }
  body.woocommerce-cart tr.woocommerce-cart-form__cart-item.cart_item {
    margin-top: 0.25rem;
    margin-bottom: 1rem;
  }
  body.woocommerce-cart tr.woocommerce-cart-form__cart-item.cart_item:last-of-type {
    margin-bottom: 1rem !important;
  }
  body.woocommerce-cart button.button {
    font-size: 12px;
    width: auto !important;
  }
  body.woocommerce-cart button.button[value="Update cart"] {
    width: auto !important;
  }
  body.woocommerce-cart tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.025);
  }
  body.woocommerce-cart tr:nth-child(2n) td {
    background-color: transparent !important;
  }
  body.woocommerce-cart .x-container.max.width.offset {
    width: auto;
  }
  body.woocommerce-cart input#coupon_code {
    min-width: 200px;
  }
  body.woocommerce-cart button.button:not([value="Update cart"]) {
    min-width: 200px;
  }
}
@media screen and (min-width: 768px) {
  body.woocommerce-cart td.product-thumbnail {
    max-width: 41% !important;
    width: 41% !important;
  }
  body.woocommerce-cart .cart.shop_table .cart_item .product-thumbnail a {
    width: 14rem !important;
    margin-left: 0;
  }
  body.woocommerce-cart th.product-name {
    text-align: right;
  }
  body.woocommerce-cart .product-name {
    padding-right: 3rem;
  }
  body.woocommerce-cart .coupon {
    align-items: flex-end !important;
  }
  body.woocommerce-cart button.button[value="Update cart"] {
    float: right;
    transform: translateY(-100%);
    padding: 0.579em 1.105em 0.842em;
    font-size: 19px !important;
    margin: unset !important;
    width: 172px;
  }
  body.woocommerce-cart button.button:not([value="Update cart"]) {
    margin-right: 179px;
    width: 172px;
  }
}
body.woocommerce-cart th {
  color: #6b6b6b;
}
body.woocommerce-cart .product-name a {
  color: #6b6b6b !important;
}
body.woocommerce-cart button.button, body.woocommerce-cart a.button {
  border-radius: 6px;
  box-shadow: -4px 4px 7px #000000ad;
  font-weight: 900;
  text-transform: capitalize;
}
li.product {
  box-shadow: -3px 3px 5px 0em #00000030 !important;
}
li.product .entry-featured {
  border: none;
}
li.product .entry-featured a {
  margin: 2rem;
  margin-bottom: 0;
  padding-bottom: 2rem;
  border-bottom: solid 1px #ebebeb;
}
li.product-category.product {
  margin-bottom: 1.4375rem !important;
  margin-top: 1.4375rem !important;
}
li.product-category.product a img {
  padding: 2rem;
}
li.product-category.product a h2 {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  border-top: solid 1px #ebebeb;
  font-size: 1.875rem;
  color: #9c9c9c;
  margin-bottom: 1.4375rem;
  padding-top: 1.4375rem;
}
li.product-category.product a h2 .count {
  display: none;
}
.x-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 4.6875rem;
}
.x-tab-pane.description_pane {
  max-width: 900px;
}
@media screen and (max-width: calc(480px - 1px)) {
  h1.x-text-content-text-primary {
    font-size: 2.5rem !important;
  }
}
@media screen and (max-width: calc(480px - 1px)) {
  h2.x-text-content-text-primary, h3.x-text-content-text-primary {
    font-size: 2.3rem !important;
  }
}
.woocommerce-account article {
  max-width: 1000px !important;
  margin: auto;
}
/*makes mycred balance not be 2 lines, but just one line. Mycred balance is added through functions.php*/
.mycred-my-balance-wrapper {
  display: inline-block !important;
}
.hustle-info.hustle-info--compact {
  background: white;
  padding: 0 !important;
}
button.hustle-button-icon.hustle-button-close.has-background {
  background: #00ee65 !important;
}
a.hustle-button.hustle-button-cta.hustle-cta-close.hustle-button-close {
  background: #00ee65 !important;
}
/* Media queries were moved to the Overview folder so that they
are loaded first because other code is dependent on them. */
.dark-drop-shadow {
  text-shadow: 0 0 80px black, 0 0 80px black, 0 0 80px black;
}
.medium-drop-shadow {
  text-shadow: 0 0 80px black, 0 0 80px black;
}
.light-drop-shadow {
  text-shadow: 0 0 80px black;
}
.flex, .flex-columns, .flex-center, body:not(.home-page) .header-banner {
  display: flex !important;
}
.flex-columns {
  flex-direction: column;
  flex-wrap: wrap;
}
.flex-center, body:not(.home-page) .header-banner {
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: calc(978px - 1px)) {
  .flex-center-tab-down {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .flex-column-mobile {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .flex-tablet {
    display: flex;
  }
}
.flex-basis-100 {
  flex-basis: 100%;
}
@media screen and (min-width: 978px) {
  .phone-call-link, a[href*="tel:"] {
    pointer-events: none !important;
    cursor: default !important;
  }
}
/* a[href*="news"] {
	pointer-events: none;
	cursor: default;
}
*/
a, a:hover {
  transition: color 0.14s ease;
}
.margin-auto {
  margin: auto !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.mw-400 {
  max-width: 400px !important;
}
.mw-500 {
  max-width: 500px !important;
}
.mw-750 {
  max-width: 850px !important;
}
.mw-765 {
  max-width: 765px !important;
}
.mw-850 {
  max-width: 850px !important;
}
.mw-900 {
  max-width: 900px !important;
}
.mw-950 {
  max-width: 950px !important;
}
.mw-1000 {
  max-width: 1000px !important;
}
.mw-1050 {
  max-width: 1050px !important;
}
.mw-1200 {
  max-width: 1200px !important;
}
.text-center, div.x-column .x-text.text-center.icon {
  text-align: center !important;
}
.x-text:not(.x-text-headline, .no-left-align, .caption).text-center {
  text-align: center !important;
}
.italics {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
.white-text {
  color: white !important;
}
.inherit-text {
  color: inherit !important;
}
.no-word-break {
  white-space: pre;
}
.no-dots ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.no-overflow-text h1, .no-overflow-text h2, .no-overflow-text h3, .no-overflow-text h4, .no-overflow-text h5, .no-overflow-text h6, .no-overflow-text p, .no-overflow-text span, .no-overflow-text a, .no-overflow-text li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.apostrophe:before {
  content: "'";
}
.equals:after {
  content: "=";
}
.hyphen:after {
  content: "-";
}
.dash:after {
  content: "—";
}
.plus:after {
  content: "+";
}
.single-quote:after {
  content: "'";
}
.small-x {
  font-size: 70%;
}
.xxl-gap, .xl-gap, .l-gap, .m-gap, .s-gap, .xs-gap, .xxs-gap, .xxxs-gap, .breadcrumbs-gap {
  display: block !important;
  padding: 0 !important;
}
/* Mobile Gaps */
.xxl-gap {
  height: 90px !important;
}
.xl-gap {
  height: 72px !important;
}
.l-gap {
  height: 57px !important;
}
.m-gap {
  height: 45px !important;
}
.s-gap {
  height: 33px !important;
}
.xs-gap {
  height: 21px !important;
}
.xxs-gap {
  height: 11.25px !important;
}
.xxxs-gap {
  height: 7.5px !important;
}
.breadcrumbs-gap {
  height: 36px !important;
}
/* Tablet Gaps */
@media screen and (min-width: 768px) {
  .xxl-gap {
    height: 112.5px !important;
  }
  .xl-gap {
    height: 90px !important;
  }
  .l-gap {
    height: 71.25px !important;
  }
  .m-gap {
    height: 56.25px !important;
  }
  .s-gap {
    height: 41.25px !important;
  }
  .xs-gap {
    height: 26.25px !important;
  }
  .xxs-gap {
    height: 15px !important;
  }
  .xxxs-gap {
    height: 10px !important;
  }
}
/* Full Size Gaps */
@media screen and (min-width: 978px) {
  .xxl-gap {
    height: 150px !important;
  }
  .xl-gap {
    height: 120px !important;
  }
  .l-gap {
    height: 95px !important;
  }
  .m-gap {
    height: 75px !important;
  }
  .s-gap {
    height: 55px !important;
  }
  .xs-gap {
    height: 35px !important;
  }
}
/* big Size Gaps */
@media screen and (min-width: 1680px) {
  .xxl-gap {
    height: 150px !important;
  }
  .xl-gap {
    height: 120px !important;
  }
  .l-gap {
    height: 95px !important;
  }
  .m-gap {
    height: 75px !important;
  }
  .s-gap {
    height: 55px !important;
  }
  .xs-gap {
    height: 35px !important;
  }
  .breadcrumbs-gap {
    height: 42px !important;
  }
}
/* xxl Gaps */
@media screen and (min-width: 2100px) {
  .xxl-gap {
    height: 195px !important;
  }
  .xl-gap {
    height: 156px !important;
  }
  .l-gap {
    height: 123.5px !important;
  }
  .m-gap {
    height: 97.5px !important;
  }
  .s-gap {
    height: 71.5px !important;
  }
  .xs-gap {
    height: 45.5px !important;
  }
  .xxs-gap {
    height: 15px !important;
  }
  .xxxs-gap {
    height: 10px !important;
  }
}
/* xxl Gaps */
@media screen and (min-width: 3000px) {
  .xxl-gap {
    height: 225px !important;
  }
  .xl-gap {
    height: 180px !important;
  }
  .l-gap {
    height: 142.5px !important;
  }
  .m-gap {
    height: 112.5px !important;
  }
  .s-gap {
    height: 82.5px !important;
  }
  .xs-gap {
    height: 52.5px !important;
  }
  .xxs-gap {
    height: 19.5px !important;
  }
  .xxxs-gap {
    height: 13px !important;
  }
}
.site-gutter {
  padding-left: 5% !important;
  padding-right: 5% !important;
}
.black-bar {
  background-color: black !important;
  margin-left: 10px !important;
}
@media screen and (min-width: 1200px) {
  .black-bar {
    margin-left: 1vw !important;
  }
}
/*Vars*/
.animated {
  animation-duration: 0.3s !important;
}
@media screen and (min-width: 768px) {
  @keyframes smallSlideUp1 {
    from {
      transform: translate3d(0, 4px, 0);
    }
    to {
      transform: translate3d(0, 2px, 0);
    }
  }
  .smallSlideUp1 {
    animation-name: smallSlideUp1;
  }
  @keyframes smallSlideDown1 {
    from {
      transform: translate3d(0, 2px, 0);
    }
    to {
      transform: translate3d(0, 4px, 0);
    }
  }
  .smallSlideDown1 {
    animation-name: smallSlideDown1;
  }
  @keyframes smallSlideUp2 {
    from {
      transform: translate3d(0, 6px, 0);
    }
    to {
      transform: translate3d(0, 4px, 0);
    }
  }
  .smallSlideUp2 {
    animation-name: smallSlideUp2;
  }
  @keyframes smallSlideDown2 {
    from {
      transform: translate3d(0, 4px, 0);
    }
    to {
      transform: translate3d(0, 6px, 0);
    }
  }
  .smallSlideDown2 {
    animation-name: smallSlideDown2;
  }
  @keyframes smallSlideUp3 {
    from {
      transform: translate3d(0, 8px, 0);
    }
    to {
      transform: translate3d(0, 6px, 0);
    }
  }
  .smallSlideUp3 {
    animation-name: smallSlideUp3;
  }
  @keyframes smallSlideDown3 {
    from {
      transform: translate3d(0, 6px, 0);
    }
    to {
      transform: translate3d(0, 8px, 0);
    }
  }
  .smallSlideDown3 {
    animation-name: smallSlideDown3;
  }
  @keyframes smallSlideUp4 {
    from {
      transform: translate3d(0, 10px, 0);
    }
    to {
      transform: translate3d(0, 8px, 0);
    }
  }
  .smallSlideUp4 {
    animation-name: smallSlideUp4;
  }
  @keyframes smallSlideDown4 {
    from {
      transform: translate3d(0, 8px, 0);
    }
    to {
      transform: translate3d(0, 10px, 0);
    }
  }
  .smallSlideDown4 {
    animation-name: smallSlideDown4;
  }
  @keyframes smallSlideUp5 {
    from {
      transform: translate3d(0, 12px, 0);
    }
    to {
      transform: translate3d(0, 10px, 0);
    }
  }
  .smallSlideUp5 {
    animation-name: smallSlideUp5;
  }
  @keyframes smallSlideDown5 {
    from {
      transform: translate3d(0, 10px, 0);
    }
    to {
      transform: translate3d(0, 12px, 0);
    }
  }
  .smallSlideDown5 {
    animation-name: smallSlideDown5;
  }
  @keyframes smallSlideUp6 {
    from {
      transform: translate3d(0, 14px, 0);
    }
    to {
      transform: translate3d(0, 12px, 0);
    }
  }
  .smallSlideUp6 {
    animation-name: smallSlideUp6;
  }
  @keyframes smallSlideDown6 {
    from {
      transform: translate3d(0, 12px, 0);
    }
    to {
      transform: translate3d(0, 14px, 0);
    }
  }
  .smallSlideDown6 {
    animation-name: smallSlideDown6;
  }
  @keyframes smallSlideUp7 {
    from {
      transform: translate3d(0, 16px, 0);
    }
    to {
      transform: translate3d(0, 14px, 0);
    }
  }
  .smallSlideUp7 {
    animation-name: smallSlideUp7;
  }
  @keyframes smallSlideDown7 {
    from {
      transform: translate3d(0, 14px, 0);
    }
    to {
      transform: translate3d(0, 16px, 0);
    }
  }
  .smallSlideDown7 {
    animation-name: smallSlideDown7;
  }
  @keyframes smallSlideUp8 {
    from {
      transform: translate3d(0, 18px, 0);
    }
    to {
      transform: translate3d(0, 16px, 0);
    }
  }
  .smallSlideUp8 {
    animation-name: smallSlideUp8;
  }
  @keyframes smallSlideDown8 {
    from {
      transform: translate3d(0, 16px, 0);
    }
    to {
      transform: translate3d(0, 18px, 0);
    }
  }
  .smallSlideDown8 {
    animation-name: smallSlideDown8;
  }
  @keyframes smallSlideUp9 {
    from {
      transform: translate3d(0, 20px, 0);
    }
    to {
      transform: translate3d(0, 18px, 0);
    }
  }
  .smallSlideUp9 {
    animation-name: smallSlideUp9;
  }
  @keyframes smallSlideDown9 {
    from {
      transform: translate3d(0, 18px, 0);
    }
    to {
      transform: translate3d(0, 20px, 0);
    }
  }
  .smallSlideDown9 {
    animation-name: smallSlideDown9;
  }
  @keyframes smallSlideUp10 {
    from {
      transform: translate3d(0, 22px, 0);
    }
    to {
      transform: translate3d(0, 20px, 0);
    }
  }
  .smallSlideUp10 {
    animation-name: smallSlideUp10;
  }
  @keyframes smallSlideDown10 {
    from {
      transform: translate3d(0, 20px, 0);
    }
    to {
      transform: translate3d(0, 22px, 0);
    }
  }
  .smallSlideDown10 {
    animation-name: smallSlideDown10;
  }
  @keyframes smallSlideUp11 {
    from {
      transform: translate3d(0, 24px, 0);
    }
    to {
      transform: translate3d(0, 22px, 0);
    }
  }
  .smallSlideUp11 {
    animation-name: smallSlideUp11;
  }
  @keyframes smallSlideDown11 {
    from {
      transform: translate3d(0, 22px, 0);
    }
    to {
      transform: translate3d(0, 24px, 0);
    }
  }
  .smallSlideDown11 {
    animation-name: smallSlideDown11;
  }
  @keyframes smallSlideUp12 {
    from {
      transform: translate3d(0, 26px, 0);
    }
    to {
      transform: translate3d(0, 24px, 0);
    }
  }
  .smallSlideUp12 {
    animation-name: smallSlideUp12;
  }
  @keyframes smallSlideDown12 {
    from {
      transform: translate3d(0, 24px, 0);
    }
    to {
      transform: translate3d(0, 26px, 0);
    }
  }
  .smallSlideDown12 {
    animation-name: smallSlideDown12;
  }
  @keyframes smallSlideUp13 {
    from {
      transform: translate3d(0, 28px, 0);
    }
    to {
      transform: translate3d(0, 26px, 0);
    }
  }
  .smallSlideUp13 {
    animation-name: smallSlideUp13;
  }
  @keyframes smallSlideDown13 {
    from {
      transform: translate3d(0, 26px, 0);
    }
    to {
      transform: translate3d(0, 28px, 0);
    }
  }
  .smallSlideDown13 {
    animation-name: smallSlideDown13;
  }
  @keyframes smallSlideUp14 {
    from {
      transform: translate3d(0, 30px, 0);
    }
    to {
      transform: translate3d(0, 28px, 0);
    }
  }
  .smallSlideUp14 {
    animation-name: smallSlideUp14;
  }
  @keyframes smallSlideDown14 {
    from {
      transform: translate3d(0, 28px, 0);
    }
    to {
      transform: translate3d(0, 30px, 0);
    }
  }
  .smallSlideDown14 {
    animation-name: smallSlideDown14;
  }
  @keyframes smallSlideUp15 {
    from {
      transform: translate3d(0, 32px, 0);
    }
    to {
      transform: translate3d(0, 30px, 0);
    }
  }
  .smallSlideUp15 {
    animation-name: smallSlideUp15;
  }
  @keyframes smallSlideDown15 {
    from {
      transform: translate3d(0, 30px, 0);
    }
    to {
      transform: translate3d(0, 32px, 0);
    }
  }
  .smallSlideDown15 {
    animation-name: smallSlideDown15;
  }
  @keyframes smallSlideUp16 {
    from {
      transform: translate3d(0, 34px, 0);
    }
    to {
      transform: translate3d(0, 32px, 0);
    }
  }
  .smallSlideUp16 {
    animation-name: smallSlideUp16;
  }
  @keyframes smallSlideDown16 {
    from {
      transform: translate3d(0, 32px, 0);
    }
    to {
      transform: translate3d(0, 34px, 0);
    }
  }
  .smallSlideDown16 {
    animation-name: smallSlideDown16;
  }
  @keyframes smallSlideUp17 {
    from {
      transform: translate3d(0, 36px, 0);
    }
    to {
      transform: translate3d(0, 34px, 0);
    }
  }
  .smallSlideUp17 {
    animation-name: smallSlideUp17;
  }
  @keyframes smallSlideDown17 {
    from {
      transform: translate3d(0, 34px, 0);
    }
    to {
      transform: translate3d(0, 36px, 0);
    }
  }
  .smallSlideDown17 {
    animation-name: smallSlideDown17;
  }
  @keyframes smallSlideUp18 {
    from {
      transform: translate3d(0, 38px, 0);
    }
    to {
      transform: translate3d(0, 36px, 0);
    }
  }
  .smallSlideUp18 {
    animation-name: smallSlideUp18;
  }
  @keyframes smallSlideDown18 {
    from {
      transform: translate3d(0, 36px, 0);
    }
    to {
      transform: translate3d(0, 38px, 0);
    }
  }
  .smallSlideDown18 {
    animation-name: smallSlideDown18;
  }
  @keyframes smallSlideUp19 {
    from {
      transform: translate3d(0, 40px, 0);
    }
    to {
      transform: translate3d(0, 38px, 0);
    }
  }
  .smallSlideUp19 {
    animation-name: smallSlideUp19;
  }
  @keyframes smallSlideDown19 {
    from {
      transform: translate3d(0, 38px, 0);
    }
    to {
      transform: translate3d(0, 40px, 0);
    }
  }
  .smallSlideDown19 {
    animation-name: smallSlideDown19;
  }
  @keyframes smallSlideUp20 {
    from {
      transform: translate3d(0, 42px, 0);
    }
    to {
      transform: translate3d(0, 40px, 0);
    }
  }
  .smallSlideUp20 {
    animation-name: smallSlideUp20;
  }
  @keyframes smallSlideDown20 {
    from {
      transform: translate3d(0, 40px, 0);
    }
    to {
      transform: translate3d(0, 42px, 0);
    }
  }
  .smallSlideDown20 {
    animation-name: smallSlideDown20;
  }
  @keyframes smallSlideUp21 {
    from {
      transform: translate3d(0, 44px, 0);
    }
    to {
      transform: translate3d(0, 42px, 0);
    }
  }
  .smallSlideUp21 {
    animation-name: smallSlideUp21;
  }
  @keyframes smallSlideDown21 {
    from {
      transform: translate3d(0, 42px, 0);
    }
    to {
      transform: translate3d(0, 44px, 0);
    }
  }
  .smallSlideDown21 {
    animation-name: smallSlideDown21;
  }
  @keyframes smallSlideUp22 {
    from {
      transform: translate3d(0, 46px, 0);
    }
    to {
      transform: translate3d(0, 44px, 0);
    }
  }
  .smallSlideUp22 {
    animation-name: smallSlideUp22;
  }
  @keyframes smallSlideDown22 {
    from {
      transform: translate3d(0, 44px, 0);
    }
    to {
      transform: translate3d(0, 46px, 0);
    }
  }
  .smallSlideDown22 {
    animation-name: smallSlideDown22;
  }
  @keyframes smallSlideUp23 {
    from {
      transform: translate3d(0, 48px, 0);
    }
    to {
      transform: translate3d(0, 46px, 0);
    }
  }
  .smallSlideUp23 {
    animation-name: smallSlideUp23;
  }
  @keyframes smallSlideDown23 {
    from {
      transform: translate3d(0, 46px, 0);
    }
    to {
      transform: translate3d(0, 48px, 0);
    }
  }
  .smallSlideDown23 {
    animation-name: smallSlideDown23;
  }
  @keyframes smallSlideUp24 {
    from {
      transform: translate3d(0, 50px, 0);
    }
    to {
      transform: translate3d(0, 48px, 0);
    }
  }
  .smallSlideUp24 {
    animation-name: smallSlideUp24;
  }
  @keyframes smallSlideDown24 {
    from {
      transform: translate3d(0, 48px, 0);
    }
    to {
      transform: translate3d(0, 50px, 0);
    }
  }
  .smallSlideDown24 {
    animation-name: smallSlideDown24;
  }
  @keyframes smallSlideUp25 {
    from {
      transform: translate3d(0, 52px, 0);
    }
    to {
      transform: translate3d(0, 50px, 0);
    }
  }
  .smallSlideUp25 {
    animation-name: smallSlideUp25;
  }
  @keyframes smallSlideDown25 {
    from {
      transform: translate3d(0, 50px, 0);
    }
    to {
      transform: translate3d(0, 52px, 0);
    }
  }
  .smallSlideDown25 {
    animation-name: smallSlideDown25;
  }
  @keyframes smallSlideUp26 {
    from {
      transform: translate3d(0, 54px, 0);
    }
    to {
      transform: translate3d(0, 52px, 0);
    }
  }
  .smallSlideUp26 {
    animation-name: smallSlideUp26;
  }
  @keyframes smallSlideDown26 {
    from {
      transform: translate3d(0, 52px, 0);
    }
    to {
      transform: translate3d(0, 54px, 0);
    }
  }
  .smallSlideDown26 {
    animation-name: smallSlideDown26;
  }
  @keyframes smallSlideUp27 {
    from {
      transform: translate3d(0, 56px, 0);
    }
    to {
      transform: translate3d(0, 54px, 0);
    }
  }
  .smallSlideUp27 {
    animation-name: smallSlideUp27;
  }
  @keyframes smallSlideDown27 {
    from {
      transform: translate3d(0, 54px, 0);
    }
    to {
      transform: translate3d(0, 56px, 0);
    }
  }
  .smallSlideDown27 {
    animation-name: smallSlideDown27;
  }
  @keyframes smallSlideUp28 {
    from {
      transform: translate3d(0, 58px, 0);
    }
    to {
      transform: translate3d(0, 56px, 0);
    }
  }
  .smallSlideUp28 {
    animation-name: smallSlideUp28;
  }
  @keyframes smallSlideDown28 {
    from {
      transform: translate3d(0, 56px, 0);
    }
    to {
      transform: translate3d(0, 58px, 0);
    }
  }
  .smallSlideDown28 {
    animation-name: smallSlideDown28;
  }
  @keyframes smallSlideUp29 {
    from {
      transform: translate3d(0, 60px, 0);
    }
    to {
      transform: translate3d(0, 58px, 0);
    }
  }
  .smallSlideUp29 {
    animation-name: smallSlideUp29;
  }
  @keyframes smallSlideDown29 {
    from {
      transform: translate3d(0, 58px, 0);
    }
    to {
      transform: translate3d(0, 60px, 0);
    }
  }
  .smallSlideDown29 {
    animation-name: smallSlideDown29;
  }
  @keyframes smallSlideUp30 {
    from {
      transform: translate3d(0, 62px, 0);
    }
    to {
      transform: translate3d(0, 60px, 0);
    }
  }
  .smallSlideUp30 {
    animation-name: smallSlideUp30;
  }
  @keyframes smallSlideDown30 {
    from {
      transform: translate3d(0, 60px, 0);
    }
    to {
      transform: translate3d(0, 62px, 0);
    }
  }
  .smallSlideDown30 {
    animation-name: smallSlideDown30;
  }
  @keyframes smallSlideUp31 {
    from {
      transform: translate3d(0, 64px, 0);
    }
    to {
      transform: translate3d(0, 62px, 0);
    }
  }
  .smallSlideUp31 {
    animation-name: smallSlideUp31;
  }
  @keyframes smallSlideDown31 {
    from {
      transform: translate3d(0, 62px, 0);
    }
    to {
      transform: translate3d(0, 64px, 0);
    }
  }
  .smallSlideDown31 {
    animation-name: smallSlideDown31;
  }
  @keyframes smallSlideUp32 {
    from {
      transform: translate3d(0, 66px, 0);
    }
    to {
      transform: translate3d(0, 64px, 0);
    }
  }
  .smallSlideUp32 {
    animation-name: smallSlideUp32;
  }
  @keyframes smallSlideDown32 {
    from {
      transform: translate3d(0, 64px, 0);
    }
    to {
      transform: translate3d(0, 66px, 0);
    }
  }
  .smallSlideDown32 {
    animation-name: smallSlideDown32;
  }
  @keyframes smallSlideUp33 {
    from {
      transform: translate3d(0, 68px, 0);
    }
    to {
      transform: translate3d(0, 66px, 0);
    }
  }
  .smallSlideUp33 {
    animation-name: smallSlideUp33;
  }
  @keyframes smallSlideDown33 {
    from {
      transform: translate3d(0, 66px, 0);
    }
    to {
      transform: translate3d(0, 68px, 0);
    }
  }
  .smallSlideDown33 {
    animation-name: smallSlideDown33;
  }
  @keyframes smallSlideUp34 {
    from {
      transform: translate3d(0, 70px, 0);
    }
    to {
      transform: translate3d(0, 68px, 0);
    }
  }
  .smallSlideUp34 {
    animation-name: smallSlideUp34;
  }
  @keyframes smallSlideDown34 {
    from {
      transform: translate3d(0, 68px, 0);
    }
    to {
      transform: translate3d(0, 70px, 0);
    }
  }
  .smallSlideDown34 {
    animation-name: smallSlideDown34;
  }
  @keyframes smallSlideUp35 {
    from {
      transform: translate3d(0, 72px, 0);
    }
    to {
      transform: translate3d(0, 70px, 0);
    }
  }
  .smallSlideUp35 {
    animation-name: smallSlideUp35;
  }
  @keyframes smallSlideDown35 {
    from {
      transform: translate3d(0, 70px, 0);
    }
    to {
      transform: translate3d(0, 72px, 0);
    }
  }
  .smallSlideDown35 {
    animation-name: smallSlideDown35;
  }
  @keyframes smallSlideUp36 {
    from {
      transform: translate3d(0, 74px, 0);
    }
    to {
      transform: translate3d(0, 72px, 0);
    }
  }
  .smallSlideUp36 {
    animation-name: smallSlideUp36;
  }
  @keyframes smallSlideDown36 {
    from {
      transform: translate3d(0, 72px, 0);
    }
    to {
      transform: translate3d(0, 74px, 0);
    }
  }
  .smallSlideDown36 {
    animation-name: smallSlideDown36;
  }
  @keyframes smallSlideUp37 {
    from {
      transform: translate3d(0, 76px, 0);
    }
    to {
      transform: translate3d(0, 74px, 0);
    }
  }
  .smallSlideUp37 {
    animation-name: smallSlideUp37;
  }
  @keyframes smallSlideDown37 {
    from {
      transform: translate3d(0, 74px, 0);
    }
    to {
      transform: translate3d(0, 76px, 0);
    }
  }
  .smallSlideDown37 {
    animation-name: smallSlideDown37;
  }
  @keyframes smallSlideUp38 {
    from {
      transform: translate3d(0, 78px, 0);
    }
    to {
      transform: translate3d(0, 76px, 0);
    }
  }
  .smallSlideUp38 {
    animation-name: smallSlideUp38;
  }
  @keyframes smallSlideDown38 {
    from {
      transform: translate3d(0, 76px, 0);
    }
    to {
      transform: translate3d(0, 78px, 0);
    }
  }
  .smallSlideDown38 {
    animation-name: smallSlideDown38;
  }
  @keyframes smallSlideUp39 {
    from {
      transform: translate3d(0, 80px, 0);
    }
    to {
      transform: translate3d(0, 78px, 0);
    }
  }
  .smallSlideUp39 {
    animation-name: smallSlideUp39;
  }
  @keyframes smallSlideDown39 {
    from {
      transform: translate3d(0, 78px, 0);
    }
    to {
      transform: translate3d(0, 80px, 0);
    }
  }
  .smallSlideDown39 {
    animation-name: smallSlideDown39;
  }
  @keyframes smallSlideUp40 {
    from {
      transform: translate3d(0, 82px, 0);
    }
    to {
      transform: translate3d(0, 80px, 0);
    }
  }
  .smallSlideUp40 {
    animation-name: smallSlideUp40;
  }
  @keyframes smallSlideDown40 {
    from {
      transform: translate3d(0, 80px, 0);
    }
    to {
      transform: translate3d(0, 82px, 0);
    }
  }
  .smallSlideDown40 {
    animation-name: smallSlideDown40;
  }
  @keyframes smallSlideUp41 {
    from {
      transform: translate3d(0, 84px, 0);
    }
    to {
      transform: translate3d(0, 82px, 0);
    }
  }
  .smallSlideUp41 {
    animation-name: smallSlideUp41;
  }
  @keyframes smallSlideDown41 {
    from {
      transform: translate3d(0, 82px, 0);
    }
    to {
      transform: translate3d(0, 84px, 0);
    }
  }
  .smallSlideDown41 {
    animation-name: smallSlideDown41;
  }
  @keyframes smallSlideUp42 {
    from {
      transform: translate3d(0, 86px, 0);
    }
    to {
      transform: translate3d(0, 84px, 0);
    }
  }
  .smallSlideUp42 {
    animation-name: smallSlideUp42;
  }
  @keyframes smallSlideDown42 {
    from {
      transform: translate3d(0, 84px, 0);
    }
    to {
      transform: translate3d(0, 86px, 0);
    }
  }
  .smallSlideDown42 {
    animation-name: smallSlideDown42;
  }
  @keyframes smallSlideUp43 {
    from {
      transform: translate3d(0, 88px, 0);
    }
    to {
      transform: translate3d(0, 86px, 0);
    }
  }
  .smallSlideUp43 {
    animation-name: smallSlideUp43;
  }
  @keyframes smallSlideDown43 {
    from {
      transform: translate3d(0, 86px, 0);
    }
    to {
      transform: translate3d(0, 88px, 0);
    }
  }
  .smallSlideDown43 {
    animation-name: smallSlideDown43;
  }
  @keyframes smallSlideUp44 {
    from {
      transform: translate3d(0, 90px, 0);
    }
    to {
      transform: translate3d(0, 88px, 0);
    }
  }
  .smallSlideUp44 {
    animation-name: smallSlideUp44;
  }
  @keyframes smallSlideDown44 {
    from {
      transform: translate3d(0, 88px, 0);
    }
    to {
      transform: translate3d(0, 90px, 0);
    }
  }
  .smallSlideDown44 {
    animation-name: smallSlideDown44;
  }
  @keyframes smallSlideUp45 {
    from {
      transform: translate3d(0, 92px, 0);
    }
    to {
      transform: translate3d(0, 90px, 0);
    }
  }
  .smallSlideUp45 {
    animation-name: smallSlideUp45;
  }
  @keyframes smallSlideDown45 {
    from {
      transform: translate3d(0, 90px, 0);
    }
    to {
      transform: translate3d(0, 92px, 0);
    }
  }
  .smallSlideDown45 {
    animation-name: smallSlideDown45;
  }
  @keyframes smallSlideUp46 {
    from {
      transform: translate3d(0, 94px, 0);
    }
    to {
      transform: translate3d(0, 92px, 0);
    }
  }
  .smallSlideUp46 {
    animation-name: smallSlideUp46;
  }
  @keyframes smallSlideDown46 {
    from {
      transform: translate3d(0, 92px, 0);
    }
    to {
      transform: translate3d(0, 94px, 0);
    }
  }
  .smallSlideDown46 {
    animation-name: smallSlideDown46;
  }
  @keyframes smallSlideUp47 {
    from {
      transform: translate3d(0, 96px, 0);
    }
    to {
      transform: translate3d(0, 94px, 0);
    }
  }
  .smallSlideUp47 {
    animation-name: smallSlideUp47;
  }
  @keyframes smallSlideDown47 {
    from {
      transform: translate3d(0, 94px, 0);
    }
    to {
      transform: translate3d(0, 96px, 0);
    }
  }
  .smallSlideDown47 {
    animation-name: smallSlideDown47;
  }
  @keyframes smallSlideUp48 {
    from {
      transform: translate3d(0, 98px, 0);
    }
    to {
      transform: translate3d(0, 96px, 0);
    }
  }
  .smallSlideUp48 {
    animation-name: smallSlideUp48;
  }
  @keyframes smallSlideDown48 {
    from {
      transform: translate3d(0, 96px, 0);
    }
    to {
      transform: translate3d(0, 98px, 0);
    }
  }
  .smallSlideDown48 {
    animation-name: smallSlideDown48;
  }
  @keyframes smallSlideUp49 {
    from {
      transform: translate3d(0, 100px, 0);
    }
    to {
      transform: translate3d(0, 98px, 0);
    }
  }
  .smallSlideUp49 {
    animation-name: smallSlideUp49;
  }
  @keyframes smallSlideDown49 {
    from {
      transform: translate3d(0, 98px, 0);
    }
    to {
      transform: translate3d(0, 100px, 0);
    }
  }
  .smallSlideDown49 {
    animation-name: smallSlideDown49;
  }
  @keyframes smallSlideUp50 {
    from {
      transform: translate3d(0, 102px, 0);
    }
    to {
      transform: translate3d(0, 100px, 0);
    }
  }
  .smallSlideUp50 {
    animation-name: smallSlideUp50;
  }
  @keyframes smallSlideDown50 {
    from {
      transform: translate3d(0, 100px, 0);
    }
    to {
      transform: translate3d(0, 102px, 0);
    }
  }
  .smallSlideDown50 {
    animation-name: smallSlideDown50;
  }
  @keyframes smallSlideUp51 {
    from {
      transform: translate3d(0, 104px, 0);
    }
    to {
      transform: translate3d(0, 102px, 0);
    }
  }
  .smallSlideUp51 {
    animation-name: smallSlideUp51;
  }
  @keyframes smallSlideDown51 {
    from {
      transform: translate3d(0, 102px, 0);
    }
    to {
      transform: translate3d(0, 104px, 0);
    }
  }
  .smallSlideDown51 {
    animation-name: smallSlideDown51;
  }
  @keyframes smallSlideUp52 {
    from {
      transform: translate3d(0, 106px, 0);
    }
    to {
      transform: translate3d(0, 104px, 0);
    }
  }
  .smallSlideUp52 {
    animation-name: smallSlideUp52;
  }
  @keyframes smallSlideDown52 {
    from {
      transform: translate3d(0, 104px, 0);
    }
    to {
      transform: translate3d(0, 106px, 0);
    }
  }
  .smallSlideDown52 {
    animation-name: smallSlideDown52;
  }
  @keyframes smallSlideUp53 {
    from {
      transform: translate3d(0, 108px, 0);
    }
    to {
      transform: translate3d(0, 106px, 0);
    }
  }
  .smallSlideUp53 {
    animation-name: smallSlideUp53;
  }
  @keyframes smallSlideDown53 {
    from {
      transform: translate3d(0, 106px, 0);
    }
    to {
      transform: translate3d(0, 108px, 0);
    }
  }
  .smallSlideDown53 {
    animation-name: smallSlideDown53;
  }
  @keyframes smallSlideUp54 {
    from {
      transform: translate3d(0, 110px, 0);
    }
    to {
      transform: translate3d(0, 108px, 0);
    }
  }
  .smallSlideUp54 {
    animation-name: smallSlideUp54;
  }
  @keyframes smallSlideDown54 {
    from {
      transform: translate3d(0, 108px, 0);
    }
    to {
      transform: translate3d(0, 110px, 0);
    }
  }
  .smallSlideDown54 {
    animation-name: smallSlideDown54;
  }
  @keyframes smallSlideUp55 {
    from {
      transform: translate3d(0, 112px, 0);
    }
    to {
      transform: translate3d(0, 110px, 0);
    }
  }
  .smallSlideUp55 {
    animation-name: smallSlideUp55;
  }
  @keyframes smallSlideDown55 {
    from {
      transform: translate3d(0, 110px, 0);
    }
    to {
      transform: translate3d(0, 112px, 0);
    }
  }
  .smallSlideDown55 {
    animation-name: smallSlideDown55;
  }
  @keyframes smallSlideUp56 {
    from {
      transform: translate3d(0, 114px, 0);
    }
    to {
      transform: translate3d(0, 112px, 0);
    }
  }
  .smallSlideUp56 {
    animation-name: smallSlideUp56;
  }
  @keyframes smallSlideDown56 {
    from {
      transform: translate3d(0, 112px, 0);
    }
    to {
      transform: translate3d(0, 114px, 0);
    }
  }
  .smallSlideDown56 {
    animation-name: smallSlideDown56;
  }
  @keyframes smallSlideUp57 {
    from {
      transform: translate3d(0, 116px, 0);
    }
    to {
      transform: translate3d(0, 114px, 0);
    }
  }
  .smallSlideUp57 {
    animation-name: smallSlideUp57;
  }
  @keyframes smallSlideDown57 {
    from {
      transform: translate3d(0, 114px, 0);
    }
    to {
      transform: translate3d(0, 116px, 0);
    }
  }
  .smallSlideDown57 {
    animation-name: smallSlideDown57;
  }
  @keyframes smallSlideUp58 {
    from {
      transform: translate3d(0, 118px, 0);
    }
    to {
      transform: translate3d(0, 116px, 0);
    }
  }
  .smallSlideUp58 {
    animation-name: smallSlideUp58;
  }
  @keyframes smallSlideDown58 {
    from {
      transform: translate3d(0, 116px, 0);
    }
    to {
      transform: translate3d(0, 118px, 0);
    }
  }
  .smallSlideDown58 {
    animation-name: smallSlideDown58;
  }
  @keyframes smallSlideUp59 {
    from {
      transform: translate3d(0, 120px, 0);
    }
    to {
      transform: translate3d(0, 118px, 0);
    }
  }
  .smallSlideUp59 {
    animation-name: smallSlideUp59;
  }
  @keyframes smallSlideDown59 {
    from {
      transform: translate3d(0, 118px, 0);
    }
    to {
      transform: translate3d(0, 120px, 0);
    }
  }
  .smallSlideDown59 {
    animation-name: smallSlideDown59;
  }
  @keyframes smallSlideUp60 {
    from {
      transform: translate3d(0, 122px, 0);
    }
    to {
      transform: translate3d(0, 120px, 0);
    }
  }
  .smallSlideUp60 {
    animation-name: smallSlideUp60;
  }
  @keyframes smallSlideDown60 {
    from {
      transform: translate3d(0, 120px, 0);
    }
    to {
      transform: translate3d(0, 122px, 0);
    }
  }
  .smallSlideDown60 {
    animation-name: smallSlideDown60;
  }
  @keyframes smallSlideUp61 {
    from {
      transform: translate3d(0, 124px, 0);
    }
    to {
      transform: translate3d(0, 122px, 0);
    }
  }
  .smallSlideUp61 {
    animation-name: smallSlideUp61;
  }
  @keyframes smallSlideDown61 {
    from {
      transform: translate3d(0, 122px, 0);
    }
    to {
      transform: translate3d(0, 124px, 0);
    }
  }
  .smallSlideDown61 {
    animation-name: smallSlideDown61;
  }
  @keyframes smallSlideUp62 {
    from {
      transform: translate3d(0, 126px, 0);
    }
    to {
      transform: translate3d(0, 124px, 0);
    }
  }
  .smallSlideUp62 {
    animation-name: smallSlideUp62;
  }
  @keyframes smallSlideDown62 {
    from {
      transform: translate3d(0, 124px, 0);
    }
    to {
      transform: translate3d(0, 126px, 0);
    }
  }
  .smallSlideDown62 {
    animation-name: smallSlideDown62;
  }
  @keyframes smallSlideUp63 {
    from {
      transform: translate3d(0, 128px, 0);
    }
    to {
      transform: translate3d(0, 126px, 0);
    }
  }
  .smallSlideUp63 {
    animation-name: smallSlideUp63;
  }
  @keyframes smallSlideDown63 {
    from {
      transform: translate3d(0, 126px, 0);
    }
    to {
      transform: translate3d(0, 128px, 0);
    }
  }
  .smallSlideDown63 {
    animation-name: smallSlideDown63;
  }
  @keyframes smallSlideUp64 {
    from {
      transform: translate3d(0, 130px, 0);
    }
    to {
      transform: translate3d(0, 128px, 0);
    }
  }
  .smallSlideUp64 {
    animation-name: smallSlideUp64;
  }
  @keyframes smallSlideDown64 {
    from {
      transform: translate3d(0, 128px, 0);
    }
    to {
      transform: translate3d(0, 130px, 0);
    }
  }
  .smallSlideDown64 {
    animation-name: smallSlideDown64;
  }
  @keyframes smallSlideUp65 {
    from {
      transform: translate3d(0, 132px, 0);
    }
    to {
      transform: translate3d(0, 130px, 0);
    }
  }
  .smallSlideUp65 {
    animation-name: smallSlideUp65;
  }
  @keyframes smallSlideDown65 {
    from {
      transform: translate3d(0, 130px, 0);
    }
    to {
      transform: translate3d(0, 132px, 0);
    }
  }
  .smallSlideDown65 {
    animation-name: smallSlideDown65;
  }
  @keyframes smallSlideUp66 {
    from {
      transform: translate3d(0, 134px, 0);
    }
    to {
      transform: translate3d(0, 132px, 0);
    }
  }
  .smallSlideUp66 {
    animation-name: smallSlideUp66;
  }
  @keyframes smallSlideDown66 {
    from {
      transform: translate3d(0, 132px, 0);
    }
    to {
      transform: translate3d(0, 134px, 0);
    }
  }
  .smallSlideDown66 {
    animation-name: smallSlideDown66;
  }
  @keyframes smallSlideUp67 {
    from {
      transform: translate3d(0, 136px, 0);
    }
    to {
      transform: translate3d(0, 134px, 0);
    }
  }
  .smallSlideUp67 {
    animation-name: smallSlideUp67;
  }
  @keyframes smallSlideDown67 {
    from {
      transform: translate3d(0, 134px, 0);
    }
    to {
      transform: translate3d(0, 136px, 0);
    }
  }
  .smallSlideDown67 {
    animation-name: smallSlideDown67;
  }
  @keyframes smallSlideUp68 {
    from {
      transform: translate3d(0, 138px, 0);
    }
    to {
      transform: translate3d(0, 136px, 0);
    }
  }
  .smallSlideUp68 {
    animation-name: smallSlideUp68;
  }
  @keyframes smallSlideDown68 {
    from {
      transform: translate3d(0, 136px, 0);
    }
    to {
      transform: translate3d(0, 138px, 0);
    }
  }
  .smallSlideDown68 {
    animation-name: smallSlideDown68;
  }
  @keyframes smallSlideUp69 {
    from {
      transform: translate3d(0, 140px, 0);
    }
    to {
      transform: translate3d(0, 138px, 0);
    }
  }
  .smallSlideUp69 {
    animation-name: smallSlideUp69;
  }
  @keyframes smallSlideDown69 {
    from {
      transform: translate3d(0, 138px, 0);
    }
    to {
      transform: translate3d(0, 140px, 0);
    }
  }
  .smallSlideDown69 {
    animation-name: smallSlideDown69;
  }
  @keyframes smallSlideUp70 {
    from {
      transform: translate3d(0, 142px, 0);
    }
    to {
      transform: translate3d(0, 140px, 0);
    }
  }
  .smallSlideUp70 {
    animation-name: smallSlideUp70;
  }
  @keyframes smallSlideDown70 {
    from {
      transform: translate3d(0, 140px, 0);
    }
    to {
      transform: translate3d(0, 142px, 0);
    }
  }
  .smallSlideDown70 {
    animation-name: smallSlideDown70;
  }
  @keyframes smallSlideUp71 {
    from {
      transform: translate3d(0, 144px, 0);
    }
    to {
      transform: translate3d(0, 142px, 0);
    }
  }
  .smallSlideUp71 {
    animation-name: smallSlideUp71;
  }
  @keyframes smallSlideDown71 {
    from {
      transform: translate3d(0, 142px, 0);
    }
    to {
      transform: translate3d(0, 144px, 0);
    }
  }
  .smallSlideDown71 {
    animation-name: smallSlideDown71;
  }
  @keyframes smallSlideUp72 {
    from {
      transform: translate3d(0, 146px, 0);
    }
    to {
      transform: translate3d(0, 144px, 0);
    }
  }
  .smallSlideUp72 {
    animation-name: smallSlideUp72;
  }
  @keyframes smallSlideDown72 {
    from {
      transform: translate3d(0, 144px, 0);
    }
    to {
      transform: translate3d(0, 146px, 0);
    }
  }
  .smallSlideDown72 {
    animation-name: smallSlideDown72;
  }
  @keyframes smallSlideUp73 {
    from {
      transform: translate3d(0, 148px, 0);
    }
    to {
      transform: translate3d(0, 146px, 0);
    }
  }
  .smallSlideUp73 {
    animation-name: smallSlideUp73;
  }
  @keyframes smallSlideDown73 {
    from {
      transform: translate3d(0, 146px, 0);
    }
    to {
      transform: translate3d(0, 148px, 0);
    }
  }
  .smallSlideDown73 {
    animation-name: smallSlideDown73;
  }
  @keyframes smallSlideUp74 {
    from {
      transform: translate3d(0, 150px, 0);
    }
    to {
      transform: translate3d(0, 148px, 0);
    }
  }
  .smallSlideUp74 {
    animation-name: smallSlideUp74;
  }
  @keyframes smallSlideDown74 {
    from {
      transform: translate3d(0, 148px, 0);
    }
    to {
      transform: translate3d(0, 150px, 0);
    }
  }
  .smallSlideDown74 {
    animation-name: smallSlideDown74;
  }
  @keyframes smallSlideUp75 {
    from {
      transform: translate3d(0, 152px, 0);
    }
    to {
      transform: translate3d(0, 150px, 0);
    }
  }
  .smallSlideUp75 {
    animation-name: smallSlideUp75;
  }
  @keyframes smallSlideDown75 {
    from {
      transform: translate3d(0, 150px, 0);
    }
    to {
      transform: translate3d(0, 152px, 0);
    }
  }
  .smallSlideDown75 {
    animation-name: smallSlideDown75;
  }
  @keyframes smallSlideUp76 {
    from {
      transform: translate3d(0, 154px, 0);
    }
    to {
      transform: translate3d(0, 152px, 0);
    }
  }
  .smallSlideUp76 {
    animation-name: smallSlideUp76;
  }
  @keyframes smallSlideDown76 {
    from {
      transform: translate3d(0, 152px, 0);
    }
    to {
      transform: translate3d(0, 154px, 0);
    }
  }
  .smallSlideDown76 {
    animation-name: smallSlideDown76;
  }
  @keyframes smallSlideUp77 {
    from {
      transform: translate3d(0, 156px, 0);
    }
    to {
      transform: translate3d(0, 154px, 0);
    }
  }
  .smallSlideUp77 {
    animation-name: smallSlideUp77;
  }
  @keyframes smallSlideDown77 {
    from {
      transform: translate3d(0, 154px, 0);
    }
    to {
      transform: translate3d(0, 156px, 0);
    }
  }
  .smallSlideDown77 {
    animation-name: smallSlideDown77;
  }
  @keyframes smallSlideUp78 {
    from {
      transform: translate3d(0, 158px, 0);
    }
    to {
      transform: translate3d(0, 156px, 0);
    }
  }
  .smallSlideUp78 {
    animation-name: smallSlideUp78;
  }
  @keyframes smallSlideDown78 {
    from {
      transform: translate3d(0, 156px, 0);
    }
    to {
      transform: translate3d(0, 158px, 0);
    }
  }
  .smallSlideDown78 {
    animation-name: smallSlideDown78;
  }
  @keyframes smallSlideUp79 {
    from {
      transform: translate3d(0, 160px, 0);
    }
    to {
      transform: translate3d(0, 158px, 0);
    }
  }
  .smallSlideUp79 {
    animation-name: smallSlideUp79;
  }
  @keyframes smallSlideDown79 {
    from {
      transform: translate3d(0, 158px, 0);
    }
    to {
      transform: translate3d(0, 160px, 0);
    }
  }
  .smallSlideDown79 {
    animation-name: smallSlideDown79;
  }
  @keyframes smallSlideUp80 {
    from {
      transform: translate3d(0, 162px, 0);
    }
    to {
      transform: translate3d(0, 160px, 0);
    }
  }
  .smallSlideUp80 {
    animation-name: smallSlideUp80;
  }
  @keyframes smallSlideDown80 {
    from {
      transform: translate3d(0, 160px, 0);
    }
    to {
      transform: translate3d(0, 162px, 0);
    }
  }
  .smallSlideDown80 {
    animation-name: smallSlideDown80;
  }
  @keyframes smallSlideUp81 {
    from {
      transform: translate3d(0, 164px, 0);
    }
    to {
      transform: translate3d(0, 162px, 0);
    }
  }
  .smallSlideUp81 {
    animation-name: smallSlideUp81;
  }
  @keyframes smallSlideDown81 {
    from {
      transform: translate3d(0, 162px, 0);
    }
    to {
      transform: translate3d(0, 164px, 0);
    }
  }
  .smallSlideDown81 {
    animation-name: smallSlideDown81;
  }
  @keyframes smallSlideUp82 {
    from {
      transform: translate3d(0, 166px, 0);
    }
    to {
      transform: translate3d(0, 164px, 0);
    }
  }
  .smallSlideUp82 {
    animation-name: smallSlideUp82;
  }
  @keyframes smallSlideDown82 {
    from {
      transform: translate3d(0, 164px, 0);
    }
    to {
      transform: translate3d(0, 166px, 0);
    }
  }
  .smallSlideDown82 {
    animation-name: smallSlideDown82;
  }
  @keyframes smallSlideUp83 {
    from {
      transform: translate3d(0, 168px, 0);
    }
    to {
      transform: translate3d(0, 166px, 0);
    }
  }
  .smallSlideUp83 {
    animation-name: smallSlideUp83;
  }
  @keyframes smallSlideDown83 {
    from {
      transform: translate3d(0, 166px, 0);
    }
    to {
      transform: translate3d(0, 168px, 0);
    }
  }
  .smallSlideDown83 {
    animation-name: smallSlideDown83;
  }
  @keyframes smallSlideUp84 {
    from {
      transform: translate3d(0, 170px, 0);
    }
    to {
      transform: translate3d(0, 168px, 0);
    }
  }
  .smallSlideUp84 {
    animation-name: smallSlideUp84;
  }
  @keyframes smallSlideDown84 {
    from {
      transform: translate3d(0, 168px, 0);
    }
    to {
      transform: translate3d(0, 170px, 0);
    }
  }
  .smallSlideDown84 {
    animation-name: smallSlideDown84;
  }
  @keyframes smallSlideUp85 {
    from {
      transform: translate3d(0, 172px, 0);
    }
    to {
      transform: translate3d(0, 170px, 0);
    }
  }
  .smallSlideUp85 {
    animation-name: smallSlideUp85;
  }
  @keyframes smallSlideDown85 {
    from {
      transform: translate3d(0, 170px, 0);
    }
    to {
      transform: translate3d(0, 172px, 0);
    }
  }
  .smallSlideDown85 {
    animation-name: smallSlideDown85;
  }
  @keyframes smallSlideUp86 {
    from {
      transform: translate3d(0, 174px, 0);
    }
    to {
      transform: translate3d(0, 172px, 0);
    }
  }
  .smallSlideUp86 {
    animation-name: smallSlideUp86;
  }
  @keyframes smallSlideDown86 {
    from {
      transform: translate3d(0, 172px, 0);
    }
    to {
      transform: translate3d(0, 174px, 0);
    }
  }
  .smallSlideDown86 {
    animation-name: smallSlideDown86;
  }
  @keyframes smallSlideUp87 {
    from {
      transform: translate3d(0, 176px, 0);
    }
    to {
      transform: translate3d(0, 174px, 0);
    }
  }
  .smallSlideUp87 {
    animation-name: smallSlideUp87;
  }
  @keyframes smallSlideDown87 {
    from {
      transform: translate3d(0, 174px, 0);
    }
    to {
      transform: translate3d(0, 176px, 0);
    }
  }
  .smallSlideDown87 {
    animation-name: smallSlideDown87;
  }
  @keyframes smallSlideUp88 {
    from {
      transform: translate3d(0, 178px, 0);
    }
    to {
      transform: translate3d(0, 176px, 0);
    }
  }
  .smallSlideUp88 {
    animation-name: smallSlideUp88;
  }
  @keyframes smallSlideDown88 {
    from {
      transform: translate3d(0, 176px, 0);
    }
    to {
      transform: translate3d(0, 178px, 0);
    }
  }
  .smallSlideDown88 {
    animation-name: smallSlideDown88;
  }
  @keyframes smallSlideUp89 {
    from {
      transform: translate3d(0, 180px, 0);
    }
    to {
      transform: translate3d(0, 178px, 0);
    }
  }
  .smallSlideUp89 {
    animation-name: smallSlideUp89;
  }
  @keyframes smallSlideDown89 {
    from {
      transform: translate3d(0, 178px, 0);
    }
    to {
      transform: translate3d(0, 180px, 0);
    }
  }
  .smallSlideDown89 {
    animation-name: smallSlideDown89;
  }
  @keyframes smallSlideUp90 {
    from {
      transform: translate3d(0, 182px, 0);
    }
    to {
      transform: translate3d(0, 180px, 0);
    }
  }
  .smallSlideUp90 {
    animation-name: smallSlideUp90;
  }
  @keyframes smallSlideDown90 {
    from {
      transform: translate3d(0, 180px, 0);
    }
    to {
      transform: translate3d(0, 182px, 0);
    }
  }
  .smallSlideDown90 {
    animation-name: smallSlideDown90;
  }
  @keyframes smallSlideUp91 {
    from {
      transform: translate3d(0, 184px, 0);
    }
    to {
      transform: translate3d(0, 182px, 0);
    }
  }
  .smallSlideUp91 {
    animation-name: smallSlideUp91;
  }
  @keyframes smallSlideDown91 {
    from {
      transform: translate3d(0, 182px, 0);
    }
    to {
      transform: translate3d(0, 184px, 0);
    }
  }
  .smallSlideDown91 {
    animation-name: smallSlideDown91;
  }
  @keyframes smallSlideUp92 {
    from {
      transform: translate3d(0, 186px, 0);
    }
    to {
      transform: translate3d(0, 184px, 0);
    }
  }
  .smallSlideUp92 {
    animation-name: smallSlideUp92;
  }
  @keyframes smallSlideDown92 {
    from {
      transform: translate3d(0, 184px, 0);
    }
    to {
      transform: translate3d(0, 186px, 0);
    }
  }
  .smallSlideDown92 {
    animation-name: smallSlideDown92;
  }
  @keyframes smallSlideUp93 {
    from {
      transform: translate3d(0, 188px, 0);
    }
    to {
      transform: translate3d(0, 186px, 0);
    }
  }
  .smallSlideUp93 {
    animation-name: smallSlideUp93;
  }
  @keyframes smallSlideDown93 {
    from {
      transform: translate3d(0, 186px, 0);
    }
    to {
      transform: translate3d(0, 188px, 0);
    }
  }
  .smallSlideDown93 {
    animation-name: smallSlideDown93;
  }
  @keyframes smallSlideUp94 {
    from {
      transform: translate3d(0, 190px, 0);
    }
    to {
      transform: translate3d(0, 188px, 0);
    }
  }
  .smallSlideUp94 {
    animation-name: smallSlideUp94;
  }
  @keyframes smallSlideDown94 {
    from {
      transform: translate3d(0, 188px, 0);
    }
    to {
      transform: translate3d(0, 190px, 0);
    }
  }
  .smallSlideDown94 {
    animation-name: smallSlideDown94;
  }
  @keyframes smallSlideUp95 {
    from {
      transform: translate3d(0, 192px, 0);
    }
    to {
      transform: translate3d(0, 190px, 0);
    }
  }
  .smallSlideUp95 {
    animation-name: smallSlideUp95;
  }
  @keyframes smallSlideDown95 {
    from {
      transform: translate3d(0, 190px, 0);
    }
    to {
      transform: translate3d(0, 192px, 0);
    }
  }
  .smallSlideDown95 {
    animation-name: smallSlideDown95;
  }
  @keyframes smallSlideUp96 {
    from {
      transform: translate3d(0, 194px, 0);
    }
    to {
      transform: translate3d(0, 192px, 0);
    }
  }
  .smallSlideUp96 {
    animation-name: smallSlideUp96;
  }
  @keyframes smallSlideDown96 {
    from {
      transform: translate3d(0, 192px, 0);
    }
    to {
      transform: translate3d(0, 194px, 0);
    }
  }
  .smallSlideDown96 {
    animation-name: smallSlideDown96;
  }
  @keyframes smallSlideUp97 {
    from {
      transform: translate3d(0, 196px, 0);
    }
    to {
      transform: translate3d(0, 194px, 0);
    }
  }
  .smallSlideUp97 {
    animation-name: smallSlideUp97;
  }
  @keyframes smallSlideDown97 {
    from {
      transform: translate3d(0, 194px, 0);
    }
    to {
      transform: translate3d(0, 196px, 0);
    }
  }
  .smallSlideDown97 {
    animation-name: smallSlideDown97;
  }
  @keyframes smallSlideUp98 {
    from {
      transform: translate3d(0, 198px, 0);
    }
    to {
      transform: translate3d(0, 196px, 0);
    }
  }
  .smallSlideUp98 {
    animation-name: smallSlideUp98;
  }
  @keyframes smallSlideDown98 {
    from {
      transform: translate3d(0, 196px, 0);
    }
    to {
      transform: translate3d(0, 198px, 0);
    }
  }
  .smallSlideDown98 {
    animation-name: smallSlideDown98;
  }
  @keyframes smallSlideUp99 {
    from {
      transform: translate3d(0, 200px, 0);
    }
    to {
      transform: translate3d(0, 198px, 0);
    }
  }
  .smallSlideUp99 {
    animation-name: smallSlideUp99;
  }
  @keyframes smallSlideDown99 {
    from {
      transform: translate3d(0, 198px, 0);
    }
    to {
      transform: translate3d(0, 200px, 0);
    }
  }
  .smallSlideDown99 {
    animation-name: smallSlideDown99;
  }
  @keyframes smallSlideUp100 {
    from {
      transform: translate3d(0, 202px, 0);
    }
    to {
      transform: translate3d(0, 200px, 0);
    }
  }
  .smallSlideUp100 {
    animation-name: smallSlideUp100;
  }
  @keyframes smallSlideDown100 {
    from {
      transform: translate3d(0, 200px, 0);
    }
    to {
      transform: translate3d(0, 202px, 0);
    }
  }
  .smallSlideDown100 {
    animation-name: smallSlideDown100;
  }
}
a.svg {
  position: relative;
  display: inline-block;
}
a.svg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.full-width {
  width: 100% !important;
}
.side-padding-default {
  padding: 0 5%;
}
.no-height {
  height: 0 !important;
}
.display-none {
  display: none !important;
}
@media screen and (max-width: calc(768px - 1px)) {
  .display-none-phone {
    display: none !important;
  }
}
@media screen and (max-width: calc(978px - 1px)) {
  .display-none-tabdown {
    display: none !important;
  }
}
@media screen and (max-width: calc(978px - 1px)) {
  .align-center-tabdown {
    text-align: center;
  }
}
.text-align-left {
  text-align: left;
}
.x-section.banner-img.under-construction-page {
  height: calc(100vw / 2.64);
}
.home-page.under-construction-page .header-banner {
  height: auto;
}
.home-page {
  /* .product-category-cards { // see code in the _products.scss file for default styles.
	h2.woocommerce-loop-category__title { // makes home page shop categories text Lato
		font-family: 'Lato';
		font-weight: 300;
	}
    li:nth-of-type(6) {
      @include tabdown {
         margin-bottom: $product-margin-2x !important; // this increases boundary below the bottom card row
      }

    }
    li:nth-of-type(5)  { // makes the 5th and 6th cards centered
		@include desktop {
			margin-left: 26%;
		}
    }
  }
	*/
}
.home-page .header-banner {
  min-height: 400px;
  height: 56.25vw;
  max-height: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (max-width: calc(768px - 1px)) {
  .home-page .header-banner {
    min-height: 400px;
  }
}
@media screen and (max-width: calc(978px - 1px)) {
  .home-page .header-banner h1 {
    font-size: 3rem !important;
  }
  .home-page .header-banner h3 {
    font-size: 2rem !important;
  }
}
@media screen and (max-width: calc(480px - 1px)) {
  .home-page .header-banner h1.x-text-content-text-primary {
    font-size: 2rem !important;
  }
}
.home-page .header-banner .scroll-down-arrow {
  position: absolute;
  bottom: 0;
}
.home-page .header-banner .scroll-down-arrow .x-icon {
  font-size: 3rem;
  color: white;
}
@media screen and (max-width: calc(1200px - 1px)) {
  .home-page .about-section-secondary-title {
    max-width: 90% !important;
  }
  .home-page .about-section-secondary-title .x-text-content-text-primary {
    text-align: center !important;
  }
}
@media screen and (max-width: calc(1200px - 1px)) {
  .home-page .about-content-section .paul-image-col {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .home-page .about-content-section .paul-image-col img {
    transform: translateY(6.25rem);
  }
}
@media screen and (max-width: calc(1200px - 1px)) {
  .home-page .about-content-section .about-text-column {
    max-width: 90%;
    margin: auto !important;
  }
}
.home-page .about-content-section .mobile-categories {
  margin: auto;
}
.home-page .about-content-section .product-categories-secondary-mobile ul {
  width: 90%;
  margin: auto !important;
}
@media screen and (min-width: 480px) {
  .home-page .about-content-section .product-categories-secondary-mobile ul li:last-of-type {
    float: revert;
    margin: auto;
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .home-page .about-content-section .little-shop-cards {
    max-width: 51%;
  }
}
@media screen and (max-width: calc(480px - 1px)) {
  .home-page .about-content-section .little-shop-cards {
    max-width: 90%;
  }
}
@media screen and (min-width: 1200px) {
  .home-page .about-content-section .little-shop-cards {
    transform: translateY(-18.5rem);
    margin: auto;
  }
  .home-page .about-content-section .little-shop-cards.first-little-shop-card {
    margin-right: auto;
  }
  .home-page .about-content-section .little-shop-cards.third-little-shop-card {
    margin-left: auto;
  }
}
@media screen and (min-width: 2100px) {
  .home-page .about-content-section .little-shop-cards {
    transform: translateY(-17.125rem);
  }
}
@media screen and (max-width: calc(1200px - 1px)) {
  .home-page .about-content-section .little-shop-cards {
    margin: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .home-page .about-content-section .button-below-three-little-cards {
    transform: translateY(-18.5rem);
  }
}
@media screen and (min-width: 2100px) {
  .home-page .about-content-section .button-below-three-little-cards {
    transform: translateY(-17rem);
  }
}
@media screen and (min-width: 1200px) {
  .home-page .about-content-section .x-row-inner {
    max-height: 719px;
  }
}
@media screen and (min-width: 2100px) {
  .home-page .about-content-section .x-row-inner {
    max-height: 737px;
  }
}
.home-page .membership-content .x-row-inner {
  justify-content: space-evenly;
}
@media screen and (max-width: calc(978px - 1px)) {
  .home-page .membership-content .x-row-inner .x-col:first-of-type() {
    order: 1;
  }
  .home-page .membership-content .x-row-inner .x-col:nth-of-type(2) {
    order: 3;
  }
  .home-page .membership-content .x-row-inner .x-col:last-of-type() {
    order: 2;
  }
}
@media screen and (max-width: calc(480px - 1px)) {
  .home-page .membership-content .x-row-inner .x-col {
    max-width: none;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .resources-page .podcast-section .x-col:first-of-type {
    max-width: 717px;
  }
}
@media screen and (min-width: 1450px) {
  .resources-page .podcast-section {
    padding-left: 100px !important;
  }
  .resources-page .podcast-section .x-container {
    max-width: 1200px;
  }
  .resources-page .podcast-section .x-container .x-row-inner > .x-col:last-of-type {
    flex-basis: calc(33.33% - 3rem + 65px);
  }
}
.the-community-page {
  /*makes inputs full width*/
}
@media screen and (max-width: calc(978px - 1px)) {
  .the-community-page .header-banner.header-banner-community {
    min-height: 250px !important;
  }
  .the-community-page .header-banner.header-banner-community .x-bg-layer-lower-image {
    background-position-x: 33% !important;
  }
}
.the-community-page div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .the-community-page div.wpforms-container-full .wpforms-form select.wpforms-field-medium, .the-community-page div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium, .the-community-page div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
  max-width: 100% !important;
}
.the-community-page div#wpforms-1484, .the-community-page form#wpforms-form-1484 {
  margin-bottom: 0;
}
.the-community-page .wpforms-form input {
  border: solid 2px #6b6b6b !important;
}
.the-community-page .wpforms-form input::placeholder {
  color: #666666 !important;
}
body.search.search-results .entry-featured {
  width: 25%;
  max-width: 300px;
  min-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.search.search-results p.p-meta {
  display: none;
}
body.search.search-results img.attachment-entry-fullwidth.size-entry-fullwidth.wp-post-image {
  background: white;
}
body.search.search-results .entry-wrap {
  justify-content: center;
  align-items: center;
  box-shadow: none;
}
body.search.search-results .entry-wrap h2 {
  line-height: 0.9 !important;
}
body.search.search-results .entry-wrap h2 a {
  font-size: 1.3rem;
}
.single-post article {
  max-width: 1000px;
  margin: auto;
}
.single-post article h1, .single-post article h2, .single-post article h3, .single-post article h4, .single-post article h5, .single-post article h6 {
  color: #6b6b6b;
}
.single-post article h1 {
  font-size: 200%;
}
.single-post article h2 {
  font-size: 180%;
}
.single-post article h3 {
  font-size: 160%;
}
.single-post article h4 {
  font-size: 140%;
}
.single-post article h5 {
  font-size: 120%;
}
.single-post article h6 {
  font-size: 110%;
}
.single-post article p, .single-post article li, .single-post article td {
  color: black;
}
/*
.single-post .entry-featured {
	height: 400px;
	margin: 0 auto;
	display: block;
	text-align: center;

	.entry-thumb {
		background-color: white;
	}

	img {
		height: 400px;
		width: 450px;
		min-width: 300px;
	}
}
*/
/* only part of the sandbox has been added */
/* Variables - v2.0.0 */
/* This may be the most important file in the whole SCSS. It holds all the variables while the other documents in the 01-essentials folder hold the usage of those variables.  */
/*---------------------*/
/* FOLDER NAME */
/*---------------------*/
/* ========== HEADER - FILE NAME ========== */
/*---------------------*/
/* 01-ESSENTIALS */
/*---------------------*/
/* ========== 01-RESPONSE ========== */
/* ========== 02-TEXT ========== */
html {
  font-size: 14px !important;
}
/* ========== 03-COLOR ========== */
/* ========== 04-SPACE ========== */
/*---------------------*/
/* 02-UNIVERSAL-PIECES */
/*---------------------*/
/* ========== 02-BUTTONS ========== */
/* ========== 03-LINES ========== */
/*---------------------*/
/* 03-ISOLATED-PIECES */
/*---------------------*/
/* ========== 05-HEADER-PIECES ========== */
/* ========== 06-BODY-PIECES ========== */
/* ========== 07-STYLE-PIECES ========== */
/* ========== 08-NAVBAR-PIECES ========== */
/* ========== 09-FOOTER-PIECES ========== */
/* ========== 10-BLOG-PIECES ========== */
/*---------------------*/
/* 04-LAYOUTS */
/*---------------------*/
/* ========== 01-BLOG-PIECES ========== */
/* Responsive - v2.0.0 */
/*
	Usage:
	@include mixin-name {
	    //CSS code here
	}
*/
@media screen and (min-width: 1366px) {
  html {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 16px !important;
  }
}
/* Text - v2.0.0 */
/* Description: This is for all text defaults. */
.heading .x-text-content-text-primary {
  font-family: "horizon", Helvetica, Arial, Gotham, sans-serif !important;
  color: black !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}
.body-text, .post-template-default article.post p, .post-template-default article.post li, .post-template-default .x-comments-area p, .post-template-default .x-comments-area li, .ip-body-piece-11 article.post p, .ip-body-piece-11 article.post li, .ip-body-piece-11 .x-comments-area p, .ip-body-piece-11 .x-comments-area li {
  font-family: Lato, Helvetica, Arial, Gotham, sans-serif !important;
  color: #3f3f3f !important;
}
.text-xxxl.x-text {
  font-size: 5rem !important;
  line-height: 1 !important;
}
.text-xxl.x-text {
  font-size: 3.5rem !important;
  line-height: 1.1 !important;
}
.text-xl.x-text {
  font-size: 2.75rem !important;
  line-height: 1.2 !important;
}
.text-l.x-text {
  font-size: 2rem !important;
  line-height: 1.3 !important;
}
.text-m.x-text {
  font-size: 1.5rem !important;
  line-height: 1.4 !important;
}
.text-s.x-text {
  font-size: 1rem !important;
  line-height: 1.4 !important;
}
.text-xs.x-text {
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
}
.body-text, .post-template-default article.post p, .post-template-default article.post li, .post-template-default .x-comments-area p, .post-template-default .x-comments-area li, .ip-body-piece-11 article.post p, .ip-body-piece-11 article.post li, .ip-body-piece-11 .x-comments-area p, .ip-body-piece-11 .x-comments-area li {
  max-width: 780px;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .p, p, .span, span, .li, li {
  font-size: 100%;
  margin: auto;
  font-weight: 400 !important;
}
/* 03-color - v2.0.0 */
/* Description: */
.brand-color-01-color, .brand-color-01-color-hover:hover {
  color: #00ee65 !important;
}
.brand-color-02-color, .brand-color-02-color-hover:hover {
  color: #6b6b6b !important;
}
.brand-color-03-color, .brand-color-03-color-hover:hover {
  color: #535353 !important;
}
.brand-color-04-color, .brand-color-04-color-hover:hover {
  color: royalblue !important;
}
.brand-color-05-color, .brand-color-05-color-hover:hover {
  color: transparent !important;
}
.brand-color-06-color, .brand-color-06-color-hover:hover {
  color: transparent !important;
}
.brand-color-07-color, .brand-color-07-color-hover:hover {
  color: transparent !important;
}
.brand-color-08-color, .brand-color-08-color-hover:hover {
  color: transparent !important;
}
.brand-color-09-color, .brand-color-09-color-hover:hover {
  color: transparent !important;
}
.brand-color-10-color, .brand-color-10-color-hover:hover {
  color: transparent !important;
}
.brand-color-11-color, .brand-color-11-color-hover:hover {
  color: transparent !important;
}
.brand-color-12-color, .brand-color-12-color-hover:hover {
  color: transparent !important;
}
.universal-color-black-color, .universal-color-black-color-hover:hover, .universal-color-black-color .x-text-content-text-primary, .universal-color-black-color-hover:hover .x-text-content-text-primary {
  color: black !important;
}
.universal-color-dark-grey-color, .universal-color-dark-grey-color-hover:hover, .universal-color-dark-grey-color .x-text-content-text-primary, .universal-color-dark-grey-color-hover:hover .x-text-content-text-primary {
  color: #3f3f3f !important;
}
.universal-color-white-color, .universal-color-white-color-hover:hover, .universal-color-white-color .x-text-content-text-primary, .universal-color-white-color-hover:hover .x-text-content-text-primary {
  color: white !important;
}
.universal-color-light-grey-color, .universal-color-light-grey-color-hover:hover, .universal-color-light-grey-color .x-text-content-text-primary, .universal-color-light-grey-color-hover:hover .x-text-content-text-primary {
  color: #a9a9a9 !important;
}
.brand-color-01-background-color, .brand-color-01-background-color-hover:hover {
  background-color: #00ee65 !important;
}
.brand-color-02-background-color, .brand-color-02-background-color-hover:hover {
  background-color: #6b6b6b !important;
}
.brand-color-03-background-color, .brand-color-03-background-color-hover:hover {
  background-color: #535353 !important;
}
.brand-color-04-background-color, .brand-color-04-background-color-hover:hover {
  background-color: royalblue !important;
}
.brand-color-05-background-color, .brand-color-05-background-color-hover:hover {
  background-color: transparent !important;
}
.brand-color-06-background-color, .brand-color-06-background-color-hover:hover {
  background-color: transparent !important;
}
.brand-color-07-background-color, .brand-color-07-background-color-hover:hover {
  background-color: transparent !important;
}
.brand-color-08-background-color, .brand-color-08-background-color-hover:hover {
  background-color: transparent !important;
}
.brand-color-09-background-color, .brand-color-09-background-color-hover:hover {
  background-color: transparent !important;
}
.brand-color-10-background-color, .brand-color-10-background-color-hover:hover {
  background-color: transparent !important;
}
.brand-color-11-background-color, .brand-color-11-background-color-hover:hover {
  background-color: transparent !important;
}
.brand-color-12-background-color, .brand-color-12-background-color-hover:hover {
  background-color: transparent !important;
}
.universal-color-black-background-color, .universal-color-black-background-color-hover:hover {
  background-color: black !important;
}
.universal-color-dark-grey-background-color, .universal-color-dark-grey-background-color-hover:hover {
  background-color: #3f3f3f !important;
}
.universal-color-white-background-color, .universal-color-white-background-color-hover:hover {
  background-color: white !important;
}
.universal-color-light-grey-background-color, .universal-color-light-grey-background-color-hover:hover {
  background-color: #a9a9a9 !important;
}
/* Space - v2.0.0 */
/* Description: This is for all spacing defaults such as gaps, padding, margin, flex positioning, section spacing, etc. */
.x-section {
  padding: 0 0 !important;
}
.x-section-padding {
  padding: 0 0 !important;
}
.x-section-padding-bottom {
  padding-bottom: 0 !important;
}
.x-section-padding-top {
  padding-top: 0 !important;
}
.full-width {
  max-width: none !important;
  width: 100% !important;
}
.gap {
  width: 100%;
}
.gap-xxxxs {
  padding: 0.15rem 0 !important;
}
.gap-xxxs {
  padding: 0.225rem 0 !important;
}
.gap-xxs {
  padding: 0.3375rem 0 !important;
}
.gap-xs {
  padding: 0.50625rem 0 !important;
}
.gap-s {
  padding: 0.759375rem 0 !important;
}
.gap-m {
  padding: 1.1390625rem 0 !important;
}
.gap-l {
  padding: 1.70859375rem 0 !important;
}
.gap-xl {
  padding: 2.562890625rem 0 !important;
}
.gap-xxl {
  padding: 3.8443359375rem 0 !important;
}
.gap-xxxl {
  padding: 5.7665039063rem 0 !important;
}
.gap-xxxxl {
  padding: 8.6497558594rem 0 !important;
}
.gap-xxxxxl {
  padding: 12.9746337891rem 0 !important;
}
.text-center {
  text-align: center !important;
}
.text-center .x-text-content-text-primary {
  text-align: center !important;
}
/* ip-utility-classes - v2.0.0 */
/* This is for all utility classes that sit at the Isolated Piece level. */
/* Instructions: These are used by being in Cornerstone when building a page, add an IP, turn on the "Customize Element" option, 
and add custom css classes in the "Customizer" */
.remove-section-padding {
  padding: 0 !important;
}
.add-section-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.max-width-none-grid .x-grid {
  max-width: none !important;
}
.smaller-text {
  font-size: 67%;
}
.text-color-white .heading .x-text-content-text-primary, .text-color-white .heading .x-text-content-text-primary *, .text-color-white .body-text, .text-color-white .post-template-default article.post p, .post-template-default article.post .text-color-white p, .text-color-white .post-template-default article.post li, .post-template-default article.post .text-color-white li, .text-color-white .post-template-default .x-comments-area p, .post-template-default .x-comments-area .text-color-white p, .text-color-white .post-template-default .x-comments-area li, .post-template-default .x-comments-area .text-color-white li, .text-color-white .ip-body-piece-11 article.post p, .ip-body-piece-11 article.post .text-color-white p, .text-color-white .ip-body-piece-11 article.post li, .ip-body-piece-11 article.post .text-color-white li, .text-color-white .ip-body-piece-11 .x-comments-area p, .ip-body-piece-11 .x-comments-area .text-color-white p, .text-color-white .ip-body-piece-11 .x-comments-area li, .ip-body-piece-11 .x-comments-area .text-color-white li, .text-color-white .body-text *, .text-color-white .post-template-default article.post p *, .post-template-default article.post .text-color-white p *, .text-color-white .post-template-default article.post li *, .post-template-default article.post .text-color-white li *, .text-color-white .post-template-default .x-comments-area p *, .post-template-default .x-comments-area .text-color-white p *, .text-color-white .post-template-default .x-comments-area li *, .post-template-default .x-comments-area .text-color-white li *, .text-color-white .ip-body-piece-11 article.post p *, .ip-body-piece-11 article.post .text-color-white p *, .text-color-white .ip-body-piece-11 article.post li *, .ip-body-piece-11 article.post .text-color-white li *, .text-color-white .ip-body-piece-11 .x-comments-area p *, .ip-body-piece-11 .x-comments-area .text-color-white p *, .text-color-white .ip-body-piece-11 .x-comments-area li *, .ip-body-piece-11 .x-comments-area .text-color-white li * {
  color: white !important;
}
.button-align-left .button-core {
  margin-left: 0 !important;
}
/* custom-code - v2.0.0 */
/* This is for all custom code that can be used anywhere in the site. */
/* Instructions: This code is meant to be a safe way to isolate bugs or errors. This file and the variables file are the only unique files on any site. */
.l-blog-piece-01 a.post-card {
  transform: translate3d(0, 0, 0) scale(1.01);
}
.l-blog-piece-01 a.post-card .x-grid {
  grid-template-rows: auto !important;
}
.l-blog-piece-01 a.post-card .x-grid > .x-cell:not(.post-card-text-half) {
  min-height: 398px;
}
.l-blog-piece-01 a.post-card .x-grid > .x-cell:not(.post-card-text-half) {
  height: 88vw;
}
@media (min-width: 767px) {
  .l-blog-piece-01 a.post-card .x-grid > .x-cell:not(.post-card-text-half) {
    height: calc(100vw - 10rem - 20px - 20vw);
  }
}
@media (min-width: 997px) {
  .l-blog-piece-01 a.post-card .x-grid > .x-cell:not(.post-card-text-half) {
    height: calc(100vw - 10rem - 20px - 20vw - 35vw);
  }
}
@media (min-width: 1520px) {
  .l-blog-piece-01 a.post-card .x-grid > .x-cell:not(.post-card-text-half) {
    height: calc(100vw - 10rem - 20px - 20vw - 60vw);
  }
}
body.single-post div#comments {
  max-width: 1000px;
  margin: auto;
  padding-top: 40px;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .p, p, .span, span, .li, li {
  margin: unset;
}
/* TEXT FLEXIBILITY IN BLOG POSTS AND IP-BODY-PIECE-11 */
.post-template-default article.post, .post-template-default .x-comments-area, .ip-body-piece-11 article.post, .ip-body-piece-11 .x-comments-area {
  max-width: 888px;
  margin: auto;
}
.post-template-default article.post p, .post-template-default .x-comments-area p, .ip-body-piece-11 article.post p, .ip-body-piece-11 .x-comments-area p {
  margin: 0 0 1.313em;
}
.post-template-default article.post h1, .post-template-default article.post h2, .post-template-default article.post h3, .post-template-default article.post h4, .post-template-default article.post h5, .post-template-default article.post h6, .post-template-default .x-comments-area h1, .post-template-default .x-comments-area h2, .post-template-default .x-comments-area h3, .post-template-default .x-comments-area h4, .post-template-default .x-comments-area h5, .post-template-default .x-comments-area h6, .ip-body-piece-11 article.post h1, .ip-body-piece-11 article.post h2, .ip-body-piece-11 article.post h3, .ip-body-piece-11 article.post h4, .ip-body-piece-11 article.post h5, .ip-body-piece-11 article.post h6, .ip-body-piece-11 .x-comments-area h1, .ip-body-piece-11 .x-comments-area h2, .ip-body-piece-11 .x-comments-area h3, .ip-body-piece-11 .x-comments-area h4, .ip-body-piece-11 .x-comments-area h5, .ip-body-piece-11 .x-comments-area h6 {
  font-family: "horizon", Helvetica, Arial, Gotham, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 1.25em 0 0.2em !important;
}
.post-template-default article.post h1, .post-template-default .x-comments-area h1, .ip-body-piece-11 article.post h1, .ip-body-piece-11 .x-comments-area h1 {
  font-size: 2.75rem !important;
  line-height: 1.2 !important;
  margin-top: 0 !important;
}
.post-template-default article.post h2, .post-template-default .x-comments-area h2, .ip-body-piece-11 article.post h2, .ip-body-piece-11 .x-comments-area h2 {
  font-size: 2rem !important;
  line-height: 1.3 !important;
}
.post-template-default article.post h3, .post-template-default article.post h4, .post-template-default .x-comments-area h3, .post-template-default .x-comments-area h4, .ip-body-piece-11 article.post h3, .ip-body-piece-11 article.post h4, .ip-body-piece-11 .x-comments-area h3, .ip-body-piece-11 .x-comments-area h4 {
  font-size: 1.5rem !important;
  line-height: 1.4 !important;
}
.post-template-default article.post h5, .post-template-default article.post h6, .post-template-default .x-comments-area h5, .post-template-default .x-comments-area h6, .ip-body-piece-11 article.post h5, .ip-body-piece-11 article.post h6, .ip-body-piece-11 .x-comments-area h5, .ip-body-piece-11 .x-comments-area h6 {
  font-size: 1rem !important;
  line-height: 1.4 !important;
}
.post-template-default article.post .form-submit .submit, .post-template-default .x-comments-area .form-submit .submit, .ip-body-piece-11 article.post .form-submit .submit, .ip-body-piece-11 .x-comments-area .form-submit .submit {
  padding: 0.5rem 1.5rem;
  box-shadow: none;
  font-size: 1.5rem;
}
/* Makes comments look in line with the blog content */
.post-template-default #comments {
  padding: 60px;
  max-width: 888px !important;
}
@media (max-width: 978.98px) {
  .post-template-default #comments {
    padding: 36px;
  }
}
@media (max-width: 479.98px) {
  .post-template-default #comments {
    padding: 25px;
  }
}
/* Makes page content more spaced out and look nicer. */
.page .entry-content p, .page .entry-content li {
  font-family: Lato, Helvetica, Arial, Gotham, sans-serif;
}
.page .entry-content p {
  margin: 0 0 1.313em;
}
/* ip-body-piece-02 - v2.0.0 */
/* Description: This is for the style piece 02 which is a side scrolling group of reviews. */
.l-blog-piece-01 .x-grid.outer-grid {
  grid-template-columns: 1fr !important;
  max-width: 88%;
}
@media screen and (min-width: 767px) {
  .l-blog-piece-01 .x-grid.outer-grid {
    max-width: 1700px;
    grid-template-columns: 1fr 4fr !important;
    padding: 0 5rem;
  }
}
.l-blog-piece-01 .post-card {
  height: auto !important;
  max-height: none !important;
}
@media screen and (min-width: 1366px) {
  .l-blog-piece-01 .post-card {
    max-width: calc(50% - 1rem);
  }
}
.l-blog-piece-01 .post-card .x-grid {
  width: 100%;
  height: 100%;
}
.l-blog-piece-01 .post-card .x-grid .post-card-text-half {
  padding: 2rem;
}
.l-blog-piece-01 .post-card .x-grid .x-text-content-text-primary, .l-blog-piece-01 .post-card .x-grid .body-text, .l-blog-piece-01 .post-card .x-grid .post-template-default article.post p, .post-template-default article.post .l-blog-piece-01 .post-card .x-grid p, .l-blog-piece-01 .post-card .x-grid .post-template-default article.post li, .post-template-default article.post .l-blog-piece-01 .post-card .x-grid li, .l-blog-piece-01 .post-card .x-grid .post-template-default .x-comments-area p, .post-template-default .x-comments-area .l-blog-piece-01 .post-card .x-grid p, .l-blog-piece-01 .post-card .x-grid .post-template-default .x-comments-area li, .post-template-default .x-comments-area .l-blog-piece-01 .post-card .x-grid li, .l-blog-piece-01 .post-card .x-grid .ip-body-piece-11 article.post p, .ip-body-piece-11 article.post .l-blog-piece-01 .post-card .x-grid p, .l-blog-piece-01 .post-card .x-grid .ip-body-piece-11 article.post li, .ip-body-piece-11 article.post .l-blog-piece-01 .post-card .x-grid li, .l-blog-piece-01 .post-card .x-grid .ip-body-piece-11 .x-comments-area p, .ip-body-piece-11 .x-comments-area .l-blog-piece-01 .post-card .x-grid p, .l-blog-piece-01 .post-card .x-grid .ip-body-piece-11 .x-comments-area li, .ip-body-piece-11 .x-comments-area .l-blog-piece-01 .post-card .x-grid li {
  color: black;
  text-align: left;
}
.l-blog-piece-01 .post-card [data-x-particle] span {
  background-color: #00ee65 !important;
}
.l-blog-piece-01 .x-paginate .page-numbers {
  background-color: #a9a9a9 !important;
  color: white !important;
  margin-left: 0;
}
.l-blog-piece-01 .x-paginate .page-numbers:hover, .l-blog-piece-01 .x-paginate .page-numbers.next:hover {
  box-shadow: 0px 0px 0px 3px #a9a9a9;
}