@charset "UTF-8";
@import url("https://use.typekit.net/ixj3oej.css"); /*
Theme Name: Signal4
Author: Cory Allen
Description: The Signal Hound website theme
Text Domain:  signal4
Version: 1.0.0
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

button {
  outline: 0;
}

blockquote, q {
  quotes: none;
}

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

q {
  display: inline;
  font-style: italic;
}

q:before {
  content: '"';
  font-style: normal;
}

q:after {
  content: '"';
  font-style: normal;
}

textarea, input[type=text], input[type=button], input[type=submit], input[type=reset], input[type=search], input[type=password] {
  -webkit-appearance: none;
  appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  padding: 2px;
}

big {
  font-size: 120%;
}

small, sup, sub {
  font-size: 80%;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

dd {
  margin-left: 20px;
}

kbd, tt {
  font-family: courier;
  font-size: 12px;
}

ins {
  text-decoration: underline;
}

del, strike, s {
  text-decoration: line-through;
}

dt {
  font-weight: bold;
}

address, cite, var {
  font-style: italic;
}

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

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/* ================
TYPOGRAPHY SETTINGS 
================ */
html {
  font-size: 110%;
}

body {
  font-family: "proxima-nova", helvetica, sans-serif;
}

p {
  line-height: 1.6em;
  margin-top: 1.6em;
  margin-bottom: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 1em;
  margin-bottom: 1em;
  width: 100%;
}
h1.flat-top, h2.flat-top, h3.flat-top, h4.flat-top, h5.flat-top, h6.flat-top {
  margin-top: 0;
}

h1 {
  font-size: 4rem;
  line-height: 1.125em;
}

h2 {
  font-size: 2.2rem;
  line-height: 1.1em;
}

h3 {
  font-size: 1.6rem;
  line-height: 1.1em;
}

h4 {
  font-size: 1.3rem;
  line-height: 1.1em;
}

/* ===============
SITE-WIDE SETTINGS 
=============== */
html {
  scroll-behavior: smooth;
}

img {
  width: 100%;
  height: auto;
}

a {
  color: #f05422;
}
a:hover {
  color: #f05422;
}

p {
  margin: 0 0 1.3rem;
}

.small-text {
  font-size: 0.8em;
}

ul {
  line-height: 1.5em;
  font-size: 1em;
  margin: 0 0 1.5rem 18px;
}
ul.disc li {
  list-style-type: disc;
  margin-left: 18px;
}
ul.no-disc, ul.navbar-nav, ul.dlm-downloads,
ul li.widget-container, ul.lcp_catlist, ul.bbp-forums-widget {
  list-style-type: none;
  margin-left: 0;
}

ol {
  line-height: 1.5em;
  font-size: 1em;
  margin: 0 0 1.5rem;
}
ol li {
  list-style-type: decimal;
  margin-left: 1em;
}

sup {
  top: 0;
}

.alert p {
  margin-bottom: 0;
}

.hide {
  display: none;
}

.overlay.black::after {
  background-color: #000000;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.75;
}
.overlay.light::after {
  background-color: #000000;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.overlay.yellow::after {
  background-color: #ffc107;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.overlay.blue::after {
  background-color: #0a4772;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.overlay.peacock::after {
  background-color: #15515d;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.9;
}
.overlay * {
  position: relative;
  z-index: 1;
}

.underlay.light {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  padding: 2px 6px;
}

.page-title {
  color: #ffffff;
  font-weight: 400;
  position: relative;
}
.page-title.banner.med {
  padding: 4em 0 0;
}
.page-title .container {
  max-width: 1440px;
}
.page-title h1 {
  margin-bottom: 0.6em;
  margin-top: 0;
  text-shadow: 4px 4px 0px rgba(57, 57, 57, 0.6);
  position: relative;
  z-index: 1;
}
.page-title p:first-of-type {
  margin-top: 1.5em;
}

.page-title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: repeating-linear-gradient(375deg, rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 11px, rgba(255, 255, 255, 0.03) 11px, rgba(255, 255, 255, 0.03) 12px, transparent 12px, transparent 32px), repeating-linear-gradient(420deg, rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 11px, rgba(255, 255, 255, 0.03) 11px, rgba(255, 255, 255, 0.03) 12px, transparent 12px, transparent 32px), repeating-linear-gradient(330deg, rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 11px, rgba(255, 255, 255, 0.03) 11px, rgba(255, 255, 255, 0.03) 12px, transparent 12px, transparent 32px), repeating-linear-gradient(465deg, rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 11px, rgba(255, 255, 255, 0.03) 11px, rgba(255, 255, 255, 0.03) 12px, transparent 12px, transparent 32px), linear-gradient(420deg, rgb(21, 81, 93), rgb(7, 128, 109));
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 100;
}

.wp-block-image {
  margin-top: 2em;
  margin-bottom: 2em;
  width: 100%;
}
.wp-block-image figcaption {
  font-style: italic;
  font-size: 0.9em;
  text-align: center;
  margin-bottom: 0;
}
.wp-block-image img {
  height: auto;
}

.tabbed-heading {
  border-left: 10px solid #f05422;
  padding-left: 6px;
}

.grotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.grotate:hover {
  transform: scale(1.05) rotate(4deg);
}

.ntm-1 {
  margin-top: -1em !important;
}

.img-crop {
  width: 320px;
  height: 180px;
  overflow: hidden;
  margin: 0 0 0.5em;
  line-height: 100px;
}

.site-notification-bar {
  padding: 0.3em 0;
}
.site-notification-bar a {
  display: inline-block;
  margin-left: 1em;
}

/* =============
NAV STYLING
============= */
nav ul li {
  list-style-type: none;
  margin-left: 0;
}

/* =============
FOOTER STYLING
============= */
footer {
  background-color: rgb(219, 216, 216);
  padding: 0;
}

.copyright {
  padding-top: 1em;
}

footer ul {
  margin-left: 4px;
}
footer ul li {
  list-style-type: none;
  margin-left: 0;
}

/* =============
BANNERS & PANELS
============= */
.banner {
  padding: 2em 0;
}
.banner.text-equalize {
  padding: 2em 0 3em;
}
.banner.med {
  padding: 4em 0;
}
.banner.med.text-equalize {
  padding: 4em 0 5em;
}
.banner.tall {
  padding: 6em 0;
}
.banner.tall.text-equalize {
  padding: 6em 0 7em;
}
.banner.black {
  background-color: #000000;
}
.banner.darkgrey {
  background-color: #393939;
}
.banner.grey {
  background-color: #c6c6c6;
}
.banner.lightergrey {
  background-color: #d6d2d2;
}
.banner.lightgrey {
  background-color: #dbd8d8;
}
.banner.barelygrey {
  background-color: #eeeeee;
}
.banner.tan {
  background-color: #107462;
  color: #ffffff;
}
.banner.tan a {
  background-color: #ffffff;
  padding: 0 6px;
  border-radius: 3px;
}

/* =============
EXPANDING PANELS
============= */
.collapsethis {
  padding: 18px;
  font-size: 15px;
  display: block;
  text-decoration: none;
}
.collapsethis:before {
  content: "Expand ";
}
.collapsethis:after {
  content: " ↓";
}
.collapsethis.activated:before {
  content: "Collapse ";
}
.collapsethis.activated:after {
  content: " ↑";
}
.collapsethis.bare {
  padding: 0;
  display: inline-block;
  font-size: 17.6px;
}
.collapsethis.bare:before {
  content: none;
}
.collapsethis.bare:after {
  font-family: FontAwesome;
  content: " \f107";
}
.collapsethis.bare.activated:after {
  font-family: FontAwesome;
  content: " \f106";
}

.slidecontent {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  background-color: #f1f1f1;
  margin-bottom: 1em;
  border-radius: 5px;
}
.slidecontent.faq-box {
  padding: 0;
}
.slidecontent p {
  padding: 18px 18px 0;
}

.spike-gallery .slidecontent {
  background: none;
}

#newsletterSignup {
  padding: 14px;
  font-size: 15px;
  display: inline-block;
  text-decoration: none;
  background-color: #eeeeee;
  border-radius: 5px;
  margin: 0 0 25px 3px;
}
#newsletterSignup:hover {
  text-decoration: none;
  background-color: #c6c6c6;
  transition: all 0.18s ease-out;
}

.nlsignup {
  background: #eeeeee;
  border-radius: 10px;
  border-top-left-radius: 0;
  -webkit-box-shadow: 4px 16px 0px -1px #c6c6c6;
  box-shadow: 4px 16px 0px -1px #c6c6c6;
}

.nlcta {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  margin-bottom: 2.2em;
  margin-top: -9px;
}

p.question {
  margin-bottom: 0;
}

p.question + p {
  margin-top: 0;
}

/* =============
BLOG
============= */
.blog aside select,
.category aside select {
  background: none;
  color: white;
  padding: 5;
  margin: 0;
  border: 1px solid white;
  border-radius: 5px;
  width: 100%;
}
.blog aside select option,
.category aside select option {
  color: #000000;
}

.blog aside .articletype,
.category aside .articletype {
  font-size: 0.8em;
  display: inline-block;
  margin-top: -1px;
}

.banner.post-header {
  padding-bottom: 14em;
  color: #ffffff;
}

.post-title .container {
  max-width: 1440px;
}
.post-title h1 {
  border-left: 14px solid #f05422;
  padding-left: 0.2em;
}

.single-post .byline {
  font-weight: 200;
  position: relative;
  margin-left: 60px;
}
.single-post .byline img {
  position: absolute;
  left: -30px;
  width: 26px;
  border-radius: 50px;
  background: #fff;
}

.blog-content {
  margin-top: -9em;
  position: relative;
  background-color: #ffffff;
  padding: 2em 3em;
  border-radius: 3px;
}

.entry-meta {
  font-size: 0.8em;
  padding-left: 4px;
  padding-top: 1.5em;
}

.aligncenter img {
  margin: 0 auto;
}

section.comments-banner {
  background-color: #393939;
}

.container.comments-container {
  padding: 0em 3em;
  color: #ffffff;
}

.blog-highlights .img-crop {
  width: 100%;
  height: 120px;
  overflow: hidden;
  margin: 0 auto 0.5em;
  line-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog-highlights h5 {
  margin-top: 2.8em !important;
}

.blog .entry-summary img {
  width: 100%;
  height: auto;
}

.blog article,
.category article {
  margin-top: 5em;
}
.blog article .entry-meta,
.category article .entry-meta {
  padding-left: 0;
}
.blog article.sticky,
.category article.sticky {
  display: none;
}

.blog-navi {
  padding: 5em 0 2em;
}
.blog-navi * {
  line-height: 0;
  padding: 0.4em 0.8em;
  margin: 0.3em;
  background-color: #dbd8d8;
  border-radius: 0.3rem;
}

.blog.paged .blog-highlights {
  display: none;
}
.blog.paged .sticky-posts {
  display: none;
}

.lcp_catlist li {
  margin-bottom: 2em;
  background: #eeeeee;
  padding: 20px;
  border-radius: 10px;
}

/* =============
LANDING PAGES
============= */
.page-template-page-landing-content .entry-content img {
  margin-top: -2em;
  border-radius: 10px;
  -webkit-box-shadow: 19px 34px 43px -18px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: 19px 34px 43px -18px rgba(0, 0, 0, 0.53);
  box-shadow: 19px 34px 43px -18px rgba(0, 0, 0, 0.53);
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 992px) {
  .page-template-page-landing-content .entry-content img {
    margin-top: 0;
    -webkit-box-shadow: 19px 34px 43px -18px rgba(0, 0, 0, 0.53);
    -moz-box-shadow: 19px 34px 43px -18px rgba(0, 0, 0, 0.53);
    box-shadow: 19px 34px 43px -18px rgba(0, 0, 0, 0.53);
  }
}
/* Block-based landing pages */
.inset-peacock {
  background: #15515d;
  padding: 30px;
  border-radius: 10px;
}

.preorder-box {
  background: #eae0d2;
  padding: 10px 20px 10px 30px;
  height: 60%;
  margin-top: 19px;
  margin-left: -10px !important;
  border-radius: 10px;
}

.campaign-signup-box {
  background: #f2f2f2;
  padding: 0 20px;
  margin-top: -30px;
  border-radius: 10px;
}

/* =============
Downloads
============= */
.doc-download img {
  border: 1px solid #dbd8d8;
  max-width: 70%;
  display: block;
  margin: 0 auto 16px;
}

.doc-download.doc-archive {
  position: relative;
  overflow: hidden;
  padding: 1em 1em 1em 1em;
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  background: #F4F4F4;
  margin-bottom: 2em;
  height: 92%;
}
.doc-download.doc-archive.doc-release-listing {
  height: auto;
  background: none;
  border: none;
  margin-bottom: 8px;
}

.doc-download.doc-archive img {
  border-radius: 4px;
  max-width: 100%;
  margin: 0;
}

.doc-download.doc-archive h3,
.doc-download.doc-archive h5 {
  margin: 0 0 0.5em;
}

.doc-download.doc-archive p {
  margin: 0 0 0.6em;
  font-size: 0.9em;
}
.doc-download.doc-archive .patent-list-box p {
  margin-bottom: 0;
}

.doc-download.content-page img {
  border-radius: 4px;
  max-width: 100%;
  margin: 0;
}

.doc-download .download-count {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  color: #777;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background: #ddd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.3em 0.5em;
  width: auto;
  min-width: 1em;
  font-size: 0.7em;
  text-align: center;
  vertical-align: middle;
  line-height: 1em;
  border: 1px solid #bbb;
  margin: 0.7em 0 0 1.9em;
}

/* =============
WOOCOMMERCE
============= */
.woocommerce aside {
  font-size: 0.9em;
}

body.woocommerce.single-product {
  background-color: #eeeeee;
}

/*Override WC's auto-height on img on WC pages... was making logo too small*/
nav.navbar img.site-logo {
  height: 34px;
  width: auto;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #f05422;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  top: -0.4em;
  background-color: #f05422;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
  height: 0.25em;
}

.woocommerce .widget_recently_viewed_products {
  font-size: 0.9em;
}
.woocommerce .widget_recently_viewed_products span.product-title {
  font-weight: normal;
}

.woocommerce .woocommerce-result-count {
  margin-top: 2em;
  color: #c6c6c6;
}
.woocommerce .orderby {
  margin-top: 2em;
}

.woocommerce .woocommerce-cart-form td.product-thumbnail {
  padding: 0;
}

.woocommerce-cart table.cart img {
  width: auto;
  margin-top: 8px;
  border-radius: 8px;
}

.woocommerce table.shop_table {
  border: none;
}

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row {
  display: block;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  max-width: unset;
  padding-left: 0;
  padding-right: 0;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: none;
}

.woocommerce span.onsale {
  padding: 0;
  background-color: #ffc107;
}

.woocommerce .price, .woocommerce .stock {
  color: #000000 !important;
}

.wc-pao-addon-container {
  text-align: left;
  margin-bottom: 2em;
  background: #efefef;
  padding: 2em;
  border-top: 1px dotted #5f5f5f;
  border-bottom: 1px dotted #5f5f5f;
}

.woocommerce-message {
  border-top-color: #ffc107;
}
.woocommerce-message::before {
  color: #ffc107;
}

/* Related media box on individual product pages */
.related-media div:before {
  font-family: FontAwesome;
  padding-right: 4px;
  color: #777;
  font-size: 1.2em;
}

.related-media div.item-data-sheet:before {
  content: "\f1c1";
}

.related-media div.item-manual:before {
  content: "\f02d";
}

.related-media div.item-videos:before {
  content: "\f16a";
}

.related-media div.item-forum-available:before {
  content: "\f0c0";
}

.related-media div.item-product-downloads:before {
  content: "\f019";
}

/* Commerce Control Licenscing agreement on checkout page */
#ccl_checkout_options {
  background: rgba(245, 93, 65, 0.2);
  padding: 0.1em 1.2em 1em;
  border-left: 4px solid #b04932;
}

#ccl-dialog {
  display: none;
  font-family: "open-sans";
  font-size: 0.8em;
  font-weight: 200;
}

a.ccl-euc-pdf {
  margin-right: 2em;
}

a.ccl-euc-pdf::before {
  font-family: FontAwesome;
  content: "\f1c1";
}

a.ccl-euc-form::before {
  font-family: FontAwesome;
  content: "\f036";
}

.woocommerce form #ccl_checkout_options .form-row .input-checkbox {
  display: inline;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  width: 13px;
}

.single-product .page-title .prod-meta,
.prod-meta {
  background: rgba(255, 255, 255, 0.33);
  border-radius: 10px;
  padding: 20px;
  margin-top: 1em;
}

.paged .prod-meta {
  display: none;
}

.single-product .page-title .woocommerce-product-rating .star-rating,
.single-product .page-title .woocommerce-product-rating a {
  color: #ffffff !important;
}

.product.type-product {
  margin-top: -30px;
}

.prod-meta > p.price {
  color: #ffffff !important;
  font-size: 1.3em;
}
.prod-meta > p.price::before {
  content: "Price: ";
}

form.cart .variations select {
  width: 100%;
}

.woocommerce div.product form.cart {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    width: 96%;
    margin: 0 2%;
  }
  .woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .woocommerce div.product div.summary {
    margin-bottom: 2em;
    width: 100%;
    margin-right: 0;
    padding: 20px;
    background-color: #ffffff;
    border-top-right-radius: 0;
  }
  .woocommerce div.product span.onsale {
    left: 1%;
  }
}
@media (min-width: 767.98px) {
  .woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    width: 45%;
    margin-left: 5%;
  }
  .woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
    border-top-left-radius: 10px;
  }
  .woocommerce div.product div.summary {
    margin-bottom: 2em;
    width: 45%;
    margin-right: 5%;
    padding: 20px;
    background-color: #ffffff;
    border-top-right-radius: 10px;
  }
  .woocommerce div.product span.onsale {
    left: 4%;
  }
}
@media (min-width: 1599.98px) {
  .woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    width: 35%;
    margin-left: 15%;
  }
  .woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
    border-top-left-radius: 10px;
  }
  .woocommerce div.product div.summary {
    margin-bottom: 2em;
    width: 35%;
    margin-right: 15%;
    padding: 20px;
    background-color: #ffffff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .woocommerce div.product span.onsale {
    left: 14%;
  }
}
section.related.products {
  padding: 30px 10%;
  background-color: #484848;
  color: #ffffff;
}
section.related.products span.price {
  color: #ffffff !important;
}

.woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 1.6em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  border-radius: 0;
  background: #dbd8d8;
  margin: 0 3px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 700;
  color: #f05422;
  padding: 1em 0.5em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #f05422;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  content: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-left: 2px solid #f05422;
  background-color: #ffffff;
}

.woocommerce #content .product .woocommerce-tabs li.active a {
  color: #333;
}

.woocommerce #content .product .woocommerce-tabs ul.tabs li a:before {
  font-family: FontAwesome;
  content: "\f0c9";
  padding-right: 4px;
}

.woocommerce #content .product .woocommerce-tabs li.reviews_tab a:before {
  content: "\f075";
}

.woocommerce #content .product .woocommerce-tabs li a:hover {
  color: #333;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background: #ffffff;
  padding-top: 1em;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs .panel .banner.product-highlights i {
  font-size: 26px;
}

.woocommerce div.product .woocommerce-tabs .panel .banner.product-highlights hr {
  color: #000;
}

.woocommerce div.product .woocommerce-tabs .panel .banner.product-highlights .spec {
  padding-top: 3em;
}

.woocommerce div.product .woocommerce-tabs .panel section.banner {
  position: inherit;
}

.woocommerce div.product .woocommerce-tabs .panel section.product-video iframe {
  margin: -3em auto;
  width: 100%;
}

.woocommerce div.product .woocommerce-tabs .panel section.video-banner .responsive-container {
  padding-bottom: 40%;
  margin: -1em 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0 0 0 30px;
  border-top: none;
  border-bottom: 1px solid #e4e1e3;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 1em 1em 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  float: left;
  position: absolute;
  top: 14px;
  left: 0;
  padding: 3px;
  width: 40px;
  height: auto;
  background: none;
  border: none;
  border-radius: 50px;
  margin: 0;
  box-shadow: none;
}

.woocommerce #reviews #comments ol.commentlist li {
  margin: 0 0 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
  color: #000;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  font-size: 0.9em;
}

.woocommerce #reviews #comments ol.commentlist li {
  z-index: 1;
}

.woocommerce div.product #reviews.woocommerce-Reviews {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

.woocommerce #reviews #comments ol.commentlist li {
  list-style: none;
}

.woocommerce-cart-form__cart-item.cart_item.bundled_table_item td.product-thumbnail a img {
  width: 60%;
}

.comment-respond .comment-reply-title {
  font-weight: bold;
  margin: 1.5em 0;
  display: block;
  font-size: 1.5em;
}

#reviewmodal {
  display: none;
  /* temp til delivered */
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  color: #fff;
  z-index: 1002;
  display: none;
}

#reviewmodal div {
  width: 20%;
  margin: 0 auto;
  padding: 26px 0 20px;
}

@media (max-width: 768px) {
  #reviewmodal div {
    width: 80%;
  }
}
.logged-in #reviewmodal {
  top: 32px;
}

#reviewmodal a#closeButton {
  color: #fff;
  position: absolute;
  right: 20px;
  top: 20px;
  font-weight: 200;
  font-size: 0.9em;
}

/* =============
COMPARISON TABLE
============= */
table.comparison td:first-of-type {
  font-weight: bold;
}

table.comparison tr:nth-of-type(odd) {
  background: #eee;
}

table.comparison th {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-weight: bold;
}

table.comparison td,
table.comparison th {
  padding: 1.6em;
  border: none;
  text-align: left;
  width: 20%;
  display: inline-block;
}

table.comparison ul {
  padding-left: 0;
}

.logged-in .persist-header.floatingHeader {
  padding-top: 32px !important;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  table.comparison table,
  table.comparison thead,
  table.comparison tbody,
  table.comparison th,
  table.comparison td,
  table.comparison tr {
    display: block;
  }
  table.comparison thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.comparison tr {
    border: none;
  }
  table.comparison td {
    border: none;
    border-bottom: none;
    position: relative;
    padding-left: 50%;
    width: 100%;
  }
  table.comparison td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  table.comparison td:nth-of-type(1):before {
    content: "";
    padding-top: 1.25em;
    font-weight: bold;
  }
  table.comparison td:nth-of-type(2):before {
    content: "BB60C";
    padding-top: 1.25em;
  }
  table.comparison td:nth-of-type(3):before {
    content: "USB-SA44B";
    padding-top: 1.25em;
  }
  table.comparison td:nth-of-type(4):before {
    content: "USB-SA124B";
    padding-top: 1.25em;
  }
  table.comparison td:nth-of-type(5):before {
    content: "SM200B";
    padding-top: 1.25em;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  table.comparison body {
    padding: 0;
    margin: 0;
    width: 320px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  table.comparison body {
    width: 495px;
  }
}
.persist-header:first-of-type {
  display: none;
}

/* =============
WP FB AUTOCONNECT
============= */
.widget_loginlogout #user_pass,
.widget_autoconnect_premium #user_pass,
.widget_loginlogout #user_login,
.widget_autoconnect_premium #user_login {
  width: 100%;
  padding: 0.5em;
}

.widget_loginlogout #user_login {
  margin-bottom: 8px;
}

.widget_loginlogout #wp-submit,
.widget_autoconnect_premium #wp-submit {
  width: 40%;
  margin: 0 auto 10px;
  display: block;
  padding: 14px;
  line-height: 0;
}

.widget_loginlogout button#wp-submit {
  margin: 0 auto;
  width: 33%;
  display: block !important;
}

.widget_loginlogout .user-links {
  text-align: center;
}

.widget_loginlogout span.fb_text {
  margin-top: 5px;
  display: block;
}

.widget_loginlogout span.fbLoginButton {
  width: 132px;
  margin: 0 auto;
  margin-top: 0;
}

.bg01 {
  background: url(/wp-content/uploads/2018/07/sm-bench-97.jpg);
  background-size: cover !important;
  background-position: bottom;
}

.darkfade {
  color: white;
  background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(0, 0, 7, 0.6087478937) 21%, rgba(0, 0, 7, 0.7572071065) 41%, rgba(0, 0, 6, 0.7824171905) 61%, rgba(0, 0, 6, 0.6031456528) 78%, rgba(0, 0, 0, 0) 100%);
  padding: 3em 4em;
}

/*comments */
.comments img {
  width: 48px;
  height: 48px;
  border-radius: 25px;
}
.comments .comment-body {
  background: rgba(226, 226, 226, 0.1490196078);
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 10px;
}
.comments ul.children {
  padding-left: 40px;
}
.comments ul.children .comment-body {
  background: rgba(226, 226, 226, 0.231372549);
}

/*landing page big numbers*/
.big-number {
  background: #15515d;
  font-size: 10em;
  font-weight: 700;
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 50%;
  padding-left: 40px;
  height: 155px;
  width: 155px;
  -webkit-box-shadow: -1px -2px 0px 2px #E2E2E2;
  box-shadow: -1px -2px 0px 2px #E2E2E2;
}
.big-number.big-one {
  padding-left: 60px;
  padding-top: 5px;
}
.big-number.big-two {
  padding-left: 30px;
}
.big-number.big-three {
  padding-left: 35px;
  padding-top: 8px;
}

.big-number-heading {
  display: flex;
  align-items: center;
}

/* ===============
MENU STYLING 
=============== */
nav.navbar {
  background: linear-gradient(90deg, rgb(60, 39, 25) 0%, rgb(0, 0, 0) 80%, rgb(0, 0, 0) 100%) !important;
  background-image: linear-gradient(90deg, rgb(60, 39, 25) 0%, rgb(0, 0, 0) 80%, rgb(0, 0, 0) 100%) !important;
}

@media only screen and (min-width: 1024px) {
  ul.navbar-nav > li.menu-item {
    padding-right: 1.5em;
    font-size: 0.95em;
  }
  ul.dropdown-menu.show::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    width: 17px;
    height: 17px;
    -webkit-transform: translate(-50%, 0) rotate(-315deg);
    transform: translate(-50%, 0) rotate(-315deg);
    border-radius: 1px;
    background-color: #fff;
    z-index: -1;
  }
  ul.dropdown-menu li a {
    padding: 0.7em 1.4em;
    font-size: 0.9em;
    font-weight: bold;
    transition: all 0.1s ease-in-out;
    border-radius: 3px;
  }
  ul.dropdown-menu li a:hover {
    transform: translateX(-4.5px);
    -webkit-box-shadow: 0px 2px 6px -3px rgba(0, 0, 0, 0.86);
    box-shadow: 0px 2px 6px -3px rgba(0, 0, 0, 0.86);
  }
  ul.dropdown-menu li a:active {
    transform: translateY(1px) translateX(-3.5px);
    background-color: #f8f9fa;
    color: black;
  }
  ul.dropdown-menu li.no-bold a {
    font-weight: normal;
  }
  ul.dropdown-menu li.product-145 a:before {
    content: "";
    background-image: url("assets/img/menu/sp145-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-145 a::after {
    display: block;
    content: "14.5 GHz – Coming soon!";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 44px;
    font-style: italic;
  }
  ul.dropdown-menu li.product-435b a:before {
    content: "";
    background-image: url("assets/img/menu/sm435b-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-435b a::after {
    display: block;
    content: "43.5 GHz, connects over USB 3.0";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 44px;
  }
  ul.dropdown-menu li.product-435c a:before {
    content: "";
    background-image: url("assets/img/menu/sm435c-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-435c a::after {
    display: block;
    content: "43.5 GHz, connects over 10GbE";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 44px;
  }
  ul.dropdown-menu li.product-200c a:before {
    content: "";
    background-image: url("assets/img/menu/sm200c-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-200c a::after {
    display: block;
    content: "20 GHz, connects over 10GbE";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 44px;
  }
  ul.dropdown-menu li.product-200b a:before {
    content: "";
    background-image: url("assets/img/menu/sm200b-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-200b a::after {
    display: block;
    content: "20 GHz, connects over USB 3.0";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 44px;
  }
  ul.dropdown-menu li.product-bb60d a:before {
    content: "";
    background-image: url("assets/img/menu/bb60d-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-bb60d a::after {
    display: block;
    content: "6 GHz, connects over USB 3.0";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 44px;
  }
  ul.dropdown-menu li.product-bb60c a:before {
    content: "";
    background-image: url("assets/img/menu/bb60c-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-bb60c a::after {
    display: block;
    content: "6 GHz, connects over USB 3.0";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 44px;
  }
  ul.dropdown-menu li.product-sa124b a:before {
    content: "";
    background-image: url("assets/img/menu/sa124b-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-sa124b a::after {
    display: block;
    content: "12.4 GHz, connects over USB 2.0";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 44px;
  }
  ul.dropdown-menu li.product-sa44b a:before {
    content: "";
    background-image: url("assets/img/menu/sa44b-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-sa44b a::after {
    display: block;
    content: "4.4 GHz, connects over USB 2.0";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 44px;
  }
  ul.dropdown-menu li.product-vsg60a a:before {
    content: "";
    background-image: url("assets/img/menu/vsg60a-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-vsg60a a::after {
    display: block;
    content: "6 GHz, 40 MHz real-time streaming";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 47px;
  }
  ul.dropdown-menu li.product-vsg25a a:before {
    content: "";
    background-image: url("assets/img/menu/vsg25a-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-vsg25a a::after {
    display: block;
    content: "2.5 GHz, connects over USB 2.0";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 47px;
  }
  ul.dropdown-menu li.product-tg124a a:before {
    content: "";
    background-image: url("assets/img/menu/tg124a-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-tg124a a::after {
    display: block;
    content: "12.4 GHz, pairs with the SA124B";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 47px;
  }
  ul.dropdown-menu li.product-tg44a a:before {
    content: "";
    background-image: url("assets/img/menu/tg44a-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.product-tg44a a::after {
    display: block;
    content: "4.4 GHz, pairs with the SA44B";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 47px;
  }
  ul.dropdown-menu li.software-spike a:before {
    content: "";
    background-image: url("assets/img/menu/spike-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.software-spike a::after {
    display: block;
    content: "Our (free) flagship RF analysis software";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 47px;
  }
  ul.dropdown-menu li.software-vsg60 a:before {
    content: "";
    background-image: url("assets/img/menu/vsg60-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.software-vsg60 a::after {
    display: block;
    content: "Signal generation software for the VSG60A";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 47px;
  }
  ul.dropdown-menu li.software-sdk a:before {
    content: "";
    background-image: url("assets/img/menu/sdk-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.software-sdk a::after {
    display: block;
    content: "Build custom applications";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 47px;
  }
  ul.dropdown-menu li.software-cal a:before {
    content: "";
    background-image: url("assets/img/menu/cal-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.software-cal a::after {
    display: block;
    content: "For calibration of our devices";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 47px;
  }
  ul.dropdown-menu li.software-labview a:before {
    content: "";
    background-image: url("assets/img/menu/labview-menu.jpg");
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  ul.dropdown-menu li.software-labview a::after {
    display: block;
    content: "Signal Hound drivers for LabVIEW";
    font-weight: normal;
    line-height: 1;
    font-size: 0.85em;
    padding-left: 47px;
  }
  ul.dropdown-menu li.support-menu a:before {
    font-family: FontAwesome;
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    padding-left: 20px;
  }
  ul.dropdown-menu li.support-menu.support-request a:before {
    content: "\f1cd";
    font-size: 30px;
  }
  ul.dropdown-menu li.support-menu.support-forums a:before {
    content: "\f086";
    font-size: 30px;
  }
  ul.dropdown-menu li.support-menu.support-downloads a:before {
    content: "\f019";
    font-size: 30px;
  }
  ul.dropdown-menu li.support-menu.support-spike-faqs a:before {
    content: "\f059";
    font-size: 36px;
  }
  ul.dropdown-menu li.support-menu.support-calibration a:before {
    content: "\f0e4";
    font-size: 32px;
  }
  ul.dropdown-menu li.support-menu.support-developer a:before {
    content: "\f109";
    font-size: 32px;
  }
  ul.dropdown-menu li.resources-menu a:before {
    font-family: FontAwesome;
    font-weight: normal;
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -23px;
    margin-left: -22px;
    padding-left: 20px;
  }
  ul.dropdown-menu li.resources-menu.resources-applications a:before {
    content: "\f0b1";
    font-size: 29px;
  }
  ul.dropdown-menu li.resources-menu.resources-learn a:before {
    content: "\f14e";
    font-size: 34px;
  }
  ul.dropdown-menu li.resources-menu.resources-reviews a:before {
    content: "\f123";
    font-size: 30px;
  }
  ul.dropdown-menu li.resources-menu.resources-media a:before {
    content: "\f1ea";
    font-size: 28px;
  }
  ul.dropdown-menu li.resources-menu.resources-library a:before {
    content: "\f0c5";
    font-size: 30px;
  }
  ul.dropdown-menu li.resources-menu.resources-videos a:before {
    content: "\f008";
    font-size: 30px;
  }
  ul.dropdown-menu li.resources-menu.resources-blog a:before {
    content: "\f040";
    font-size: 30px;
  }
  ul.dropdown-menu li.resources-menu.resources-pr a:before {
    content: "\f0f6";
    font-size: 30px;
  }
  ul.dropdown-menu li.resources-menu.resources-patent a:before {
    content: "\f0a3";
    font-size: 30px;
  }
  ul.dropdown-menu li.resources-menu.resources-cad a:before {
    content: "\f1c5";
    font-size: 30px;
  }
  ul.dropdown-menu li.all-products {
    border-top: 1px solid #d6d2d2;
    padding-top: 8px;
  }
  .dropdown-menu {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  ul#menu-secondary-menu {
    font-size: 0.75em;
  }
  ul#menu-secondary-menu li {
    padding-right: 0.5emlinear-gradient 90deg, rgb(60, 39, 25) 0%, rgb(0, 0, 0) 80%, rgb(0, 0, 0) 100% !important;
  }
}
.dropdown-toggle::after {
  border: none !important;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107" !important;
  vertical-align: 0;
}

.cart-contents {
  position: relative;
  display: flex !important;
  flex-flow: column nowrap;
  justify-content: center;
  margin-top: 0.5em;
  margin-right: 10px;
}
.cart-contents:before {
  font-family: "FontAwesome";
  font-weight: 200;
  content: "\f07a" !important;
  font-size: 1.5em;
  color: rgba(255, 255, 255, 0.5);
}
.cart-contents.cart-contents:hover {
  text-decoration: none;
}
.cart-contents-count {
  position: absolute;
  top: 5px;
  right: -5px;
  transform: translateY(-105%) translateX(25%);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 17px;
  height: 17px;
  width: 17px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background: #007bff;
  border-radius: 50%;
  padding: 1px;
}

.shsearchform {
  display: block;
  width: 400px;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 1px;
  z-index: 9999;
}

.search-sh a.search-icon {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.5em;
  position: relative;
  display: block;
  margin-top: 6px;
  margin-left: 0.6em;
}
.search-sh a.search-icon:hover {
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}

.search-form input[type=search] {
  border-top-right-radius: 4.4px !important;
  border-bottom-right-radius: 4.4px !important;
  margin-right: 2px;
}

@media (max-width: 576px) {
  .cart-contents {
    position: relative;
    display: block;
    margin-top: 0.5em;
    text-align: center;
    padding: 1.7em 0 0.6em;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .cart-contents:before {
    font-family: "FontAwesome";
    font-weight: 200;
    content: "\f07a" !important;
    font-size: 1.5em;
    color: rgba(255, 255, 255, 0.5);
  }
  .cart-contents.cart-contents:hover {
    text-decoration: none;
  }
  .cart-contents-count {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -16px;
    transform: translateY(-100%) translateX(50%);
  }
  .search-sh a.search-icon {
    text-align: center;
    padding: 0.6em 0 0.8em;
    margin-left: -3px;
  }
}
/* =============
COMMENT FORM
============= */
#respond {
  padding: 0 10px 0 10px;
}
#respond label {
  width: 100%;
}
#respond #comment, #respond #author, #respond #email, #respond #url {
  width: 100%;
  border-radius: 3px;
  padding: 5px;
}

p.akismet_comment_form_privacy_notice {
  font-size: 0.8em;
  padding-left: 0.8em;
}

.comments ul {
  margin-left: 0;
}
.comments ul li {
  list-style-type: none;
}

/* Style active form fields */
#respond input[type=text], textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}

/* select2-related styling is for the State dropdown on the checkout page */
select,
.select2.select2-container {
  background-color: #eeeeee;
  padding: 0.5em 0.3em;
  border: none;
  border-bottom: 1px solid #333;
}

span.select2-selection__rendered {
  background-color: #eeeeee;
}

span.select2-selection.select2-selection--single {
  border: none;
}
span.select2-selection.select2-selection--single span.select2-selection__arrow {
  top: 8px;
}

.input-text,
.wpforms-field-container input[type=text],
.wpforms-field-container input[type=email],
.wpforms-field-container textarea,
.gform-body input[type=text],
.forum-archive #sidebar input[type=text],
.topic #sidebar input[type=text],
.forum-archive #sidebar input[type=password] {
  background-color: #eeeeee;
  border-radius: 0;
  padding: 0.6em;
  border: none;
  border-bottom: 1px solid #393939;
}

#bbpress-forums {
  margin-right: 2%;
  font-size: 1em;
  float: left;
  clear: none;
  width: 96%;
  padding-left: 0.7em;
}

#bbpress-forums div.bbp-breadcrumb p {
  margin-top: 0;
}

#bbpress-forums p,
#bbpress-forums ul.bbp-topics {
  font-size: 1em;
  line-height: 1.4em;
}

#bbpress-forums ul.bbp-replies li.bbp-body {
  font-size: 1.4em;
}

#bbpress-forums ul.bbp-replies span.bbp-reply-post-date {
  font-size: 0.9em;
}

#bbpress-forums ul.bbp-forums li.bbp-header ul.forum-titles {
  font-size: 1.45em;
}

#bbpress-forums .bbp-search-results li.bbp-forum-info a.bbp-forum-title {
  font-size: 1.8em;
}

#bbpress-forums ul.bbp-forums ul li.bbp-forum-info a.bbp-forum-title {
  font-size: 1.85em;
}

#bbpress-forums ul.bbp-forums ul.forum li.bbp-forum-freshness {
  font-size: 1.4em;
}

#bbpress-forums .bbp-search-results ul.forum li.bbp-forum-topic-count,
#bbpress-forums .bbp-search-results ul.forum li.bbp-forum-reply-count {
  font-size: 2.2em;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-topic-title a.bbp-topic-permalink {
  font-size: 1.1em;
  line-height: 1.4em;
}

#bbpress-forums form#new-post {
  width: 75%;
}

.favorite-toggle,
.subscription-toggle {
  font-size: 0.7em;
}

div.bbp-template-notice.info {
  display: none;
  border: none;
  padding: 5px 3px;
  border-left: 3px solid #4a8fc9;
}

div.bbp-template-notice {
  border-radius: 0;
}

#bbpress-forums form button#bbp_search_submit {
  padding: 2px 4px;
  font-size: 0.9em;
}

.bbp-login-form .bbp-submit-wrapper {
  text-align: left;
}

div.bbp-submit-wrapper {
  float: none;
}

.bbp-login-form .bbp-submit-wrapper button,
.bbp-logged-in a.button {
  padding: 0 3px;
  font-size: 1em;
}

.button.small,
.bbp-template-notice a.button {
  padding: 0 3px;
  font-size: 1em;
}

.sidebar {
  background: #fff;
  color: #000;
  padding: 6px 14px;
  border-left: 1px solid #ddd;
  width: 20%;
  min-height: 300px;
  float: right;
}

.sidebar .widget {
  margin-bottom: 50px;
}

.sidebar .widget:last-of-type {
  margin-bottom: 0;
}

.sidebar li > div {
  font-size: 0.8em;
  margin-bottom: 8px;
}

.sidebar .bbp-username {
  margin-top: 0;
}

.sidebar form.bbp-login-form {
  width: 100%;
  margin: none;
}

.sidebar div label {
  margin-bottom: 0;
}

.sidebar .sidebar input[type=text] {
  width: 100%;
  margin-bottom: 10px;
}

.sidebar #bbp_search_submit.button {
  font-size: 1em;
  width: 100%;
}

.sidebar label.hidden {
  display: none;
}

#bbpress-forums span#subscription-toggle {
  float: right;
}

#bbpress-forums .bbp-forums li.bbp-header,
#bbpress-forums .bbp-forums li.bbp-footer,
#bbpress-forums .bbp-forums li.bbp-body ul.forum,
#bbpress-forums ul.bbp-forums,
#bbpress-forums .bbp-topics li.bbp-header,
#bbpress-forums .bbp-topics li.bbp-footer,
#bbpress-forums .bbp-topics li.bbp-body ul.forum,
#bbpress-forums .bbp-topics li.bbp-body ul.type-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums .bbp-replies .bbp-reply-header,
#bbpress-forums .bbp-replies .bbp-reply-content {
  background: none;
  border: 1px solid #fff;
}

#bbpress-forums .bbp-replies .bbp-reply-content {
  border: none;
}

#bbpress-forums .bbp-forums li.bbp-header,
#bbpress-forums .bbp-search-results li.bbp-header,
#bbpress-forums .bbp-topics li.bbp-header,
#bbpress-forums .bbp-replies li.bbp-header,
#bbpress-forums .bbp-replies li.bbp-footer,
#bbpress-forums .bbp-search-results li.bbp-footer {
  display: none;
}

#bbpress-forums .bbp-forum-freshness-author img,
#bbpress-forums .bbp-topics li.bbp-topic-freshness img.avatar {
  height: 26px;
  width: 26px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: none;
  vertical-align: top;
}

#bbpress-forums .bbp-forums li.bbp-forum-info p .bbp-forum-freshness-author img {
  vertical-align: middle;
}

#bbpress-forums .bbp-topics ul.type-topic li.bbp-topic-title {
  margin-top: 8px;
}

#bbpress-forums li.bbp-forum-topic-count,
#bbpress-forums li.bbp-forum-reply-count {
  width: 20%;
}

li.bbp-forum-info, li.bbp-topic-title {
  width: 60%;
}

#bbpress-forums ul.type-topic li.bbp-topic-reply-count {
  font-size: 1.4em;
  color: #5a5757;
}

#bbpress-forums .bbp-forums ul.forum li.bbp-forum-topic-count,
#bbpress-forums .bbp-forums ul.forum li.bbp-forum-reply-count {
  font-size: 2.2em;
  color: #5a5757;
  margin-top: 5px;
}

#bbpress-forums ul.type-topic li.bbp-topic-reply-count span.replies-font {
  font-size: 0.6em;
}

#bbpress-forums .bbp-forums li.bbp-forum-topic-count span.replies-font,
#bbpress-forums .bbp-forums li.bbp-forum-reply-count span.replies-font,
#bbpress-forums .bbp-search-results ul.forum li.bbp-forum-topic-count span.replies-font,
#bbpress-forums .bbp-search-results ul.forum li.bbp-forum-reply-count span.replies-font {
  font-size: 0.6em;
}

#bbpress-forums .bbp-topics li.bbp-topic-freshness {
  width: 30%;
}

#bbpress-forums .bbp-topics li.bbp-topic-freshness p.bbp-topic-meta {
  margin-top: 6px;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content {
  font-size: 1.5em;
}

#bbpress-forums .bbp-topics li.bbp-body ul.type-topic {
  border-top: 1px solid #dedede;
}

#bbpress-forums .bbp-forums li.bbp-body ul.type-forum {
  padding: 28px 0 26px 24px;
  background: #f2f2f2;
  margin-bottom: 12px;
}

#bbpress-forums .bbp-forums li.bbp-body ul.type-forum .bbp-forum-content p {
  margin-bottom: 0;
}

#bbpress-forums li.bbp-body ul.topic {
  padding: 2px 0;
}

#bbpress-forums .bbp-topics li.bbp-body ul.type-topic:last-of-type {
  border-bottom: 1px solid #dedede;
}

#bbpress-forums .bbp-search-results ul.forum {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}

#bbpress-forums div.bbp-reply-author {
  width: 90px;
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
  margin-top: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: none;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author .bbp-reply-ip,
#bbpress-forums ul.bbp-search-results .bbp-topic-author a.bbp-author-name {
  display: none;
}

/* #bbpress-forums div.bbp-reply-author .bbp-author-role {
  margin-top: -24px;
} */
#bbpress-forums div.bbp-reply-author .bbp-author-name {
  display: none;
}

#bbpress-forums div.bbp-reply-header img.avatar {
  display: none;
}

#bbpress-forums div.bbp-reply-header .bbp-reply-post-date {
  color: #a5a5a5;
  font-size: 0.9em;
}

#bbpress-forums div.bbp-reply-content {
  margin-left: 4px;
}

#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies {
  border: 1px solid #fff;
}

#bbpress-forums ul.reply-box {
  float: left;
  max-width: 80%;
  margin-top: 6px;
  margin-bottom: 26px;
  border: 1px solid #ddd;
  position: relative;
}

#bbpress-forums ul.reply-box::before,
#bbpress-forums ul.reply-box::after {
  content: " ";
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-style: solid;
  border-width: 8px;
  height: 0;
  width: 0;
  left: -16px;
  top: 12px;
  position: absolute;
}

#bbpress-forums ul.reply-box::after {
  float: left;
  left: -15px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  border: 1px solid #dbd8d8;
}

.white-tri {
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  padding: 1px;
  position: relative;
}

.white-tri:before {
  border-color: #ddd;
}

.white-tri:after {
  border-color: #fff;
}

#bbpress-forums .bbp-search-form {
  display: none;
}

button.close {
  font-size: 2em;
  text-shadow: none;
  font-weight: 300;
}

.close:focus,
.close:hover {
  opacity: 100%;
  background: none;
}

#bbpress-forums .bbp-attachments h6 {
  font-size: 1em !important;
  font-weight: 700 !important;
  color: #333;
}

#bbpress-forums .bbp-attachments .wp-caption-text {
  font-size: 0.8em !important;
}

#bbpress-forums p#wpua-upload-button button {
  padding: 1px 3px;
  font-size: 1em;
  margin-top: 4px;
}

#bbpress-forums ul.bbp-search-results .bbp-topic-header,
#bbpress-forums ul.bbp-search-results .bbp-reply-header,
#bbpress-forums ul.bbp-search-results .bbp-forum-header {
  margin-top: 60px;
}

#bbpress-forums ul.bbp-search-results li.bbp-body div:nth-child(1) {
  margin-top: 0;
}

#bbpress-forums ul.bbp-search-results {
  border: none;
}

#bbpress-forums ul.bbp-search-results .bbp-topic-header,
#bbpress-forums ul.bbp-search-results .bbp-reply-header {
  background: #fff;
}

#bbpress-forums ul.bbp-search-results div {
  border: none;
}

#bbpress-forums .bbp-search-results div.bbp-topic-content,
#bbpress-forums .bbp-search-results div.bbp-reply-content {
  font-size: 1.4em;
  margin-left: 0px;
}

#bbpress-forums ul.bbp-search-results .topic,
#bbpress-forums ul.bbp-search-results .reply {
  background: #fbfbfb;
}

#bbpress-forums .bbp-topic-header img,
#bbpress-forums .bbp-search-results .reply .bbp-reply-author {
  display: none;
}

#bbpress-forums ul.bbp-search-results .bbp-meta {
  margin-top: -20px !important;
}

#bbpress-forums ul.bbp-search-results .bbp-topic-title h3,
#bbpress-forums ul.bbp-search-results .bbp-reply-title h3 {
  font-weight: 300;
  font-size: 1.6em;
}

#bbpress-forums textarea {
  font-size: 1em !important;
}

#bbpress-forums #bbp-your-profile fieldset.submit {
  border: none !important;
}

.widget_display_stats dt {
  font-weight: 300;
  width: 62%;
  margin-right: 8px;
  display: inline-block;
  float: left;
  line-height: 1.5em;
}

.widget_display_stats dd {
  width: 30%;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: left;
  line-height: 1.5em;
  margin-bottom: 0;
}

.widget_display_forums Ul {
  list-style-type: none;
  padding-left: 0;
}

@keyframes highlight-fade {
  0% {
    background: #FAFAAA;
  }
  100% {
    background: white;
  }
}
@-webkit-keyframes highlight-fade {
  0% {
    background: #FAFAAA;
  }
  100% {
    background: white;
  }
}
.login-highlight {
  animation: highlight-fade 5s ease-out;
  -webkit-animation: highlight-fade 5s ease-out;
}

@media screen and (max-width: 769px) {
  .sidebar {
    float: none;
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #ddd;
    min-height: 110px;
    overflow: hidden;
  }
  #loginlogout-2 {
    float: left;
  }
  .widget_loginlogout button#wp-submit {
    margin: 0;
  }
  .widget_loginlogout .user-links span.fb_text {
    text-align: left;
  }
  .widget_loginlogout span.fbLoginButton {
    margin: 0;
  }
  #bbp_search_widget-2 {
    float: right;
  }
  #bbpress-forums {
    margin-top: 16px;
    width: 90%;
  }
  #bbpress-forums div.bbp-forum-author,
  #bbpress-forums div.bbp-topic-author,
  #bbpress-forums div.bbp-reply-author {
    width: auto;
    margin-right: 8px;
  }
  #bbpress-forums div.bbp-forum-author img.avatar,
  #bbpress-forums div.bbp-topic-author img.avatar,
  #bbpress-forums div.bbp-reply-author img.avatar {
    width: 40px;
    height: 40px;
    float: left;
  }
  #bbpress-forums div.bbp-reply-author .bbp-author-role {
    float: left;
    margin-top: -6px;
  }
}
@media only screen and (max-width: 480px) {
  #bbp_search_widget-2 {
    float: none;
  }
  #bbpress-forums .bbp-body div.bbp-reply-author {
    margin: -11px 0 0 0;
    padding-left: 0;
    width: auto;
  }
  #bbpress-forums div.bbp-reply-author .bbp-author-role {
    font-size: 0.6em;
    margin-top: 36px;
    margin-right: 3px;
  }
  #bbpress-forums .bbp-forums ul.forum li.bbp-forum-topic-count,
  #bbpress-forums .bbp-forums ul.forum li.bbp-forum-reply-count:first-of-type {
    margin-right: 20px;
  }
}
.bbp-reply-content blockquote {
  font-style: italic;
  color: #333;
  border-left: 1.5px solid #8a8a8a;
  padding-left: 0.5em;
  font-size: 0.9em;
}

.forum-archive .bbp-breadcrumb {
  display: none;
}

.bbpress .widget-area .widget-container {
  margin-bottom: 1.4em;
}
.bbpress .widget-area .widget-container h3 {
  margin-bottom: 0.2em;
}

.widget_loginlogout #loginform input {
  border: 1px solid #dddddd;
  border-radius: 3px;
}

input#bbp_search,
input#user_login,
input#user_pass {
  border: 1px solid #dddddd;
  border-radius: 3px;
  width: 100%;
  padding: 0.5em;
}

.widget_loginlogout #loginform input#wp-submit:hover {
  cursor: pointer;
}

.bbpress #sidebar {
  overflow: hidden;
  background: #f9f9f9;
  padding: 18px 18px 18px 0;
  border-radius: 10px;
}

#sidebar .bbp-username,
#sidebar .bbp-password {
  font-size: 0.9em;
}

#sidebar .bbp-login-form label {
  width: 100%;
}

#sidebar .bbp-login-links a {
  font-size: 0.8em;
  float: none;
  clear: none;
}
#sidebar .bbp-login-links a.bbp-register-link {
  margin-right: 10px;
}

.bbp-remember-me input [type=checkbox] {
  display: inline;
}
.bbp-remember-me label {
  font-size: 0.8em;
  display: inline;
}

.bbp-logged-in img.avatar {
  width: 50px;
  border-radius: 25px;
}
.bbp-logged-in h4 {
  font-size: 1em;
}
.bbp-logged-in a.button {
  font-size: 0.9em;
  margin-top: -8px;
  display: block;
}

/* =============
STANDARD BUTTON (BB & BS)
============= */
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited,
input.button,
.widget_loginlogout #loginform input#wp-submit,
button.button.submit,
.woocommerce a.button,
.btn {
  background: linear-gradient(to right, #484848 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.18s ease-out;
  border: 4px solid #484848;
  box-shadow: none;
  color: #484848;
  font-weight: 600;
}
.fl-builder-content a.fl-button.reverse,
.fl-builder-content a.fl-button:visited.reverse,
input.button.reverse,
.widget_loginlogout #loginform input#wp-submit.reverse,
button.button.submit.reverse,
.woocommerce a.button.reverse,
.btn.reverse {
  color: #ffffff;
  border: 4px solid #ffffff;
  background: linear-gradient(to right, #ffffff 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.18s ease-out;
}

/* =============
PRIMARY BUTTON (BB & BS)
============= */
.fl-builder-content .primary a.fl-button,
.fl-builder-content .expand a.fl-button,
.woocommerce button.button.alt,
.wpforms-submit,
.btn-primary {
  background: linear-gradient(to right, #f05422 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.18s ease-out;
  border: 4px solid #f05422;
  box-shadow: none;
  color: #f05422;
  font-weight: 600;
}
.fl-builder-content .primary a.fl-button.reverse,
.fl-builder-content .expand a.fl-button.reverse,
.woocommerce button.button.alt.reverse,
.wpforms-submit.reverse,
.btn-primary.reverse {
  color: #ffffff;
  border: 4px solid #ffffff;
  background: linear-gradient(to right, #ffffff 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.18s ease-out;
}
.fl-builder-content .primary a.fl-button.disabled,
.fl-builder-content .expand a.fl-button.disabled,
.woocommerce button.button.alt.disabled,
.wpforms-submit.disabled,
.btn-primary.disabled {
  background: none;
  border: 4px solid #f05422;
  color: #f05422;
}
.fl-builder-content .primary a.fl-button.disabled:hover, .fl-builder-content .primary a.fl-button.disabled:focus, .fl-builder-content .primary a.fl-button.disabled:active,
.fl-builder-content .expand a.fl-button.disabled:hover,
.fl-builder-content .expand a.fl-button.disabled:focus,
.fl-builder-content .expand a.fl-button.disabled:active,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt.disabled:focus,
.woocommerce button.button.alt.disabled:active,
.wpforms-submit.disabled:hover,
.wpforms-submit.disabled:focus,
.wpforms-submit.disabled:active,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active {
  background: none;
  color: #f05422;
}
.fl-builder-content .primary a.fl-button.disabled:active,
.fl-builder-content .expand a.fl-button.disabled:active,
.woocommerce button.button.alt.disabled:active,
.wpforms-submit.disabled:active,
.btn-primary.disabled:active {
  top: 0;
}

/* =============
REVERSE BUTTON (BB)
============= */
.fl-builder-content .reverse a.fl-button,
.fl-builder-content .expand a.fl-button,
.fl-builder-content .reverse a.fl-button:visited {
  color: #ffffff;
  border: 4px solid #ffffff;
  background: linear-gradient(to right, #ffffff 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.18s ease-out;
}

/* =============
STANDARD BB BUTTON HOVER
============= */
.fl-builder-content a.fl-button:hover,
.woocommerce a.button:hover,
input.button:hover,
.widget_loginlogout #loginform input#wp-submit:hover,
button.button.submit:hover,
.btn:hover {
  background-position: left bottom;
  box-shadow: none;
  border: 4px solid #484848;
  background-color: #484848;
  color: #ffffff;
}

/* =============
PRIMARY BUTTON HOVER (BB & BS)
============= */
.fl-builder-content .primary a.fl-button:hover,
.woocommerce button.button.alt:hover,
.wpforms-submit:hover,
.btn-primary:hover {
  background-position: left bottom;
  box-shadow: none;
  border: 4px solid #f05422;
  background-color: #f05422;
  color: #ffffff;
}

/* =============
BUTTON VISITED BB OVERRIDES
============= */
.fl-builder-content a.fl-button:visited * {
  color: #c6c6c6;
}

.fl-builder-content .reverse a.fl-button:visited *,
.fl-builder-content .expand a.fl-button:visited * {
  color: #ffffff;
}

.fl-builder-content .primary a.fl-button * {
  color: #f05422;
}

.fl-builder-content a.fl-button:hover * {
  color: #ffffff;
}

/* =============
REVERSE BS BUTTON HOVER (white)
============= */
.btn-primary.reverse:hover {
  background-position: left bottom;
  box-shadow: none;
  border: 4px solid #ffffff;
  background-color: #ffffff;
  color: #f05422;
}

/* =============
REVERSE BB BUTTON HOVER (white)
============= */
.fl-builder-content .reverse a.fl-button:hover,
.fl-builder-content .expand a.fl-button:hover {
  background-position: left bottom;
  box-shadow: none;
  border: 4px solid #ffffff;
  background-color: #ffffff;
  color: #f05422;
}

/* =============
REVERSE BB BUTTON HOVER TEXT (white)
============= */
.fl-builder-content .reverse a.fl-button:hover .fl-button-text,
.fl-builder-content .expand a.fl-button:hover .fl-button-text {
  color: #f05422;
}

/* =============
PRIMARY BUTTON FOCUS/ACTIVE (white)
============= */
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.woocommerce button.button.alt:active {
  box-shadow: none !important;
  background-color: #f05422;
  color: #ffffff;
  background-position: left bottom;
  border: 4px solid #f05422;
  outline: none !important;
}

/* =============
REVERSE BUTTON FOCUS/ACTIVE (white)
============= */
.btn-primary.reverse:focus,
.btn-primary.reverse:active,
.btn-primary.reverse:not(:disabled):not(.disabled).active,
.btn-primary.reverse:not(:disabled):not(.disabled):active,
.show > .btn-primary.reverse.dropdown-toggle {
  box-shadow: none !important;
  background-color: #ffffff;
  color: #f05422;
  background-position: left bottom;
  border: 4px solid #ffffff;
  outline: none !important;
}

/* =============
MAKE NON-BB BUTTONS "DEPRESS" ON CLICK
============= */
.btn-primary:active,
.widget_loginlogout #loginform input#wp-submit:active,
.woocommerce button.button.alt:active,
.woocommerce a.button:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
  position: relative;
  top: 1px;
}

.wpforms-submit {
  padding: 0.6em 1em;
  cursor: pointer;
  color: #f05422;
  border-radius: 4.4px;
}

input.button,
button.button.submit {
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  color: #484848;
  border-radius: 4.4px;
  margin-top: 8px;
}

.woocommerce .product .single_add_to_cart_button {
  margin-top: -5px;
}

/* =============
COMMENTS BUTTON STYLING
============= */
#comments .btn {
  color: #eeeeee;
  border: 4px solid #eeeeee;
  background: linear-gradient(to right, #eeeeee 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.18s ease-out;
}
#comments .btn:hover {
  background-position: left bottom;
  box-shadow: none;
  border: 4px solid #eeeeee;
  background-color: #eeeeee;
  color: #f05422;
}
#comments .btn:focus {
  box-shadow: none !important;
  background-color: #eeeeee;
  color: #f05422;
  background-position: left bottom;
  border: 4px solid #eeeeee;
  outline: none !important;
}
#comments .btn:active {
  position: relative;
  top: 1px;
}

.row-applications img {
  border-radius: 10px;
}

.grid-container:before,
.grid-5:before,
.mobile-grid-5:before,
.tablet-grid-5:before,
.grid-10:before,
.mobile-grid-10:before,
.tablet-grid-10:before,
.grid-15:before,
.mobile-grid-15:before,
.tablet-grid-15:before,
.grid-20:before,
.mobile-grid-20:before,
.tablet-grid-20:before,
.grid-25:before,
.mobile-grid-25:before,
.tablet-grid-25:before,
.grid-30:before,
.mobile-grid-30:before,
.tablet-grid-30:before,
.grid-35:before,
.mobile-grid-35:before,
.tablet-grid-35:before,
.grid-40:before,
.mobile-grid-40:before,
.tablet-grid-40:before,
.grid-45:before,
.mobile-grid-45:before,
.tablet-grid-45:before,
.grid-50:before,
.mobile-grid-50:before,
.tablet-grid-50:before,
.grid-55:before,
.mobile-grid-55:before,
.tablet-grid-55:before,
.grid-60:before,
.mobile-grid-60:before,
.tablet-grid-60:before,
.grid-65:before,
.mobile-grid-65:before,
.tablet-grid-65:before,
.grid-70:before,
.mobile-grid-70:before,
.tablet-grid-70:before,
.grid-75:before,
.mobile-grid-75:before,
.tablet-grid-75:before,
.grid-80:before,
.mobile-grid-80:before,
.tablet-grid-80:before,
.grid-85:before,
.mobile-grid-85:before,
.tablet-grid-85:before,
.grid-90:before,
.mobile-grid-90:before,
.tablet-grid-90:before,
.grid-95:before,
.mobile-grid-95:before,
.tablet-grid-95:before,
.grid-100:before,
.mobile-grid-100:before,
.tablet-grid-100:before,
.grid-33:before,
.mobile-grid-33:before,
.tablet-grid-33:before,
.grid-66:before,
.mobile-grid-66:before,
.tablet-grid-66:before,
.clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
  clear: both;
}

.grid-container,
.grid-5,
.mobile-grid-5,
.tablet-grid-5,
.grid-10,
.mobile-grid-10,
.tablet-grid-10,
.grid-15,
.mobile-grid-15,
.tablet-grid-15,
.grid-20,
.mobile-grid-20,
.tablet-grid-20,
.grid-25,
.mobile-grid-25,
.tablet-grid-25,
.grid-30,
.mobile-grid-30,
.tablet-grid-30,
.grid-35,
.mobile-grid-35,
.tablet-grid-35,
.grid-40,
.mobile-grid-40,
.tablet-grid-40,
.grid-45,
.mobile-grid-45,
.tablet-grid-45,
.grid-50,
.mobile-grid-50,
.tablet-grid-50,
.grid-55,
.mobile-grid-55,
.tablet-grid-55,
.grid-60,
.mobile-grid-60,
.tablet-grid-60,
.grid-65,
.mobile-grid-65,
.tablet-grid-65,
.grid-70,
.mobile-grid-70,
.tablet-grid-70,
.grid-75,
.mobile-grid-75,
.tablet-grid-75,
.grid-80,
.mobile-grid-80,
.tablet-grid-80,
.grid-85,
.mobile-grid-85,
.tablet-grid-85,
.grid-90,
.mobile-grid-90,
.tablet-grid-90,
.grid-95,
.mobile-grid-95,
.tablet-grid-95,
.grid-100,
.mobile-grid-100,
.tablet-grid-100,
.grid-33,
.mobile-grid-33,
.tablet-grid-33,
.grid-66,
.mobile-grid-66,
.tablet-grid-66,
.clearfix {
  *zoom: 1;
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-5,
.mobile-grid-5,
.tablet-grid-5,
.grid-10,
.mobile-grid-10,
.tablet-grid-10,
.grid-15,
.mobile-grid-15,
.tablet-grid-15,
.grid-20,
.mobile-grid-20,
.tablet-grid-20,
.grid-25,
.mobile-grid-25,
.tablet-grid-25,
.grid-30,
.mobile-grid-30,
.tablet-grid-30,
.grid-35,
.mobile-grid-35,
.tablet-grid-35,
.grid-40,
.mobile-grid-40,
.tablet-grid-40,
.grid-45,
.mobile-grid-45,
.tablet-grid-45,
.grid-50,
.mobile-grid-50,
.tablet-grid-50,
.grid-55,
.mobile-grid-55,
.tablet-grid-55,
.grid-60,
.mobile-grid-60,
.tablet-grid-60,
.grid-65,
.mobile-grid-65,
.tablet-grid-65,
.grid-70,
.mobile-grid-70,
.tablet-grid-70,
.grid-75,
.mobile-grid-75,
.tablet-grid-75,
.grid-80,
.mobile-grid-80,
.tablet-grid-80,
.grid-85,
.mobile-grid-85,
.tablet-grid-85,
.grid-90,
.mobile-grid-90,
.tablet-grid-90,
.grid-95,
.mobile-grid-95,
.tablet-grid-95,
.grid-100,
.mobile-grid-100,
.tablet-grid-100,
.grid-33,
.mobile-grid-33,
.tablet-grid-33,
.grid-66,
.mobile-grid-66,
.tablet-grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  *padding-left: 0;
  *padding-right: 0;
}

.grid-5 > *,
.mobile-grid-5 > *,
.tablet-grid-5 > *,
.grid-10 > *,
.mobile-grid-10 > *,
.tablet-grid-10 > *,
.grid-15 > *,
.mobile-grid-15 > *,
.tablet-grid-15 > *,
.grid-20 > *,
.mobile-grid-20 > *,
.tablet-grid-20 > *,
.grid-25 > *,
.mobile-grid-25 > *,
.tablet-grid-25 > *,
.grid-30 > *,
.mobile-grid-30 > *,
.tablet-grid-30 > *,
.grid-35 > *,
.mobile-grid-35 > *,
.tablet-grid-35 > *,
.grid-40 > *,
.mobile-grid-40 > *,
.tablet-grid-40 > *,
.grid-45 > *,
.mobile-grid-45 > *,
.tablet-grid-45 > *,
.grid-50 > *,
.mobile-grid-50 > *,
.tablet-grid-50 > *,
.grid-55 > *,
.mobile-grid-55 > *,
.tablet-grid-55 > *,
.grid-60 > *,
.mobile-grid-60 > *,
.tablet-grid-60 > *,
.grid-65 > *,
.mobile-grid-65 > *,
.tablet-grid-65 > *,
.grid-70 > *,
.mobile-grid-70 > *,
.tablet-grid-70 > *,
.grid-75 > *,
.mobile-grid-75 > *,
.tablet-grid-75 > *,
.grid-80 > *,
.mobile-grid-80 > *,
.tablet-grid-80 > *,
.grid-85 > *,
.mobile-grid-85 > *,
.tablet-grid-85 > *,
.grid-90 > *,
.mobile-grid-90 > *,
.tablet-grid-90 > *,
.grid-95 > *,
.mobile-grid-95 > *,
.tablet-grid-95 > *,
.grid-100 > *,
.mobile-grid-100 > *,
.tablet-grid-100 > *,
.grid-33 > *,
.mobile-grid-33 > *,
.tablet-grid-33 > *,
.grid-66 > *,
.mobile-grid-66 > *,
.tablet-grid-66 > * {
  *margin-left: "expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === " block " && this.currentStyle.width === " auto ') && "10px")';
  *margin-right: "expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === " block " && this.currentStyle.width === " auto ') && "10px")';
}

.grid-parent {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  .mobile-push-5,
  .mobile-pull-5,
  .mobile-push-10,
  .mobile-pull-10,
  .mobile-push-15,
  .mobile-pull-15,
  .mobile-push-20,
  .mobile-pull-20,
  .mobile-push-25,
  .mobile-pull-25,
  .mobile-push-30,
  .mobile-pull-30,
  .mobile-push-35,
  .mobile-pull-35,
  .mobile-push-40,
  .mobile-pull-40,
  .mobile-push-45,
  .mobile-pull-45,
  .mobile-push-50,
  .mobile-pull-50,
  .mobile-push-55,
  .mobile-pull-55,
  .mobile-push-60,
  .mobile-pull-60,
  .mobile-push-65,
  .mobile-pull-65,
  .mobile-push-70,
  .mobile-pull-70,
  .mobile-push-75,
  .mobile-pull-75,
  .mobile-push-80,
  .mobile-pull-80,
  .mobile-push-85,
  .mobile-pull-85,
  .mobile-push-90,
  .mobile-pull-90,
  .mobile-push-95,
  .mobile-pull-95,
  .mobile-push-33,
  .mobile-pull-33,
  .mobile-push-66,
  .mobile-pull-66 {
    position: relative;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .mobile-grid-5 {
    float: left;
    width: 5%;
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-5 {
    margin-left: 5%;
  }
  .mobile-suffix-5 {
    margin-right: 5%;
  }
  .mobile-push-5 {
    left: 5%;
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-5 {
    left: -5%;
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-10 {
    float: left;
    width: 10%;
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-10 {
    margin-left: 10%;
  }
  .mobile-suffix-10 {
    margin-right: 10%;
  }
  .mobile-push-10 {
    left: 10%;
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-10 {
    left: -10%;
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-15 {
    float: left;
    width: 15%;
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-15 {
    margin-left: 15%;
  }
  .mobile-suffix-15 {
    margin-right: 15%;
  }
  .mobile-push-15 {
    left: 15%;
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-15 {
    left: -15%;
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-20 {
    float: left;
    width: 20%;
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-20 {
    margin-left: 20%;
  }
  .mobile-suffix-20 {
    margin-right: 20%;
  }
  .mobile-push-20 {
    left: 20%;
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-20 {
    left: -20%;
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-25 {
    float: left;
    width: 25%;
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-25 {
    margin-left: 25%;
  }
  .mobile-suffix-25 {
    margin-right: 25%;
  }
  .mobile-push-25 {
    left: 25%;
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-25 {
    left: -25%;
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-30 {
    float: left;
    width: 30%;
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-30 {
    margin-left: 30%;
  }
  .mobile-suffix-30 {
    margin-right: 30%;
  }
  .mobile-push-30 {
    left: 30%;
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-30 {
    left: -30%;
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-35 {
    float: left;
    width: 35%;
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-35 {
    margin-left: 35%;
  }
  .mobile-suffix-35 {
    margin-right: 35%;
  }
  .mobile-push-35 {
    left: 35%;
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-35 {
    left: -35%;
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-40 {
    float: left;
    width: 40%;
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-40 {
    margin-left: 40%;
  }
  .mobile-suffix-40 {
    margin-right: 40%;
  }
  .mobile-push-40 {
    left: 40%;
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-40 {
    left: -40%;
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-45 {
    float: left;
    width: 45%;
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-45 {
    margin-left: 45%;
  }
  .mobile-suffix-45 {
    margin-right: 45%;
  }
  .mobile-push-45 {
    left: 45%;
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-45 {
    left: -45%;
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-50 {
    float: left;
    width: 50%;
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-50 {
    margin-left: 50%;
  }
  .mobile-suffix-50 {
    margin-right: 50%;
  }
  .mobile-push-50 {
    left: 50%;
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-50 {
    left: -50%;
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-55 {
    float: left;
    width: 55%;
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-55 {
    margin-left: 55%;
  }
  .mobile-suffix-55 {
    margin-right: 55%;
  }
  .mobile-push-55 {
    left: 55%;
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-55 {
    left: -55%;
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-60 {
    float: left;
    width: 60%;
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-60 {
    margin-left: 60%;
  }
  .mobile-suffix-60 {
    margin-right: 60%;
  }
  .mobile-push-60 {
    left: 60%;
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-60 {
    left: -60%;
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-65 {
    float: left;
    width: 65%;
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-65 {
    margin-left: 65%;
  }
  .mobile-suffix-65 {
    margin-right: 65%;
  }
  .mobile-push-65 {
    left: 65%;
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-65 {
    left: -65%;
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-70 {
    float: left;
    width: 70%;
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-70 {
    margin-left: 70%;
  }
  .mobile-suffix-70 {
    margin-right: 70%;
  }
  .mobile-push-70 {
    left: 70%;
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-70 {
    left: -70%;
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-75 {
    float: left;
    width: 75%;
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-75 {
    margin-left: 75%;
  }
  .mobile-suffix-75 {
    margin-right: 75%;
  }
  .mobile-push-75 {
    left: 75%;
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-75 {
    left: -75%;
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-80 {
    float: left;
    width: 80%;
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-80 {
    margin-left: 80%;
  }
  .mobile-suffix-80 {
    margin-right: 80%;
  }
  .mobile-push-80 {
    left: 80%;
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-80 {
    left: -80%;
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-85 {
    float: left;
    width: 85%;
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-85 {
    margin-left: 85%;
  }
  .mobile-suffix-85 {
    margin-right: 85%;
  }
  .mobile-push-85 {
    left: 85%;
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-85 {
    left: -85%;
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-90 {
    float: left;
    width: 90%;
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-90 {
    margin-left: 90%;
  }
  .mobile-suffix-90 {
    margin-right: 90%;
  }
  .mobile-push-90 {
    left: 90%;
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-90 {
    left: -90%;
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-95 {
    float: left;
    width: 95%;
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-95 {
    margin-left: 95%;
  }
  .mobile-suffix-95 {
    margin-right: 95%;
  }
  .mobile-push-95 {
    left: 95%;
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-95 {
    left: -95%;
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }
  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }
  .mobile-push-33 {
    left: 33.33333%;
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-33 {
    left: -33.33333%;
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }
  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }
  .mobile-push-66 {
    left: 66.66667%;
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-pull-66 {
    left: -66.66667%;
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tablet-push-5,
  .tablet-pull-5,
  .tablet-push-10,
  .tablet-pull-10,
  .tablet-push-15,
  .tablet-pull-15,
  .tablet-push-20,
  .tablet-pull-20,
  .tablet-push-25,
  .tablet-pull-25,
  .tablet-push-30,
  .tablet-pull-30,
  .tablet-push-35,
  .tablet-pull-35,
  .tablet-push-40,
  .tablet-pull-40,
  .tablet-push-45,
  .tablet-pull-45,
  .tablet-push-50,
  .tablet-pull-50,
  .tablet-push-55,
  .tablet-pull-55,
  .tablet-push-60,
  .tablet-pull-60,
  .tablet-push-65,
  .tablet-pull-65,
  .tablet-push-70,
  .tablet-pull-70,
  .tablet-push-75,
  .tablet-pull-75,
  .tablet-push-80,
  .tablet-pull-80,
  .tablet-push-85,
  .tablet-pull-85,
  .tablet-push-90,
  .tablet-pull-90,
  .tablet-push-95,
  .tablet-pull-95,
  .tablet-push-33,
  .tablet-pull-33,
  .tablet-push-66,
  .tablet-pull-66 {
    position: relative;
  }
  .hide-on-tablet {
    display: none !important;
  }
  .tablet-grid-5 {
    float: left;
    width: 5%;
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-5 {
    margin-left: 5%;
  }
  .tablet-suffix-5 {
    margin-right: 5%;
  }
  .tablet-push-5 {
    left: 5%;
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-5 {
    left: -5%;
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-10 {
    float: left;
    width: 10%;
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-10 {
    margin-left: 10%;
  }
  .tablet-suffix-10 {
    margin-right: 10%;
  }
  .tablet-push-10 {
    left: 10%;
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-10 {
    left: -10%;
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-15 {
    float: left;
    width: 15%;
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-15 {
    margin-left: 15%;
  }
  .tablet-suffix-15 {
    margin-right: 15%;
  }
  .tablet-push-15 {
    left: 15%;
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-15 {
    left: -15%;
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-20 {
    float: left;
    width: 20%;
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-20 {
    margin-left: 20%;
  }
  .tablet-suffix-20 {
    margin-right: 20%;
  }
  .tablet-push-20 {
    left: 20%;
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-20 {
    left: -20%;
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-25 {
    float: left;
    width: 25%;
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-25 {
    margin-left: 25%;
  }
  .tablet-suffix-25 {
    margin-right: 25%;
  }
  .tablet-push-25 {
    left: 25%;
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-25 {
    left: -25%;
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-30 {
    float: left;
    width: 30%;
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-30 {
    margin-left: 30%;
  }
  .tablet-suffix-30 {
    margin-right: 30%;
  }
  .tablet-push-30 {
    left: 30%;
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-30 {
    left: -30%;
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-35 {
    float: left;
    width: 35%;
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-35 {
    margin-left: 35%;
  }
  .tablet-suffix-35 {
    margin-right: 35%;
  }
  .tablet-push-35 {
    left: 35%;
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-35 {
    left: -35%;
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-40 {
    float: left;
    width: 40%;
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-40 {
    margin-left: 40%;
  }
  .tablet-suffix-40 {
    margin-right: 40%;
  }
  .tablet-push-40 {
    left: 40%;
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-40 {
    left: -40%;
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-45 {
    float: left;
    width: 45%;
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-45 {
    margin-left: 45%;
  }
  .tablet-suffix-45 {
    margin-right: 45%;
  }
  .tablet-push-45 {
    left: 45%;
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-45 {
    left: -45%;
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-50 {
    float: left;
    width: 50%;
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-50 {
    margin-left: 50%;
  }
  .tablet-suffix-50 {
    margin-right: 50%;
  }
  .tablet-push-50 {
    left: 50%;
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-50 {
    left: -50%;
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-55 {
    float: left;
    width: 55%;
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-55 {
    margin-left: 55%;
  }
  .tablet-suffix-55 {
    margin-right: 55%;
  }
  .tablet-push-55 {
    left: 55%;
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-55 {
    left: -55%;
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-60 {
    float: left;
    width: 60%;
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-60 {
    margin-left: 60%;
  }
  .tablet-suffix-60 {
    margin-right: 60%;
  }
  .tablet-push-60 {
    left: 60%;
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-60 {
    left: -60%;
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-65 {
    float: left;
    width: 65%;
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-65 {
    margin-left: 65%;
  }
  .tablet-suffix-65 {
    margin-right: 65%;
  }
  .tablet-push-65 {
    left: 65%;
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-65 {
    left: -65%;
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-70 {
    float: left;
    width: 70%;
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-70 {
    margin-left: 70%;
  }
  .tablet-suffix-70 {
    margin-right: 70%;
  }
  .tablet-push-70 {
    left: 70%;
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-70 {
    left: -70%;
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-75 {
    float: left;
    width: 75%;
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-75 {
    margin-left: 75%;
  }
  .tablet-suffix-75 {
    margin-right: 75%;
  }
  .tablet-push-75 {
    left: 75%;
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-75 {
    left: -75%;
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-80 {
    float: left;
    width: 80%;
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-80 {
    margin-left: 80%;
  }
  .tablet-suffix-80 {
    margin-right: 80%;
  }
  .tablet-push-80 {
    left: 80%;
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-80 {
    left: -80%;
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-85 {
    float: left;
    width: 85%;
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-85 {
    margin-left: 85%;
  }
  .tablet-suffix-85 {
    margin-right: 85%;
  }
  .tablet-push-85 {
    left: 85%;
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-85 {
    left: -85%;
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-90 {
    float: left;
    width: 90%;
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-90 {
    margin-left: 90%;
  }
  .tablet-suffix-90 {
    margin-right: 90%;
  }
  .tablet-push-90 {
    left: 90%;
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-90 {
    left: -90%;
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-95 {
    float: left;
    width: 95%;
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-95 {
    margin-left: 95%;
  }
  .tablet-suffix-95 {
    margin-right: 95%;
  }
  .tablet-push-95 {
    left: 95%;
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-95 {
    left: -95%;
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-33 {
    margin-left: 33.33333%;
  }
  .tablet-suffix-33 {
    margin-right: 33.33333%;
  }
  .tablet-push-33 {
    left: 33.33333%;
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-33 {
    left: -33.33333%;
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-prefix-66 {
    margin-left: 66.66667%;
  }
  .tablet-suffix-66 {
    margin-right: 66.66667%;
  }
  .tablet-push-66 {
    left: 66.66667%;
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-pull-66 {
    left: -66.66667%;
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .push-5,
  .pull-5,
  .push-10,
  .pull-10,
  .push-15,
  .pull-15,
  .push-20,
  .pull-20,
  .push-25,
  .pull-25,
  .push-30,
  .pull-30,
  .push-35,
  .pull-35,
  .push-40,
  .pull-40,
  .push-45,
  .pull-45,
  .push-50,
  .pull-50,
  .push-55,
  .pull-55,
  .push-60,
  .pull-60,
  .push-65,
  .pull-65,
  .push-70,
  .pull-70,
  .push-75,
  .pull-75,
  .push-80,
  .pull-80,
  .push-85,
  .pull-85,
  .push-90,
  .pull-90,
  .push-95,
  .pull-95,
  .push-33,
  .pull-33,
  .push-66,
  .pull-66 {
    position: relative;
  }
  .hide-on-desktop {
    display: none !important;
  }
  .grid-5 {
    float: left;
    width: 5%;
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-5 {
    margin-left: 5%;
  }
  .suffix-5 {
    margin-right: 5%;
  }
  .push-5 {
    left: 5%;
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-5 {
    left: -5%;
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-10 {
    float: left;
    width: 10%;
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-10 {
    margin-left: 10%;
  }
  .suffix-10 {
    margin-right: 10%;
  }
  .push-10 {
    left: 10%;
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-10 {
    left: -10%;
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-15 {
    float: left;
    width: 15%;
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-15 {
    margin-left: 15%;
  }
  .suffix-15 {
    margin-right: 15%;
  }
  .push-15 {
    left: 15%;
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-15 {
    left: -15%;
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-20 {
    float: left;
    width: 20%;
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-20 {
    margin-left: 20%;
  }
  .suffix-20 {
    margin-right: 20%;
  }
  .push-20 {
    left: 20%;
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-20 {
    left: -20%;
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-25 {
    float: left;
    width: 25%;
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-25 {
    margin-left: 25%;
  }
  .suffix-25 {
    margin-right: 25%;
  }
  .push-25 {
    left: 25%;
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-25 {
    left: -25%;
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-30 {
    float: left;
    width: 30%;
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-30 {
    margin-left: 30%;
  }
  .suffix-30 {
    margin-right: 30%;
  }
  .push-30 {
    left: 30%;
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-30 {
    left: -30%;
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-35 {
    float: left;
    width: 35%;
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-35 {
    margin-left: 35%;
  }
  .suffix-35 {
    margin-right: 35%;
  }
  .push-35 {
    left: 35%;
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-35 {
    left: -35%;
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-40 {
    float: left;
    width: 40%;
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-40 {
    margin-left: 40%;
  }
  .suffix-40 {
    margin-right: 40%;
  }
  .push-40 {
    left: 40%;
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-40 {
    left: -40%;
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-45 {
    float: left;
    width: 45%;
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-45 {
    margin-left: 45%;
  }
  .suffix-45 {
    margin-right: 45%;
  }
  .push-45 {
    left: 45%;
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-45 {
    left: -45%;
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-50 {
    float: left;
    width: 50%;
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-50 {
    margin-left: 50%;
  }
  .suffix-50 {
    margin-right: 50%;
  }
  .push-50 {
    left: 50%;
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-50 {
    left: -50%;
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-55 {
    float: left;
    width: 55%;
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-55 {
    margin-left: 55%;
  }
  .suffix-55 {
    margin-right: 55%;
  }
  .push-55 {
    left: 55%;
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-55 {
    left: -55%;
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-60 {
    float: left;
    width: 60%;
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-60 {
    margin-left: 60%;
  }
  .suffix-60 {
    margin-right: 60%;
  }
  .push-60 {
    left: 60%;
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-60 {
    left: -60%;
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-65 {
    float: left;
    width: 65%;
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-65 {
    margin-left: 65%;
  }
  .suffix-65 {
    margin-right: 65%;
  }
  .push-65 {
    left: 65%;
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-65 {
    left: -65%;
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-70 {
    float: left;
    width: 70%;
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-70 {
    margin-left: 70%;
  }
  .suffix-70 {
    margin-right: 70%;
  }
  .push-70 {
    left: 70%;
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-70 {
    left: -70%;
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-75 {
    float: left;
    width: 75%;
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-75 {
    margin-left: 75%;
  }
  .suffix-75 {
    margin-right: 75%;
  }
  .push-75 {
    left: 75%;
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-75 {
    left: -75%;
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-80 {
    float: left;
    width: 80%;
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-80 {
    margin-left: 80%;
  }
  .suffix-80 {
    margin-right: 80%;
  }
  .push-80 {
    left: 80%;
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-80 {
    left: -80%;
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-85 {
    float: left;
    width: 85%;
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-85 {
    margin-left: 85%;
  }
  .suffix-85 {
    margin-right: 85%;
  }
  .push-85 {
    left: 85%;
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-85 {
    left: -85%;
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-90 {
    float: left;
    width: 90%;
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-90 {
    margin-left: 90%;
  }
  .suffix-90 {
    margin-right: 90%;
  }
  .push-90 {
    left: 90%;
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-90 {
    left: -90%;
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-95 {
    float: left;
    width: 95%;
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-95 {
    margin-left: 95%;
  }
  .suffix-95 {
    margin-right: 95%;
  }
  .push-95 {
    left: 95%;
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-95 {
    left: -95%;
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-33 {
    float: left;
    width: 33.33333%;
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-33 {
    margin-left: 33.33333%;
  }
  .suffix-33 {
    margin-right: 33.33333%;
  }
  .push-33 {
    left: 33.33333%;
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-33 {
    left: -33.33333%;
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-66 {
    float: left;
    width: 66.66667%;
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .prefix-66 {
    margin-left: 66.66667%;
  }
  .suffix-66 {
    margin-right: 66.66667%;
  }
  .push-66 {
    left: 66.66667%;
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .pull-66 {
    left: -66.66667%;
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  }
  .grid-100 {
    clear: both;
    width: 100%;
  }
}
/* Application page */
.icon-feature-listing img {
  width: 64px;
  display: block;
}

.icon-feature-listing h3 {
  margin-bottom: 0;
}

article.testimonial blockquote {
  line-height: 2em;
  width: 60%;
  margin: 0 auto 10px;
  background: #fbf9f9;
  position: relative;
  padding: 16px 40px 2px;
  border-radius: 5px;
  color: #5b5b5b;
  text-shadow: 0 4px 4px rgba(255, 255, 255, 0.4);
  text-align: center;
  font-size: 1.3em;
  font-style: italic;
}

article.testimonial blockquote:before {
  position: absolute;
  top: -17px;
  right: 49%;
  left: auto;
  display: inline-block;
  border-right: 13px solid transparent;
  border-bottom: 17px solid #ccc;
  border-left: 13px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

article.testimonial blockquote:after {
  position: absolute;
  top: -16px;
  right: 49%;
  left: auto;
  display: inline-block;
  border-right: 12px solid transparent;
  border-bottom: 16px solid #fbf9f9;
  border-left: 12px solid transparent;
  content: "";
}

article.testimonial img {
  border-radius: 50%;
  width: 60px;
  display: inline;
  margin: -30px -12px 0 0;
}

.img-anchor-bottom img {
  position: absolute;
  bottom: 0px;
  width: auto;
}

img.anchor-img {
  max-height: 250px;
  width: auto;
  position: absolute;
  bottom: 0px;
  box-shadow: 0px -2px 13px 1px rgba(50, 50, 50, 0.38);
}

.banner.video-banner {
  background: black;
  padding: 0;
}

.responsive-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

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

.download-wrapper {
  padding: 30px;
  background-color: #d6d2d2;
}

@media screen and (max-width: 769px) {
  .testimonials-list {
    text-align: left;
  }
  .testimonials-list div {
    margin-bottom: 3em;
  }
  .testimonials-list blockquote p {
    margin-bottom: 0.9em;
  }
  .testimonials-list img {
    margin-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .testimonials-list .quote,
  .testimonials-list .quote.first,
  .testimonials-list .quote.last {
    float: none;
    width: 100%;
  }
}
img.uc-dl-attribute {
  border-radius: 50%;
  width: 80px;
  float: left;
  margin-right: 18px;
}

ul.image-grid li {
  float: left;
  margin-right: 28px;
  margin-bottom: 28px;
}

ul.image-grid li img {
  width: 260px;
  transition: transform 0.2s ease-out 0s;
}

.full-column ul.image-grid li img {
  width: 85%;
}

ul.image-grid.small-grid li {
  margin-bottom: 0;
}

ul.image-grid.small-grid li img {
  width: 100%;
}

.blocks .img-crop {
  width: 240px;
  height: 120px;
}

.img-crop {
  width: 320px;
  height: 180px;
  overflow: hidden;
  margin: 0 auto 0.5em;
  line-height: 100px;
}
.img-crop-tall {
  height: 260px;
  width: 320px;
  overflow: hidden;
  margin: 0 auto 0.5em;
  line-height: 100px;
}

.img-crop span {
  display: inline-block;
  vertical-align: bottom;
  line-height: normal;
}

.img-crop img {
  width: 100%;
}

.zoom-hover {
  width: 100%;
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  margin-bottom: 10px;
}

.zoom-hover:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 15;
}

/* ==============
CAROUSEL SETTINGS 
============== */
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  padding: 20px;
  padding-left: 20%;
  padding-top: 5em;
  background: url(/wp-content/themes/signal4/assets/img/peacock-85.svg);
  background-position: bottom 0 right 150px;
  background-repeat: no-repeat;
  background-size: cover !important;
  margin-left: -300px;
  height: 100%;
  margin-bottom: -20px;
}
.carousel-caption h1 {
  line-height: 1em;
  margin-bottom: 0.25em;
}

.carousel-caption > * {
  max-width: 68%;
}

h1.fl-slide-title {
  text-shadow: 4px 4px 0px rgba(57, 57, 57, 0.6);
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 87vh;
  background-color: #777;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

.carousel-indicators li::before {
  top: 0;
}
.carousel-indicators li::marker {
  font-size: 0;
}

/* CAROUSEL-RESPONSIVE CSS*/
@media (max-width: 992px) {
  .carousel-item {
    height: 46rem;
  }
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .carousel-caption {
    z-index: 10;
    right: -50px;
    padding-left: 50px;
    padding-right: 0;
    padding-top: 1em;
    background: url(/wp-content/themes/signal4/assets/img/peacock-85.svg);
    /* background-position:bottom 0 right 0; */
    background-repeat: no-repeat;
    background-size: cover !important;
    margin-left: -140px;
    height: 100%;
    margin-bottom: -20px;
  }
  .carousel-caption h1 {
    line-height: 1em;
    margin-bottom: 10px;
    padding: 0;
    padding-left: 70px;
    font-size: 3.6em;
  }
  .carousel-caption > * {
    max-width: 80%;
    padding-left: 70px;
  }
}
.home-products-row img {
  border-radius: 20px;
}

/* ================
POST PANEL SETTINGS 
================ */
.post-panel h2 {
  margin-top: 3em;
}

/* Device layer revealer */
.multi-slider {
  max-width: 100%;
  position: relative;
}

@media screen and (max-width: 769px) {
  .product-revealer {
    display: none;
  }
  .mob-margin-bottom {
    margin-bottom: 3em;
  }
}
.multi-slider .handles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
}

.multi-slider .handles .handle {
  position: absolute;
  height: 100%;
  top: 0;
  left: 10px;
  bottom: 0;
  width: 2px;
  background: rgba(0, 0, 0, 0.33);
  z-index: 100;
  display: none;
  cursor: ew-resize;
}

.multi-slider .handles .handle::before {
  content: "";
  position: absolute;
  z-index: 101;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background: url(assets/img/handle-bg.png) no-repeat center bottom;
  top: -2px;
  left: 50%;
  margin-left: -22px;
}

.multi-slider .handles .handle#handle-1 {
  display: block;
  left: 200px;
}

.multi-slider .layers {
  height: 300px;
  width: 645px;
  max-width: 100%;
  z-index: 2;
}

.multi-slider .layers .layer {
  position: absolute;
  left: 2px;
  top: 0;
  width: 0;
  height: 300px;
  background-position: -2px top;
  background-repeat: no-repeat;
}

.multi-slider .layers .layer#layer-1 {
  z-index: 1;
  width: 100%;
}

.multi-slider .layers .layer#layer-2 {
  z-index: 2;
  width: 200px;
}

/* Learn about our devices page */
.common-features img {
  border-radius: 100px;
  max-width: 180px;
  display: block;
  margin: 0 auto 18px;
}

.common-features .text-center p {
  font-weight: 700;
}

.markets-list {
  float: none;
  font-size: 1.2em;
}
.markets-list i {
  width: 30px;
  text-align: center;
  color: #15515d;
}

p.market-electronics::before {
  font-family: FontAwesome;
  content: "\f1eb";
  margin-right: 1em;
}

p.market-rd::before {
  font-family: FontAwesome;
  content: "\f002";
  margin-right: 1em;
}

p.market-mil::before {
  font-family: FontAwesome;
  content: "\f132";
  margin-right: 1em;
}

p.market-schools::before {
  font-family: FontAwesome;
  content: "\f19c";
  margin-right: 1em;
}

p.market-telco::before {
  font-family: FontAwesome;
  content: "\f095";
  margin-right: 1em;
}

p.market-security::before {
  font-family: FontAwesome;
  content: "\f023";
  margin-right: 1em;
}

p.market-audio::before {
  font-family: FontAwesome;
  content: "\f130";
  margin-right: 1em;
}

p.market-aero::before {
  font-family: FontAwesome;
  content: "\f072";
  margin-right: 1em;
}

p.market-auto::before {
  font-family: FontAwesome;
  content: "\f1b9";
  margin-right: 1em;
}

p.market-rail::before {
  font-family: FontAwesome;
  content: "\f207";
  margin-right: 1em;
}

p.market-ham::before {
  font-family: FontAwesome;
  content: "\f028";
  margin-right: 1em;
}

.testimonials-list {
  text-align: center;
}
.testimonials-list img {
  width: 40px;
  border-radius: 50px;
  margin: 0 auto 16px;
  display: block;
}
.testimonials-list span.url {
  margin-top: 12px;
  display: inline-block;
}

.banner.tan a.avatar-link {
  background: none;
  padding: 0;
  display: block;
  width: 40px;
  margin: 0 auto 16px;
}

.testimonials-list .quote {
  width: 33%;
  float: left;
}

.sh-stock-notice {
  border-radius: 0;
  border-width: 0 0 0 6px;
  padding-left: 5px;
}

.sh-green-stock {
  border-left: 6px solid #44cc00;
}

.sh-yellow-stock {
  border-left: 6px solid #ffbb55;
}

.sh-red-stock {
  border-left: 6px solid #b04932;
}

.summary .sh-stock-notice {
  margin-bottom: 10px;
}