@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import "/fonts/fonts.css";
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 {
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

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

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

* {
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-filter: expression(document.execCommand("BackgroundImageCache", false, true));
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
  font-size: 62.5%;
}

body {
  color: #3F6074;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.3;
  min-width: 320px;
  width: 100%;
}

.site-container {
  background-color: #FFFFFF;
  position: relative;
  padding-top: 7rem;
}
@media screen and (min-width: 1201px) {
  .site-container {
    padding-top: 15rem;
  }
}
.breadcrumbs ~ .site-container {
  padding-top: 0;
}
@media screen and (min-width: 1201px) {
  .breadcrumbs ~ .site-container {
    padding-top: 0;
  }
}

.section-padding {
  padding: 1rem 0;
}
.section-padding:first-of-type {
  padding-top: 2rem;
}
.section-padding:last-of-type {
  padding-bottom: 2rem;
}

.site-content {
  padding: 3rem 0;
}
@media only screen and (min-width:1024px) {
  .site-content {
    padding: 5rem 0;
  }
}

.content-wrapper {
  margin: 0 auto;
  max-width: 1380px;
  padding: 0 2.4rem;
}
.content-wrapper.has-sidebar {
  max-width: 1400px;
}
@media only screen and (min-width:481px) {
  .content-wrapper {
    padding: 0 3.2rem;
  }
}

.full-width-container {
  background-color: #FFFFFF;
}

.main-content {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  overflow-x: auto;
}
.main-content:empty {
  display: none !important;
}
.main-content.gray {
  background-color: #E6EAED;
}
.main-content.light-gray {
  background-color: #EEF1F4;
}

.module-border {
  border-bottom: 5px solid #FFFFFF;
  border-left: 10px solid #FFFFFF;
  border-right: 10px solid #FFFFFF;
  border-top: 5px solid #FFFFFF;
}

.module-padding {
  padding: 5rem 0;
}
@media only screen and (min-width:768px) {
  .module-padding {
    padding: 8rem 0;
  }
}

.alignright {
  height: auto;
  padding: 1.6rem 0;
}
@media only screen and (max-width: 480px) {
  .alignright {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width:768px) {
  .alignright {
    float: right;
    padding: 0.6rem 0 0 3rem;
  }
}
.alignright img {
  width: 100%;
}

.alignleft {
  height: auto;
  padding: 1.6rem 0;
}
@media only screen and (max-width: 480px) {
  .alignleft {
    width: 100%;
  }
}
@media only screen and (min-width:768px) {
  .alignleft {
    float: left;
    padding: 0.6rem 3rem 0 0;
  }
}
.alignleft img {
  width: 100%;
}

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

.mod-padding {
  padding: 4rem 0;
}
@media only screen and (min-width:1024px) {
  .mod-padding {
    padding: 7rem 0;
  }
}

.responsive-embed {
  clear: both;
  height: 0;
  margin-bottom: 2em;
  padding-bottom: 56.25%;
  position: relative;
}
.responsive-embed iframe, .responsive-embed video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.container-custom-1 {
  max-width: 1018px;
}

.container-custom-2 {
  max-width: 853px;
}

.container-custom-3 {
  max-width: 640px;
}

.container-custom-4 {
  max-width: 560px;
}

[class*=container-custom-] {
  width: 100%;
}
[class*=container-custom-] .responsive-embed {
  margin-bottom: 0;
}
[class*=container-custom-].align-center {
  margin-left: auto;
  margin-right: auto;
}
[class*=container-custom-].align-right {
  margin-left: auto;
}
[class*=container-custom-].align-left {
  margin-right: auto;
}
[class*=container-custom-].margin-bottom-1 {
  margin-bottom: 2em;
}
[class*=container-custom-].video-padding-exp-editor {
  padding: 60px;
  background: #EEF1F4;
}

h1 {
  -webkit-font-variant-ligatures: common-ligatures;
  font-variant-ligatures: common-ligatures;
}

.has-arrow::after {
  content: "\e90e";
  font-family: "icomoon" !important;
  position: absolute;
}

.fa {
  font-family: "FontAwesome" !important;
}

.cards-industries-grid-callout .button-light-blue, .cards-industries-grid-callout .checkout-sum-invoice-button, .cards-industries-grid-callout .spray-form button, .spray-form .cards-industries-grid-callout button, .cookie-bar-button, .cta-bar-button, .cta-bar .scTextWrapper, .button-header-green, .button-header-gray, .button-header-blue-light, .button-header-blue-default, .button-header-blue-dark, .button-header-red, .button-header-white, .button-light, .button-primary, .button-gray, .order-card-actions .reorder-button, .button-light-blue, .checkout-sum-invoice-button, .order-card-actions .cancel-button, .spray-form button, .spray-form input[type=button], .spray-form input[type=reset], .spray-form input[type=submit], .button-dark-blue, .button-blue, .prod-features-cta-button, .header-feature-cta .prod-features-cta-button, .order-sum-invoice-button, .header-feature-cta .order-sum-invoice-button, .header-feature-cta .button-blue, .button-red {
  display: inline-block;
  outline: 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cookie-bar-button:hover, .cta-bar-button:hover, .cta-bar .scTextWrapper:hover, .button-header-green:hover, .button-header-gray:hover, .button-header-blue-light:hover, .button-header-blue-default:hover, .button-header-blue-dark:hover, .button-header-red:hover, .button-header-white:hover, .button-light:hover, .button-primary:hover, .button-gray:hover, .order-card-actions .reorder-button:hover, .button-light-blue:hover, .checkout-sum-invoice-button:hover, .order-card-actions .cancel-button:hover, .spray-form button:hover, .spray-form input[type=button]:hover, .spray-form input[type=reset]:hover, .spray-form input[type=submit]:hover, .button-dark-blue:hover, .button-blue:hover, .prod-features-cta-button:hover, .order-sum-invoice-button:hover, .button-red:hover, .cookie-bar-button:focus, .cta-bar-button:focus, .cta-bar .scTextWrapper:focus, .button-header-green:focus, .button-header-gray:focus, .button-header-blue-light:focus, .button-header-blue-default:focus, .button-header-blue-dark:focus, .button-header-red:focus, .button-header-white:focus, .button-light:focus, .button-primary:focus, .button-gray:focus, .order-card-actions .reorder-button:focus, .button-light-blue:focus, .checkout-sum-invoice-button:focus, .order-card-actions .cancel-button:focus, .spray-form button:focus, .spray-form input[type=button]:focus, .spray-form input[type=reset]:focus, .spray-form input[type=submit]:focus, .button-dark-blue:focus, .button-blue:focus, .prod-features-cta-button:focus, .order-sum-invoice-button:focus, .button-red:focus, .cookie-bar-button:active, .cta-bar-button:active, .cta-bar .scTextWrapper:active, .button-header-green:active, .button-header-gray:active, .button-header-blue-light:active, .button-header-blue-default:active, .button-header-blue-dark:active, .button-header-red:active, .button-header-white:active, .button-light:active, .button-primary:active, .button-gray:active, .order-card-actions .reorder-button:active, .button-light-blue:active, .checkout-sum-invoice-button:active, .order-card-actions .cancel-button:active, .spray-form button:active, .spray-form input[type=button]:active, .spray-form input[type=reset]:active, .spray-form input[type=submit]:active, .button-dark-blue:active, .button-blue:active, .prod-features-cta-button:active, .order-sum-invoice-button:active, .button-red:active {
  text-decoration: none;
}

.button-small {
  font-size: 1rem;
  padding: 0.6rem 2.6rem;
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  .button-small {
    font-size: 1.25rem;
  }
}

.button-red {
  background-color: #EC3737;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF !important;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  padding: 1.5rem 3.3rem 1.5rem;
  text-transform: uppercase;
}
.button-red:hover, .button-red:focus {
  background-color: rgb(219.1780821918, 20.8219178082, 20.8219178082);
  -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -4px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
}
.button-red:active {
  background-color: rgb(219.1780821918, 20.8219178082, 20.8219178082);
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  color: #FFFFFF;
}
@media only screen and (min-width:768px) {
  .button-red {
    font-size: 2rem;
  }
}

.button-blue, .prod-features-cta-button, .header-feature-cta .prod-features-cta-button, .order-sum-invoice-button, .header-feature-cta .order-sum-invoice-button, .header-feature-cta .button-blue {
  background-color: #005B94;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF !important;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  padding: 1.2rem 3rem;
  text-transform: uppercase;
}
.button-blue:hover, .prod-features-cta-button:hover, .order-sum-invoice-button:hover, .button-blue:focus, .prod-features-cta-button:focus, .order-sum-invoice-button:focus {
  background-color: rgb(0, 59.6418918919, 97);
  -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
}
.button-blue:active, .prod-features-cta-button:active, .order-sum-invoice-button:active {
  background-color: rgb(0, 59.6418918919, 97);
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  color: #FFFFFF;
}
@media only screen and (min-width:768px) {
  .button-blue, .prod-features-cta-button, .header-feature-cta .prod-features-cta-button, .order-sum-invoice-button, .header-feature-cta .order-sum-invoice-button, .header-feature-cta .button-blue {
    font-size: 2rem;
  }
}

.button-dark-blue {
  background-color: #075671;
  border: 2px solid #FFFFFF;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF !important;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  padding: 1.2rem 3rem;
  text-transform: uppercase;
}
.button-dark-blue:hover, .button-dark-blue:focus {
  background-color: rgb(4.025, 49.45, 64.975);
  -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
}
.button-dark-blue:active {
  background-color: rgb(4.025, 49.45, 64.975);
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  color: #FFFFFF;
}
@media only screen and (min-width:768px) {
  .button-dark-blue {
    font-size: 2rem;
  }
}

.button-light-blue, .checkout-sum-invoice-button, .order-card-actions .cancel-button, .spray-form button, .spray-form input[type=button], .spray-form input[type=reset], .spray-form input[type=submit] {
  background-color: #67D1FF;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF !important;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  padding: 1.2rem 3rem;
  text-transform: uppercase;
}
.button-light-blue:hover, .checkout-sum-invoice-button:hover, .order-card-actions .cancel-button:hover, .spray-form button:hover, .spray-form input[type=button]:hover, .spray-form input[type=reset]:hover, .spray-form input[type=submit]:hover, .button-light-blue:focus, .checkout-sum-invoice-button:focus, .order-card-actions .cancel-button:focus, .spray-form button:focus, .spray-form input[type=button]:focus, .spray-form input[type=reset]:focus, .spray-form input[type=submit]:focus {
  background-color: rgb(52, 193.5657894737, 255);
  -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
}
.button-light-blue:active, .checkout-sum-invoice-button:active, .order-card-actions .cancel-button:active, .spray-form button:active, .spray-form input[type=button]:active, .spray-form input[type=reset]:active, .spray-form input[type=submit]:active {
  background-color: rgb(52, 193.5657894737, 255);
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  color: #FFFFFF;
}
@media only screen and (min-width:768px) {
  .button-light-blue, .checkout-sum-invoice-button, .order-card-actions .cancel-button, .spray-form button, .spray-form input[type=button], .spray-form input[type=reset], .spray-form input[type=submit] {
    font-size: 2rem;
  }
}
.button-light-blue.forty-two, .forty-two.checkout-sum-invoice-button, .order-card-actions .forty-two.cancel-button, .spray-form button.forty-two, .spray-form input.forty-two[type=button], .spray-form input.forty-two[type=reset], .spray-form input.forty-two[type=submit] {
  padding: 0.8rem 3rem;
}

.button-gray, .order-card-actions .reorder-button {
  background-color: #f6f8f9;
  border: 1px solid rgba(63, 96, 116, 0.25);
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
  color: #3F6074 !important;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  padding: 1.2rem 3rem;
  text-transform: uppercase;
}
.button-gray:hover, .order-card-actions .reorder-button:hover, .button-gray:focus, .order-card-actions .reorder-button:focus {
  background-color: rgb(215.4, 224.2, 228.6);
  -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #3F6074;
}
.button-gray:active, .order-card-actions .reorder-button:active {
  background-color: rgb(207.0357142857, 215.5, 223.9642857143);
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 rgba(0, 0, 0, 0) !important;
  color: #3F6074;
}
@media only screen and (min-width:768px) {
  .button-gray, .order-card-actions .reorder-button {
    font-size: 2rem;
  }
}

.button-primary {
  background-color: #EC3737;
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: 800;
  padding: 1.2 3rem;
}
.general-content .button-primary {
  margin-top: 1.6rem;
}
.button-primary:hover, .button-primary:focus {
  background-color: rgb(233.7876712329, 31.7123287671, 31.7123287671);
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3) !important;
  color: #FFFFFF;
}
.button-primary:active {
  background-color: rgb(219.1780821918, 20.8219178082, 20.8219178082);
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  color: #FFFFFF;
  padding-bottom: 1.1rem;
  padding-top: 1.3rem;
}
.button-primary:active {
  background-color: rgb(219.1780821918, 20.8219178082, 20.8219178082);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 1.1rem;
  padding-top: 1.3rem;
}
@media only screen and (min-width:768px) {
  .button-primary {
    font-size: 2rem;
  }
}

.button-light {
  background-color: #FFFFFF;
  border: 1px solid #363636;
  color: #363636;
}
.button-light:hover, .button-light:focus, .button-light:active {
  background-color: rgb(242.25, 242.25, 242.25);
}

.button-header-white {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #363636;
}
.button-header-white:hover, .button-header-white:focus, .button-header-white:active {
  background-color: rgb(229.5, 229.5, 229.5);
}

.button-header-red {
  background-color: #EC3737;
  border: 1px solid #EC3737;
  color: #FFFFFF;
}
.button-header-red:hover, .button-header-red:focus, .button-header-red:active {
  background-color: rgb(219.1780821918, 20.8219178082, 20.8219178082);
}

.button-header-blue-dark {
  background-color: #075671;
  border: 1px solid #075671;
  color: #FFFFFF;
}
.button-header-blue-dark:hover, .button-header-blue-dark:focus, .button-header-blue-dark:active {
  background-color: rgb(4.025, 49.45, 64.975);
}

.button-header-blue-default {
  background-color: #004B87;
  border: 1px solid #004B87;
  color: #FFFFFF;
}
.button-header-blue-default:hover, .button-header-blue-default:focus, .button-header-blue-default:active {
  background-color: rgb(0, 46.6666666667, 84);
}

.button-header-blue-light {
  background-color: #67D1FF;
  border: 1px solid #67D1FF;
  color: #FFFFFF;
}
.button-header-blue-light:hover, .button-header-blue-light:focus, .button-header-blue-light:active {
  background-color: rgb(52, 193.5657894737, 255);
}

.button-header-gray {
  background-color: #f6f8f9;
  border: 1px solid #f6f8f9;
  color: #3F6074;
}
.button-header-gray:hover, .button-header-gray:focus, .button-header-gray:active {
  background-color: rgb(215.4, 224.2, 228.6);
}

.button-header-green {
  background-color: #39B54A;
  border: 1px solid #39B54A;
  color: #FFFFFF;
}
.button-header-green:hover, .button-header-green:focus, .button-header-green:active {
  background-color: rgb(44.7857142857, 142.2142857143, 58.1428571429);
}

.button-bold {
  font-weight: bold;
}

.button-border-radius {
  border-radius: 3rem;
  padding: 2rem 4rem;
}

.button-with-icon, .prod-features-cta-button, .prod-add-buttons a, .order-sum-invoice-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.button-with-icon i, .prod-features-cta-button i, .prod-add-buttons a i, .order-sum-invoice-button i {
  font-size: 2rem;
  position: absolute;
  left: 0.8rem;
  margin-top: -1rem;
  top: 50%;
}
@media only screen and (min-width:481px) {
  .button-with-icon i, .prod-features-cta-button i, .prod-add-buttons a i, .order-sum-invoice-button i {
    font-size: 2.75rem;
    margin-top: -1.2rem;
  }
}
@media only screen and (min-width:1024px) {
  .button-with-icon i, .prod-features-cta-button i, .prod-add-buttons a i, .order-sum-invoice-button i {
    font-size: 3.125rem;
    margin-top: -1.5rem;
  }
}
.button-with-icon span, .prod-features-cta-button span, .prod-add-buttons a span, .order-sum-invoice-button span {
  padding-left: 2.25rem;
}

h1 span,
h2 span,
h3 span,
h4 span {
  display: block;
  font-size: 0.625em;
  margin-bottom: 1rem;
}

h1 {
  color: #000000;
  font-size: 4.4rem;
  font-weight: 300;
  letter-spacing: -0.05rem;
  line-height: 1.2;
  margin-bottom: 4.8rem;
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 4.2rem;
    letter-spacing: -0.07rem;
  }
}
@media only screen and (min-width:1024px) {
  h1 {
    font-size: 6rem;
  }
}

h2 {
  color: #222222;
  font-size: 2.7rem;
  font-weight: 500;
  letter-spacing: -0.075rem;
  line-height: 1.1;
  margin-bottom: 0.6rem;
  padding: 0;
}
@media only screen and (min-width:768px) {
  h2 {
    font-size: 3rem;
  }
}
@media only screen and (min-width:1024px) {
  h2 {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width:1441px) {
  h2 {
    font-size: 3.2rem;
  }
}

h3 {
  color: #222222;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 0.8;
  margin-bottom: 0.8rem;
}
.sidebar h3 {
  margin-bottom: 1.6rem;
}
@media only screen and (min-width:1024px) {
  h3 {
    font-size: 3.2rem;
  }
}

h4 {
  color: #222222;
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: -0.55px;
  line-height: 1.2;
  margin-bottom: 2rem;
}
@media only screen and (min-width:1024px) {
  h4 {
    font-size: 2.4rem;
  }
}

h5 {
  color: #222222;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
  text-transform: uppercase;
}
@media only screen and (min-width:481px) {
  h5 {
    font-size: 1.8rem;
  }
}

p {
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 2rem;
}
@media only screen and (min-width:1024px) {
  p {
    font-size: 2rem;
  }
}

.large-paragraph,
.intro {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.45;
  margin-bottom: 2.4rem;
}
@media only screen and (min-width:481px) and (max-width:767px) {
  .large-paragraph,
  .intro {
    font-size: 2rem;
  }
}
@media only screen and (min-width:768px) {
  .large-paragraph,
  .intro {
    font-size: 2.125rem;
    line-height: 1.5;
  }
}
@media only screen and (min-width:1024px) {
  .large-paragraph,
  .intro {
    font-size: 2.4rem;
  }
}

a {
  color: #006199;
  outline: 0;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
a:hover {
  text-decoration: underline;
}

ul {
  font-weight: 400;
  line-height: 1.5;
  list-style-position: outside;
  list-style-type: disc;
  margin-bottom: 2.4rem;
  margin-left: 3.6rem;
}
ul li {
  margin-bottom: 1.2rem;
}

ol {
  font-weight: 400;
  line-height: 1.5;
  list-style-position: outside;
  list-style-type: decimal;
  margin-bottom: 2.4rem;
  margin-left: 3.6rem;
}
ol li {
  margin-bottom: 1.2rem;
}

ul ul,
ol ul {
  list-style-position: outside;
  list-style-type: circle;
  margin-left: 1.6rem;
}

ol ol,
ul ol {
  list-style-position: outside;
  list-style-type: lower-latin;
  margin-left: 1.6rem;
}

hr {
  background: none;
  border: 0;
  border-top: 2px dotted #E3E7E9;
  height: 0;
  margin: 0 auto;
}

ul {
  list-style-type: disc;
  margin-left: 2.4rem;
}

blockquote {
  border-color: #D47070;
  border-style: solid;
  border-width: 0 0 0 0.6rem;
  color: #3F6074;
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.06;
  margin: 3rem 0;
  padding: 0 2rem;
  position: relative;
}
@media only screen and (min-width:768px) {
  blockquote {
    font-size: 3.2rem;
    padding: 0 3rem;
  }
}
blockquote p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
blockquote .end-quote {
  color: #EC3737;
}

@media only screen and (min-width:768px) {
  blockquote {
    font-size: 3.4rem;
    margin: 4rem 0;
  }
}
@media only screen and (min-width:1024px) {
  blockquote {
    font-size: 3.8rem;
  }
}
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

sub,
sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 60%;
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
}

sup {
  /* Move the superscripted text up */
  font-weight: 100;
  top: -0.5em;
  vertical-align: baseline;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

.flyout-menu-wrapper {
  -webkit-overflow-scrolling: touch;
  background-color: #EEF1F4;
  height: 100%;
  overflow-y: auto;
  padding: 3.2rem 1.5rem;
  position: fixed;
  right: -1000px;
  top: 0;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.4s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.4s;
  width: 100%;
  z-index: 902;
}
@media only screen and (min-width:481px) {
  .flyout-menu-wrapper {
    max-width: 400px;
  }
}
@media only screen and (min-width:768px) {
  .flyout-menu-wrapper {
    padding: 3.2rem 2rem;
  }
}
.flyout-menu-wrapper.active {
  right: 0;
}
.flyout-menu-wrapper .close-search-button {
  opacity: 1;
}
.flyout-menu-wrapper .close-search-button .menu-global {
  border-color: #222222;
}
@media screen and (min-width: 1201px) {
  .flyout-menu-wrapper .close-search-button {
    margin-top: 0;
    top: 13px;
  }
}
.flyout-menu-wrapper .flyout-menu i {
  color: #24ADFF;
  font-size: 2.5rem;
  line-height: 1;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.flyout-menu-wrapper .flyout-menu i.active {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.flyout-menu-wrapper .flyout-menu i.icon-arrow {
  cursor: pointer;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.flyout-menu-wrapper .flyout-menu-toggle-back {
  cursor: pointer;
  margin-bottom: 2rem;
}
@media only screen and (min-width:768px) {
  .flyout-menu-wrapper .flyout-menu-toggle-back {
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .flyout-menu-wrapper .flyout-menu-toggle-back {
    margin-bottom: 4rem;
  }
}
.flyout-menu-wrapper .flyout-menu-title {
  line-height: 1.3;
  color: #222;
  font-weight: 500;
  font-size: 2rem;
}
@media only screen and (min-width:768px) {
  .flyout-menu-wrapper .flyout-menu-title {
    font-size: 2.4rem;
    line-height: 1;
  }
}
@media only screen and (min-width:1024px) {
  .flyout-menu-wrapper .flyout-menu-title {
    font-size: 2.8rem;
  }
}
.flyout-menu-wrapper .flyout-menu-inner-item {
  margin-bottom: 4rem;
}
.flyout-menu-wrapper .flyout-menu-inner-item .button {
  cursor: pointer;
  padding: 1.2rem 2.5rem;
}
.flyout-menu-wrapper .flyout-menu-inner-item button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.flyout-menu-wrapper .flyout-menu-inner-item .button-light-blue, .flyout-menu-wrapper .flyout-menu-inner-item .checkout-sum-invoice-button, .flyout-menu-wrapper .flyout-menu-inner-item .order-card-actions .cancel-button, .order-card-actions .flyout-menu-wrapper .flyout-menu-inner-item .cancel-button, .flyout-menu-wrapper .flyout-menu-inner-item .spray-form button, .spray-form .flyout-menu-wrapper .flyout-menu-inner-item button, .flyout-menu-wrapper .flyout-menu-inner-item .spray-form input[type=button], .spray-form .flyout-menu-wrapper .flyout-menu-inner-item input[type=button], .flyout-menu-wrapper .flyout-menu-inner-item .spray-form input[type=reset], .spray-form .flyout-menu-wrapper .flyout-menu-inner-item input[type=reset], .flyout-menu-wrapper .flyout-menu-inner-item .spray-form input[type=submit], .spray-form .flyout-menu-wrapper .flyout-menu-inner-item input[type=submit] {
  border-width: 0;
}
.flyout-menu-wrapper .flyout-menu-inner-item .button-gray, .flyout-menu-wrapper .flyout-menu-inner-item .order-card-actions .reorder-button, .order-card-actions .flyout-menu-wrapper .flyout-menu-inner-item .reorder-button {
  margin-right: 1rem;
}
.flyout-menu-wrapper .flyout-menu-list-wrapper {
  padding: 2rem 2rem 0;
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  margin-bottom: 2rem;
}
@media only screen and (min-width:1024px) {
  .flyout-menu-wrapper .flyout-menu-list-wrapper {
    margin-bottom: 0;
  }
  .flyout-menu-wrapper .flyout-menu-list-wrapper:first-of-type {
    margin-right: 4rem;
  }
}
.flyout-menu-wrapper .flyout-menu-see-all .icon-plus, .flyout-menu-wrapper .flyout-menu-see-all .icon-minus {
  font-size: 1.6rem;
  font-weight: 600;
}
.flyout-menu-wrapper .flyout-menu-see-all a {
  cursor: pointer;
  font-weight: 600;
  font-size: 1.4rem;
}
@media only screen and (min-width:1024px) {
  .flyout-menu-wrapper .flyout-menu-see-all a {
    font-size: 1.6rem;
  }
}
.flyout-menu-wrapper .flyout-menu-see-all .see-less {
  display: none;
}
.flyout-menu-wrapper .flyout-menu-list {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 1rem;
}
.flyout-menu-wrapper .flyout-menu-list.collapse {
  display: none;
}
.flyout-menu-wrapper .flyout-menu-list label, .flyout-menu-wrapper .flyout-menu-list div {
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: 400;
}
.flyout-menu-wrapper .flyout-menu-list span {
  font-size: 2rem;
  font-weight: bold;
  cursor: pointer;
}
.flyout-menu-wrapper .flyout-menu-list-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 1rem;
}
.flyout-menu-wrapper .flyout-menu-inner-list {
  display: none;
  list-style-type: none;
  margin: 1rem 0 1rem 3rem;
}

@media only screen and (min-width:1024px) {
  .flyout-menu-wrapper {
    max-width: 800px;
  }
  .flyout-menu-inner-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flyout-menu-list-wrapper {
    width: 50%;
  }
}
.gotham-light {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 300;
}

.gotham-book {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 400;
}

.gotham-bold {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 700;
}

.site-footer {
  background-color: #5E7C8E;
  color: #AEBDC6;
}
.site-footer::after {
  clear: both;
  content: "";
  display: table;
}
.site-footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  max-width: 1493px;
}
@media only screen and (min-width:1441px) {
  .site-footer-container {
    padding: 0 4rem;
  }
}
.site-footer-info {
  padding: 3rem 3rem 5rem;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width:1024px) {
  .site-footer-info {
    text-align: left;
    width: auto;
  }
}
.site-footer-logo {
  display: none;
  max-height: 100px;
}
@media only screen and (min-width:1024px) {
  .site-footer-logo {
    display: block;
    margin-bottom: 3rem;
  }
}
.site-footer-logo img {
  height: auto;
  max-width: 100%;
  width: 100%;
}
.site-footer .social-icon-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin: auto;
  padding: 0 0 2rem;
  width: 18rem;
}
@media only screen and (min-width:1024px) {
  .site-footer .social-icon-list {
    margin: 0;
  }
}
.site-footer .social-icon-list li {
  margin-bottom: 0;
}
.site-footer .social-icon-list-item {
  color: #AEBDC6;
  font-size: 2.5rem;
}
.site-footer .social-icon-list-item .fa {
  font-family: "FontAwesome" !important;
}
.site-footer .copyright {
  font-size: 1.3rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width:1441px) {
  .site-footer .copyright {
    font-size: 1.4rem;
  }
}
.site-footer-links {
  display: none;
  font-weight: 400;
  list-style: none;
  margin: 1rem -0.625rem;
}
@media only screen and (min-width:1024px) {
  .site-footer-links {
    display: block;
  }
}
.site-footer-links li {
  display: block;
  margin-bottom: 0;
  padding: 0 0.625rem;
  position: relative;
}
.site-footer-links li:last-of-type:before {
  display: none;
}
.site-footer-links li:first-of-type a {
  padding-left: 0;
}
.site-footer-links li a {
  color: #AEBDC6;
  display: block;
  font-size: 1.3rem;
}
@media only screen and (min-width:1441px) {
  .site-footer-links li a {
    font-size: 1.4rem;
  }
}
.site-footer-links li a:hover {
  text-decoration: underline;
}
.site-footer-menu {
  display: none;
}
.site-footer .chat-button {
  display: none;
}
@media (min-width: 1201px) {
  .site-footer .chat-button {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 11;
  }
  .site-footer .chat-button .icon-chat {
    font-size: 5rem;
    color: #ffffff;
    background-color: #67D1FF;
    padding: 1.5rem;
    text-decoration: none;
    border-radius: 50%;
  }
}
.site-footer.lighter {
  background-color: #EAEAEA;
  color: #3A4B58;
}
.site-footer.lighter .site-footer-menu ul li a,
.site-footer.lighter .site-footer-links li a,
.site-footer.lighter .footer-menu-title {
  color: #3A4B58;
}
.site-footer.lighter .social-icon-list-item {
  color: #005B94;
}
.site-footer.lighter .site-footer .copyright strong {
  font-weight: 500;
}
.site-footer.darker {
  background-color: #242F37;
}
.site-footer.darker .social-icon-list-item {
  color: #FFFFFF;
}
.site-footer.darker .site-footer .copyright strong {
  font-weight: 500;
}

@media only screen and (min-width:1024px) {
  .site-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 3rem;
    padding-bottom: 8rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width:1024px) and (min-width:1441px) {
  .site-footer {
    padding-top: 4rem;
  }
}
@media only screen and (min-width:1024px) {
  .site-footer-info {
    border-right: 1px dashed rbga(255, 255, 255, 0.4);
    padding-top: 0;
    width: 20%;
  }
  .site-footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 2rem;
    width: 80%;
  }
  .site-footer-menu .footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .site-footer-menu ul {
    font-weight: 500;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0 1rem;
  }
}
@media only screen and (min-width:1024px) and (min-width:1441px) {
  .site-footer-menu ul {
    padding: 0 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .site-footer-menu ul li {
    margin-bottom: 1.6rem;
  }
  .site-footer-menu ul li.footer-menu-title {
    color: #EEF1F4;
    margin-bottom: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    word-break: break-word;
  }
}
@media only screen and (min-width:1024px) and (min-width:1024px) {
  .site-footer-menu ul li.footer-menu-title {
    font-size: 1rem;
  }
}
@media only screen and (min-width:1024px) and (min-width:1441px) {
  .site-footer-menu ul li.footer-menu-title {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1;
  }
}
@media only screen and (min-width:1024px) {
  .site-footer-menu ul li.footer-menu-title a {
    pointer-events: none;
  }
  .site-footer-menu ul li a {
    color: #AEBDC6;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    word-break: break-word;
  }
}
@media only screen and (min-width:1024px) and (min-width:1441px) {
  .site-footer-menu ul li a {
    font-size: 1rem;
  }
}
.form-builder-warning {
  display: none;
  color: red;
}

.pagemode-edit .form-builder-warning, .pagemode-preview .form-builder-warning, .sc-form-design-container .form-builder-warning {
  display: unset;
}

.sc-formdesign-fieldcontainer input[type=checkbox] {
  margin-left: 0;
}

.required-asterisk:after {
  content: "*";
  padding: 3px;
  color: darkred;
}

.form-validation-note {
  margin-bottom: 10px;
  font-size: 15px;
  color: darkred;
}
@media screen and (min-width: 500px) {
  .form-validation-note.wide-column {
    padding: 0 2rem;
  }
}

.info-message {
  display: inline-block;
  padding: 0 1.25rem;
}

.spray-form-field {
  margin-bottom: 3rem;
}
.spray-form-field div.radio-select {
  margin: 1.5rem 0;
}
.spray-form-field-description {
  display: block;
  font-size: 1.4rem;
  font-style: italic;
  padding-top: 0.5rem;
}
@media only screen and (min-width:481px) {
  .spray-form-field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .spray-form-field-wrapper.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width:481px) {
  .spray-form-field.half {
    width: 50%;
  }
  .spray-form-field.half.pad-right {
    padding: 0 1rem 0 0;
  }
  .spray-form-field.half.pad-left {
    padding: 0 0 0 1rem;
  }
}
@media only screen and (min-width:768px) {
  .spray-form-field.half.pad-right {
    padding: 0 2rem 0 0;
  }
  .spray-form-field.half.pad-left {
    padding: 0 0 0 2rem;
  }
}
.spray-form-field.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.spray-form-field.flex.centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.spray-form legend.formField, .spray-form-field legend {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0.5rem;
}
.spray-form legend.formField:after, .spray-form-field legend:after {
  background-color: transparent;
}
.spray-form legend {
  color: #222222;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.31px;
  line-height: 1;
  margin: 0 0 4rem;
  position: relative;
}
@media only screen and (min-width:768px) {
  .spray-form legend {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width:1024px) and (max-width:1440px) {
  .spray-form legend {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width:1441px) {
  .spray-form legend {
    font-size: 2.8rem;
  }
}
.spray-form legend:not(.required-asterisk):not(.no-bar):after {
  background-color: #D47070;
  bottom: -1.3rem;
  content: "";
  height: 6px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  width: 80px;
  z-index: 1;
}
@media only screen and (min-width:768px) {
  .spray-form legend:not(.required-asterisk):not(.no-bar):after {
    bottom: -1.5rem;
  }
}
.spray-form label.radioList {
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: 400;
  margin-left: 0.7rem;
}
.spray-form label {
  color: #222222;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.6rem;
  text-transform: none;
}
.spray-form label * {
  vertical-align: baseline;
}
.spray-form label.font-weight-normal {
  font-weight: 400;
}
@media only screen and (min-width:768px) {
  .spray-form label {
    font-size: 1.6rem;
  }
}
.spray-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  background: #f6f8f9 url(../images/template/select-dropdown.svg) no-repeat 98% 50%;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
  border-radius: 0;
  color: #3F6074;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.4rem;
  height: 42px;
  outline: 0;
  padding: 1.05rem 4rem 1.25rem 1.2rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}
.spray-form select:hover {
  -webkit-box-shadow: inset 0 -3px 0 0 #3F6074, 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 -3px 0 0 #3F6074, 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2);
}
.spray-form select::-ms-expand {
  background-color: #EEF1F4;
  border: 0;
}
.spray-form select:focus, .spray-form select:active {
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #006199;
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #006199;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .spray-form select {
    background: #EEF1F4;
    padding-right: 1.2rem;
  }
}
@media only screen and (min-width:1024px) {
  .spray-form select {
    font-size: 1.6rem;
  }
}
.spray-form select.contact {
  background: #f6f8f9 url(../images/template/select-dropdown.svg) no-repeat 98% 50%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .spray-form select.contact {
    background: #f6f8f9;
    padding-right: 1.2rem;
  }
}
.spray-form select.product-filter-active {
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #24ADFF;
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #24ADFF;
}
.spray-form select.submit {
  background: unset;
}
.spray-form select.submit::-ms-expand {
  display: none;
}
.spray-form input[type=color], .spray-form input[type=date], .spray-form input[type=datetime], .spray-form input[type=datetime-local], .spray-form input[type=email], .spray-form input[type=month], .spray-form input[type=number], .spray-form input[type=password], .spray-form input[type=search], .spray-form input[type=tel], .spray-form input[type=text], .spray-form input[type=time], .spray-form input[type=url], .spray-form input[type=week], .spray-form input:not([type]), .spray-form textarea {
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  color: #3F6074;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.4rem;
  outline: 0;
  padding: 1.3rem 1rem 1.2rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}
.spray-form input[type=color]::-webkit-input-placeholder, .spray-form input[type=date]::-webkit-input-placeholder, .spray-form input[type=datetime]::-webkit-input-placeholder, .spray-form input[type=datetime-local]::-webkit-input-placeholder, .spray-form input[type=email]::-webkit-input-placeholder, .spray-form input[type=month]::-webkit-input-placeholder, .spray-form input[type=number]::-webkit-input-placeholder, .spray-form input[type=password]::-webkit-input-placeholder, .spray-form input[type=search]::-webkit-input-placeholder, .spray-form input[type=tel]::-webkit-input-placeholder, .spray-form input[type=text]::-webkit-input-placeholder, .spray-form input[type=time]::-webkit-input-placeholder, .spray-form input[type=url]::-webkit-input-placeholder, .spray-form input[type=week]::-webkit-input-placeholder, .spray-form input:not([type])::-webkit-input-placeholder, .spray-form textarea::-webkit-input-placeholder {
  color: rgb(187.6363636364, 198.2727272727, 205.3636363636);
}
.spray-form input[type=color]::-moz-placeholder, .spray-form input[type=date]::-moz-placeholder, .spray-form input[type=datetime]::-moz-placeholder, .spray-form input[type=datetime-local]::-moz-placeholder, .spray-form input[type=email]::-moz-placeholder, .spray-form input[type=month]::-moz-placeholder, .spray-form input[type=number]::-moz-placeholder, .spray-form input[type=password]::-moz-placeholder, .spray-form input[type=search]::-moz-placeholder, .spray-form input[type=tel]::-moz-placeholder, .spray-form input[type=text]::-moz-placeholder, .spray-form input[type=time]::-moz-placeholder, .spray-form input[type=url]::-moz-placeholder, .spray-form input[type=week]::-moz-placeholder, .spray-form input:not([type])::-moz-placeholder, .spray-form textarea::-moz-placeholder {
  color: rgb(187.6363636364, 198.2727272727, 205.3636363636);
}
.spray-form input[type=color]::-ms-input-placeholder, .spray-form input[type=date]::-ms-input-placeholder, .spray-form input[type=datetime]::-ms-input-placeholder, .spray-form input[type=datetime-local]::-ms-input-placeholder, .spray-form input[type=email]::-ms-input-placeholder, .spray-form input[type=month]::-ms-input-placeholder, .spray-form input[type=number]::-ms-input-placeholder, .spray-form input[type=password]::-ms-input-placeholder, .spray-form input[type=search]::-ms-input-placeholder, .spray-form input[type=tel]::-ms-input-placeholder, .spray-form input[type=text]::-ms-input-placeholder, .spray-form input[type=time]::-ms-input-placeholder, .spray-form input[type=url]::-ms-input-placeholder, .spray-form input[type=week]::-ms-input-placeholder, .spray-form input:not([type])::-ms-input-placeholder, .spray-form textarea::-ms-input-placeholder {
  color: rgb(187.6363636364, 198.2727272727, 205.3636363636);
}
.spray-form input[type=color]::placeholder, .spray-form input[type=date]::placeholder, .spray-form input[type=datetime]::placeholder, .spray-form input[type=datetime-local]::placeholder, .spray-form input[type=email]::placeholder, .spray-form input[type=month]::placeholder, .spray-form input[type=number]::placeholder, .spray-form input[type=password]::placeholder, .spray-form input[type=search]::placeholder, .spray-form input[type=tel]::placeholder, .spray-form input[type=text]::placeholder, .spray-form input[type=time]::placeholder, .spray-form input[type=url]::placeholder, .spray-form input[type=week]::placeholder, .spray-form input:not([type])::placeholder, .spray-form textarea::placeholder {
  color: rgb(187.6363636364, 198.2727272727, 205.3636363636);
}
.spray-form input[type=color]:-ms-input-placeholder, .spray-form input[type=date]:-ms-input-placeholder, .spray-form input[type=datetime]:-ms-input-placeholder, .spray-form input[type=datetime-local]:-ms-input-placeholder, .spray-form input[type=email]:-ms-input-placeholder, .spray-form input[type=month]:-ms-input-placeholder, .spray-form input[type=number]:-ms-input-placeholder, .spray-form input[type=password]:-ms-input-placeholder, .spray-form input[type=search]:-ms-input-placeholder, .spray-form input[type=tel]:-ms-input-placeholder, .spray-form input[type=text]:-ms-input-placeholder, .spray-form input[type=time]:-ms-input-placeholder, .spray-form input[type=url]:-ms-input-placeholder, .spray-form input[type=week]:-ms-input-placeholder, .spray-form input:not([type]):-ms-input-placeholder, .spray-form textarea:-ms-input-placeholder {
  color: rgb(187.6363636364, 198.2727272727, 205.3636363636) !important;
}
.spray-form input[type=color][disabled], .spray-form input[type=date][disabled], .spray-form input[type=datetime][disabled], .spray-form input[type=datetime-local][disabled], .spray-form input[type=email][disabled], .spray-form input[type=month][disabled], .spray-form input[type=number][disabled], .spray-form input[type=password][disabled], .spray-form input[type=search][disabled], .spray-form input[type=tel][disabled], .spray-form input[type=text][disabled], .spray-form input[type=time][disabled], .spray-form input[type=url][disabled], .spray-form input[type=week][disabled], .spray-form input:not([type])[disabled], .spray-form textarea[disabled] {
  background-color: #EEF1F4;
  -moz-appearance: textfield !important;
}
.spray-form input[type=color][disabled]:focus, .spray-form input[type=color][disabled]:active, .spray-form input[type=date][disabled]:focus, .spray-form input[type=date][disabled]:active, .spray-form input[type=datetime][disabled]:focus, .spray-form input[type=datetime][disabled]:active, .spray-form input[type=datetime-local][disabled]:focus, .spray-form input[type=datetime-local][disabled]:active, .spray-form input[type=email][disabled]:focus, .spray-form input[type=email][disabled]:active, .spray-form input[type=month][disabled]:focus, .spray-form input[type=month][disabled]:active, .spray-form input[type=number][disabled]:focus, .spray-form input[type=number][disabled]:active, .spray-form input[type=password][disabled]:focus, .spray-form input[type=password][disabled]:active, .spray-form input[type=search][disabled]:focus, .spray-form input[type=search][disabled]:active, .spray-form input[type=tel][disabled]:focus, .spray-form input[type=tel][disabled]:active, .spray-form input[type=text][disabled]:focus, .spray-form input[type=text][disabled]:active, .spray-form input[type=time][disabled]:focus, .spray-form input[type=time][disabled]:active, .spray-form input[type=url][disabled]:focus, .spray-form input[type=url][disabled]:active, .spray-form input[type=week][disabled]:focus, .spray-form input[type=week][disabled]:active, .spray-form input:not([type])[disabled]:focus, .spray-form input:not([type])[disabled]:active, .spray-form textarea[disabled]:focus, .spray-form textarea[disabled]:active {
  -webkit-box-shadow: inset 0 0 0 3px #24ADFF;
  box-shadow: inset 0 0 0 3px #24ADFF;
}
@media only screen and (min-width:1024px) {
  .spray-form input[type=color], .spray-form input[type=date], .spray-form input[type=datetime], .spray-form input[type=datetime-local], .spray-form input[type=email], .spray-form input[type=month], .spray-form input[type=number], .spray-form input[type=password], .spray-form input[type=search], .spray-form input[type=tel], .spray-form input[type=text], .spray-form input[type=time], .spray-form input[type=url], .spray-form input[type=week], .spray-form input:not([type]), .spray-form textarea {
    font-size: 1.6rem;
    padding: 1.2rem 1rem 1rem;
  }
}
.spray-form input[type=submit][disabled], .spray-form button[disabled] {
  background-color: #EEF1F4;
  cursor: not-allowed;
}
.spray-form input[type=color]:focus, .spray-form input[type=date]:focus, .spray-form input[type=datetime]:focus, .spray-form input[type=datetime-local]:focus, .spray-form input[type=email]:focus, .spray-form input[type=month]:focus, .spray-form input[type=number]:focus, .spray-form input[type=password]:focus, .spray-form input[type=search]:focus, .spray-form input[type=tel]:focus, .spray-form input[type=text]:focus, .spray-form input[type=time]:focus, .spray-form input[type=url]:focus, .spray-form input[type=week]:focus, .spray-form input:not([type]):focus, .spray-form textarea:focus,
.spray-form input[type=color]:active, .spray-form input[type=date]:active, .spray-form input[type=datetime]:active, .spray-form input[type=datetime-local]:active, .spray-form input[type=email]:active, .spray-form input[type=month]:active, .spray-form input[type=number]:active, .spray-form input[type=password]:active, .spray-form input[type=search]:active, .spray-form input[type=tel]:active, .spray-form input[type=text]:active, .spray-form input[type=time]:active, .spray-form input[type=url]:active, .spray-form input[type=week]:active, .spray-form input:not([type]):active, .spray-form textarea:active {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF;
  box-shadow: inset 0 0 0 2.5px #24ADFF;
}
.spray-form textarea {
  color: #3F6074;
  height: 200px;
  background-color: #f6f8f9;
  font-size: 1.4rem;
  overflow: auto;
  resize: vertical;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.spray-form textarea::-webkit-input-placeholder {
  color: rgb(187.6363636364, 198.2727272727, 205.3636363636);
}
.spray-form textarea::-moz-placeholder {
  color: rgb(187.6363636364, 198.2727272727, 205.3636363636);
}
.spray-form textarea::-ms-input-placeholder {
  color: rgb(187.6363636364, 198.2727272727, 205.3636363636);
}
.spray-form textarea::placeholder {
  color: rgb(187.6363636364, 198.2727272727, 205.3636363636);
}
@media only screen and (min-width:1024px) {
  .spray-form textarea {
    font-size: 1.6rem;
    padding: 1rem 1.2rem;
    line-height: 1.5;
  }
}
.spray-form input[type=number] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.spray-form input[type=number]::-webkit-inner-spin-button, .spray-form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.spray-form .increment-input {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.spray-form .increment-input > a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3F6074;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 30px;
  padding: 1.45rem 0.5rem;
}
@media only screen and (min-width:1441px) {
  .spray-form .increment-input > a {
    padding: 1.55rem 0.5rem;
  }
}
.spray-form .increment-input > a i {
  font-size: 2rem;
}
.spray-form .increment-input > input {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  background-color: #fff;
  text-align: center;
}
.spray-form .increment-input > input::-webkit-inner-spin-button, .spray-form .increment-input > input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.spray-form .increment-input input[type=number] {
  -moz-appearance: textfield;
  border: 0;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.4), inset 0 -3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.4), inset 0 -3px 0 0 rgba(63, 96, 116, 0.2);
  min-width: 50px;
  height: 42px;
}
.spray-form .increment-input input[type=number]:active, .spray-form .increment-input input[type=number]:focus {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF;
  box-shadow: inset 0 0 0 2.5px #24ADFF;
}
.spray-form button, .spray-form input[type=button], .spray-form input[type=reset], .spray-form input[type=submit] {
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF !important;
  cursor: pointer;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  margin-top: 0;
  padding: 1.2rem 3rem;
  text-transform: uppercase;
}
@media only screen and (min-width:768px) {
  .spray-form button, .spray-form input[type=button], .spray-form input[type=reset], .spray-form input[type=submit] {
    font-size: 2rem;
  }
}
.spray-form button.forty-two, .spray-form input[type=button].forty-two, .spray-form input[type=reset].forty-two, .spray-form input[type=submit].forty-two {
  padding: 0.8rem 3rem;
}
.spray-form .checkbox {
  margin: 3rem 0 3.6rem;
}
.spray-form .checkbox label::before {
  font-size: 2.8rem;
  top: -10px !important;
}
.spray-form .checkbox [type=checkbox]:not(:checked) + label, .spray-form .checkbox [type=checkbox]:checked + label {
  padding-left: 4rem !important;
}
.spray-form .checkbox [type=checkbox]:not(:checked) + label.optional, .spray-form .checkbox [type=checkbox]:checked + label.optional {
  font-weight: 400;
}
.spray-form h1:not(:first-child), .spray-form h2:not(:first-child), .spray-form h3:not(:first-child), .spray-form h4:not(:first-child) {
  padding-top: 2rem;
}
.spray-form .section-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
.spray-form .section-toggle * {
  pointer-events: none;
}
.spray-form .section-toggle .toggle {
  top: auto;
  position: relative;
  width: 32px;
  height: auto;
}
.spray-form .section-toggle .toggle .bar {
  right: auto;
  bottom: auto;
}
.spray-form .showhide:checked ~ .reveal-if-checked,
.spray-form .active .reveal-if-active {
  display: block;
  height: auto;
}
.spray-form .showhide.form-section-children {
  display: none;
  height: 0;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
}
.spray-form .form-section-children {
  margin: 1.5rem 0 0 4rem;
}
.spray-form .form-section-children label {
  margin-left: 0;
}
.spray-form .form-section-children textarea {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  color: #3F6074;
  font-size: 1.4rem;
  height: 150px;
}
.spray-form .form-section-children textarea:active, .spray-form .form-section-children textarea:focus {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF;
  box-shadow: inset 0 0 0 2.5px #24ADFF;
}
@media only screen and (min-width:1024px) {
  .spray-form .form-section-children textarea {
    font-size: 1.6rem;
  }
}
.spray-form hr.form-bottom {
  border: 2px dashed #C0C0C0;
}
.spray-form .checkbox-collapsible-section {
  position: relative;
}
.spray-form .checkbox-collapsible-section .js-toggle-container {
  cursor: pointer;
  position: absolute;
  top: -2px;
  height: 3rem;
  width: calc(100% - 3rem);
  margin-left: 3rem;
}
.spray-form .checkbox-collapsible-section .js-toggle {
  width: auto;
  height: auto;
}
.spray-form .checkbox-collapsible-section .js-toggle .bar {
  bottom: 0;
}

@media only screen and (min-width:768px) {
  .form-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .form-body .form-field {
    width: 100%;
  }
}
.has-gray-bg .spray-form-field input[type=color], .has-gray-bg .spray-form-field input[type=date], .has-gray-bg .spray-form-field input[type=datetime], .has-gray-bg .spray-form-field input[type=datetime-local], .has-gray-bg .spray-form-field input[type=email], .has-gray-bg .spray-form-field input[type=month], .has-gray-bg .spray-form-field input[type=number], .has-gray-bg .spray-form-field input[type=password], .has-gray-bg .spray-form-field input[type=search], .has-gray-bg .spray-form-field input[type=tel], .has-gray-bg .spray-form-field input[type=text], .has-gray-bg .spray-form-field input[type=time], .has-gray-bg .spray-form-field input[type=url], .has-gray-bg .spray-form-field input[type=week], .has-gray-bg .spray-form-field input:not([type]), .has-gray-bg .spray-form-field textarea, .has-gray-bg .spray-form-field textarea {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.has-gray-bg .spray-form-field select {
  background-color: #FFFFFF;
}
.has-gray-bg .spray-form-field select::-ms-expand {
  background-color: #FFFFFF;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .has-gray-bg .spray-form-field select {
    background: #FFFFFF;
  }
}

/* custom checkbox */
[type=checkbox]:not(:checked),
[type=checkbox]:checked {
  left: -9999px;
  position: absolute;
}

[type=checkbox]:not(:checked) + label,
[type=checkbox]:checked + label {
  cursor: pointer;
  padding-left: 2.75rem !important;
  position: relative;
}

/* checkbox aspect */
[type=checkbox]:not(:checked) + label:before,
[type=checkbox]:checked + label:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25em;
  width: 1.25em;
  content: "";
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

[type=checkbox]:not(:checked) + label:before {
  background-image: url(../images/template/checkbox.svg);
}

[type=checkbox]:checked + label:before {
  background-image: url(../images/template/box-checked.svg);
}

/* checked mark aspect */
[type=checkbox]:not(:checked) + label:not(.required-asterisk):after,
[type=checkbox]:checked + label:not(.required-asterisk):after {
  position: absolute;
  top: 0.2em;
  left: 0.275em;
  color: #006199;
  content: "";
  font-size: 1.4em;
  line-height: 0.8;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

/* custom radio inputs */
[type=radio]:not(:checked),
[type=radio]:checked {
  left: -9999px;
  position: absolute;
}

[type=radio]:not(:checked) + label,
[type=radio]:checked + label {
  cursor: pointer;
  padding-left: 3.25rem !important;
  position: relative;
}

/* radio aspect */
[type=radio]:not(:checked) + label:before,
[type=radio]:checked + label:before {
  position: absolute;
  top: -2px;
  left: 0;
  height: 1.25em;
  width: 1.25em;
  content: "";
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

[type=radio]:not(:checked) + label:before {
  background-image: url(../images/template/unselected.svg);
}

[type=radio]:checked + label:before {
  background-image: url(../images/template/selected.svg);
}

/* checked radio aspect */
[type=radio]:not(:checked) + label:after,
[type=radio]:checked + label:after {
  position: absolute;
  top: 0.2em;
  left: 0.275em;
  color: #006199;
  content: "";
  font-size: 1.4em;
  line-height: 0.8;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

/* styles for validation helpers */
.field-validation-error {
  color: darkred;
}
.field-validation-error.out-of-flow {
  position: absolute;
  display: block;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  background-color: mistyrose !important;
  border: 1px solid darkred !important;
}

#recaptcha-container ~ .captcha-verifier {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  z-index: -999;
  pointer-events: none;
}

form div.lp-form-field {
  word-wrap: break-word;
  word-break: break-word;
}

form div.lp-radioButtonsContainer {
  width: 50%;
}

form span.lp-radioButton input {
  width: 16px;
  height: auto;
  margin-right: 8px;
  border-radius: 50%;
  float: right;
}

form div.columnContainer div.marketing-field input[type=checkbox],
form div.columnContainer div.marketing-subscription-list input {
  width: 16px;
  height: auto;
  margin-right: 20px;
  vertical-align: bottom;
}

.ms-form-eu form div[data-editorblocktype=Field-checkbox] div.marketing-field input[type=checkbox]:checked + label:after,
.ms-form-eu form div[data-editorblocktype=SubscriptionListBlock] div.marketing-subscription-list input[type=checkbox]:checked + label:after {
  content: "✓";
}

.ms-form-eu form div[data-editorblocktype=Field-checkbox] div.marketing-field input[type=checkbox]:checked + label:before,
.ms-form-eu form div[data-editorblocktype=SubscriptionListBlock] div.marketing-subscription-list input[type=checkbox]:checked + label:before {
  background-color: #fff;
  background-image: revert;
  height: 1.2em;
  width: 1.25em;
}

.ms-form-eu form div[data-editorblocktype=Field-checkbox] div.marketing-field input[type=checkbox]:not(:checked) + label:before,
.ms-form-eu form div[data-editorblocktype=SubscriptionListBlock] div.marketing-subscription-list input[type=checkbox]:not(:checked) + label:before {
  background-color: #fff;
  background-image: revert;
  height: 1.2em;
  width: 1.25em;
}

form span.lp-checkboxListItem,
form span.lp-radioButton {
  /* This rule is needed to style all radio button fields. For product constraints each option is defined as input and label wrapped into a span*/
  display: block;
  margin: 2px;
}

form > div[data-layout=true] {
  margin: 0 auto;
  max-width: 600px;
}

form div.columnContainer {
  width: 100%;
  background-color: light brown;
  display: block;
  min-height: 70px;
  min-width: 20px;
  width: calc(100% + 0px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  float: left;
  word-wrap: break-word;
  word-break: break-word;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  font-family: "proxima-nova", sans-serif;
  font-size: 58.5%;
}

form div[data-editorblocktype=Field-text] label,
form div[data-editorblocktype=Field-phone] label,
form div[data-editorblocktype=Field-email] label,
form div[data-editorblocktype=Field-textarea] label,
form div[data-editorblocktype=Field-dropdown] label {
  color: #222;
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.6rem;
  text-transform: none;
}

.ms-form-eu form div[data-editorblocktype=Field-text] label,
.ms-form-eu form div[data-editorblocktype=Field-phone] label,
.ms-form-eu form div[data-editorblocktype=Field-email] label,
.ms-form-eu form div[data-editorblocktype=Field-textarea] label,
.ms-form-eu form div[data-editorblocktype=Field-dropdown] label {
  color: #fff;
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.6rem;
  text-transform: none;
}

form div[data-editorblocktype=Field-text] input:focus,
form div[data-editorblocktype=Field-phone] input:focus,
form div[data-editorblocktype=Field-email] input:focus,
form div[data-editorblocktype=Field-textarea] textarea:focus {
  border: 2px solid #00bfff;
  -webkit-box-shadow: inset 0 3px 0 0 #00bfff;
  box-shadow: none;
  outline-offset: 0px;
  outline: none;
}

form div[data-editorblocktype=Field-text],
form div[data-editorblocktype=Field-phone],
form div[data-editorblocktype=Field-email],
form div[data-editorblocktype=Field-textarea],
form div[data-editorblocktype=Field-checkbox],
form div[data-editorblocktype=SubscriptionListBlock] {
  margin-bottom: 3rem;
  padding: 10px;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}

form div[data-editorblocktype=Field-dropdown] {
  padding: 10px;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}

form div[data-editorblocktype=Field-dropdown] select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  background: #f6f8f9 url(/images/template/select-dropdown.svg) no-repeat 98% 50%;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
  border-radius: 0;
  color: #3F6074;
  font-size: 1.4rem;
  height: 42px;
  outline: 0;
  padding: 1.05rem 4rem 1.25rem 1.2rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}

form div[data-editorblocktype=Field-text] input,
form div[data-editorblocktype=Field-phone] input,
form div[data-editorblocktype=Field-email] input,
form div[data-editorblocktype=Field-testarea] input {
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  color: #3F6074;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.4rem;
  outline: 0;
  padding: 1.2rem 1rem 1rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  min-width: 20px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  float: left;
  word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  word-break: break-word;
  border-width: 0px;
  border-color: rgb(0, 0, 0);
  border-style: none;
  border-radius: 0px;
}

form div[data-editorblocktype=SubmitButtonBlock] button {
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #fff !important;
  cursor: pointer;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  margin-top: 0;
  padding: 1.2rem 3rem;
  text-transform: uppercase;
  background-color: #67D1FF;
  display: inline-block;
  outline: 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ms-form-eu form div[data-editorblocktype=SubmitButtonBlock] button {
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #fff !important;
  cursor: pointer;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  margin-top: 0;
  padding: 1.2rem 3rem;
  text-transform: uppercase;
  background: #ECA426;
  display: inline-block;
  outline: 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

form span.lp-required {
  content: "*";
  padding: 3px;
  color: darkblue;
}

.generic-grid .generic-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.generic-grid-item {
  width: 100%;
}
.generic-grid-item.full-width {
  width: 100%;
}

@media only screen and (min-width:768px) {
  .generic-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .generic-grid-item.quarter-width {
    width: 50%;
  }
  .generic-grid-item.half-width {
    width: 100%;
  }
  .generic-grid-item.three-quarter-width {
    width: 50%;
  }
}
@media only screen and (min-width:1441px) {
  .generic-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .generic-grid-anchor {
    top: -200px;
  }
  .generic-grid-item.quarter-width {
    width: 25%;
  }
  .generic-grid-item.half-width {
    width: 50%;
  }
  .generic-grid-item.three-quarter-width {
    width: 75%;
  }
}
.site-header {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E3E7E9;
  display: block;
  height: 5em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1rem;
  position: fixed;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s cubic-bezier(0.79, 0.24, 0.51, 0.95);
  transition: all 0.2s cubic-bezier(0.79, 0.24, 0.51, 0.95);
  width: 100%;
  z-index: 100;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px), only screen and (min-width:768px) and (max-width:1023px), (max-width: 1200px) {
  .is-scrolled .site-header {
    top: -8rem;
  }
}
@media screen and (min-width: 1201px) {
  .site-header {
    padding: 0 2.5rem 0 4rem;
  }
}
.site-header-logo {
  display: block;
  position: absolute;
  max-width: 14rem;
  float: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  z-index: 10;
}
@media only screen and (max-width: 1200px) {
  .site-header-logo {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 401px) {
  .site-header-logo {
    max-width: 18rem;
  }
}
@media only screen and (min-width:481px) {
  .site-header-logo {
    max-width: 23rem;
  }
  .site-header-logo .site-header {
    padding: 0 1.5rem;
  }
}
.site-header-logo a {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.site-header-logo img {
  height: auto;
  max-width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 90%;
}
@media only screen and (min-width:1441px) {
  .site-header-logo img {
    width: 44.8rem;
  }
}
.site-header-controls {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
}
.site-header-controls .site-header-buttons {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.site-header-controls .site-header-buttons .trigger-button {
  color: #222222;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 65px;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 0.625rem 0.3rem;
  text-align: center;
  text-decoration: none;
}
@media only screen and (min-width:481px) {
  .site-header-controls .site-header-buttons .trigger-button {
    padding: 0.625rem 0.5rem;
  }
}
.site-header-controls .site-header-buttons .trigger-button i {
  font-size: 2.5rem;
}
.site-header-controls .site-header-buttons .trigger-button span {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}
@media only screen and (min-width:481px) {
  .site-header-controls .site-header-buttons .trigger-button span {
    font-size: 1rem;
  }
}
.site-header-controls .site-header-buttons .country-language-trigger img {
  width: 16px;
  height: 16px;
  margin: 16px 5px 0 0;
}
@media screen and (max-width: 1200px) {
  .site-header-controls .site-header-buttons .country-language-trigger img {
    display: block;
    margin: 4px auto 3px;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width:1441px) {
  .site-header-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5rem;
  }
}
.site-header .cart-trigger {
  color: #222222;
  font-size: 3rem;
  margin: 1rem 0;
  padding: 0 1rem;
  display: block;
  position: relative;
}
.site-header .cart-indicator::after {
  background-color: #EC3737;
  border-radius: 50%;
  border: 2px solid #ffffff;
  color: #ffffff;
  opacity: 1;
  content: attr(data-count);
  font-size: 1rem;
  height: 12px;
  letter-spacing: 0.5px;
  padding: 0.5rem;
  line-height: 1.2;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.88, -0.99, 0, 1.81);
  transition: all 0.3s cubic-bezier(0.88, -0.99, 0, 1.81);
  position: absolute;
  right: 0;
  top: -1.5rem;
  width: 12px;
  z-index: 5;
}
.site-header .cart-indicator.has-cart-items::after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.site-header .cart-indicator.cart-indicator-desktop::after {
  left: -1rem;
  top: -1.35rem;
}
@media only screen and (min-width:1441px) {
  .site-header .cart-indicator.cart-indicator-desktop::after {
    left: -1.5rem;
    top: -1rem;
  }
}

@media screen and (min-width: 1201px) {
  .site-header {
    height: 15.8rem;
  }
  .is-scrolled .site-header {
    height: 12rem;
  }
  .site-header-logo {
    margin-top: 1.5rem;
  }
  .is-scrolled .site-header-logo {
    margin-top: 15px;
    max-width: 30rem;
  }
  .is-scrolled .site-header-controls {
    margin-top: 5rem;
  }
  .site-header .site-header-buttons {
    display: none;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-logo {
    max-width: 35rem;
    margin-left: 12.5px;
  }
}
@media screen and (min-width: 1441px) {
  .site-header-logo {
    margin-left: 21.25px;
  }
}
@media screen and (min-width: 1201px) {
  .site-header {
    height: 15rem;
  }
  .is-scrolled .site-header-logo img {
    max-width: 25rem;
  }
  .site-header-menu {
    width: 100%;
  }
  .is-scrolled .site-header-menu .main-menu-container {
    margin-top: 1.6rem;
  }
}
.site-header-top {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.site-header-top .extranav {
  position: relative;
  float: left;
}
.site-header-top .extranav ul {
  list-style: none;
  margin: 0;
  padding: 10px 0 0;
  position: relative;
}
.site-header-top .extranav ul:after {
  position: absolute;
  content: "";
  top: 10px;
  bottom: 0;
  right: 0;
  width: 1px;
  background: #ccc;
}
.site-header-top .extranav ul li {
  display: inline-block;
  padding: 2px 20px;
  margin: 0;
}
.site-header-top .extranav ul li a {
  color: #404040;
  font-size: 15px;
  font-weight: 500;
}
.site-header-top .region {
  float: left;
  padding: 14px 20px 2px 20px;
  font-size: 16px;
  color: #404040;
}
.site-header-top .region:hover, .site-header-top .region:focus {
  text-decoration: none;
}
.site-header-top .region img {
  margin-right: 2px;
}
.site-header-top .region span {
  color: #8A8A8A;
}

@media screen and (min-width: 1201px) {
  .site-header-top {
    top: -10px;
    display: block;
    margin-right: 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .is-scrolled .site-header-top {
    top: -45px;
  }
  .site-header-top .extranav ul li .caret {
    display: none;
  }
}
@media screen and (min-width: 1441px) {
  .site-header-top {
    top: 0;
  }
}
.caret {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
  margin: 6px 0 0 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.country-region-overlay {
  background: #064770;
  z-index: 9;
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  width: 100%;
  top: 120vh;
  height: 120vh;
}

.country-region-arrow {
  display: none;
  position: absolute;
  content: "";
  top: 36px;
  right: 118px;
  width: 12px;
  height: 12px;
  background: #064770;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.country-language-open .country-region-arrow {
  display: block;
}
.country-language-open .country-region-overlay {
  top: 0;
  overflow-y: auto;
}

.country-region .selected {
  background: #064770;
  padding: 20px 17px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}
.country-region .selected .country {
  margin-left: 20px;
}
.country-region .selected .separator, .country-region .selected .language {
  opacity: 0.75;
}
.country-region .acc-content {
  display: none;
}
.country-region .acc-toggle.active + .acc-content {
  display: block;
}
.country-region .acc-toggle a {
  padding: 13px 17px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  display: block;
  position: relative;
}
.country-region .acc-toggle.active a {
  background: #fff;
  color: #000;
  text-decoration: none;
}
.country-region .acc-toggle a .caret {
  position: absolute;
  top: 15px;
  right: 20px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.country-region .acc-toggle.active a .caret {
  top: 20px;
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.country-region .acc-content {
  background: #fff;
  padding: 15px 17px;
}
.country-region .acc-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.country-region .acc-content li {
  margin: 0;
  font-weight: 500;
  position: relative;
  padding-left: 27px;
  margin-bottom: 5px;
  width: 48%;
}
.country-region .acc-content li img {
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.country-region .acc-content li .flag-wrpr {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #ccc;
  width: 20px;
  height: 14px;
}
.country-region .acc-content li .flag {
  -webkit-transform: scale(0.59) translate(-12px, -16.75px);
  transform: scale(0.59) translate(-12px, -16.75px);
}
.country-region .acc-content li span {
  font-size: 14px;
  color: #404040;
  display: block;
  line-height: 1;
}
.country-region .acc-content li a {
  font-size: 12px;
  color: #005cb0;
  position: relative;
  margin-right: 6px;
  padding-right: 7px;
}
.country-region .acc-content li a:last-child {
  margin-right: 0;
  padding-right: 0;
}
.country-region .acc-content li a:after {
  position: absolute;
  content: "";
  top: 2px;
  bottom: 2px;
  right: 0;
  width: 1px;
  background: #005cb0;
}
.country-region .acc-content li a:last-child:after {
  display: none;
}
.country-region .close-search-button {
  display: block;
  top: 10px;
  margin-top: 0;
  opacity: 1;
}

@media screen and (min-width: 481px) {
  .country-region-arrow {
    right: 145px;
  }
}
@media screen and (min-width: 1201px) {
  .country-region-overlay {
    position: absolute;
    display: none;
    top: 68px;
    left: auto;
    right: 20px;
    width: 745px;
    padding-top: 0;
    height: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  }
  .country-language-open .country-region-overlay {
    display: block;
    top: 40px;
  }
  .country-region-arrow {
    right: 57px;
  }
  .is-scrolled .country-region-overlay {
    top: -10px;
  }
  .is-scrolled .country-region-arrow {
    top: -14px;
  }
  .country-region .selected {
    padding: 30px;
  }
  .country-region .selected .country {
    margin-left: 30px;
  }
  .country-region .do-acc {
    position: relative;
    padding-left: 19%;
    min-height: 300px;
    background: #064770;
    background: -webkit-gradient(linear, left top, right top, from(#064770), color-stop(19%, #064770), color-stop(19%, #064770), color-stop(19%, #ffffff), to(#ffffff));
    background: linear-gradient(to right, #064770 0%, #064770 19%, #064770 19%, #ffffff 19%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#064770", endColorstr="#ffffff",GradientType=1 );
  }
  .country-region .acc-toggle {
    position: absolute;
    left: 0;
  }
  .country-region .acc-toggle a {
    width: 142px;
    padding: 14px 17px;
    height: 50px;
  }
  .country-region .acc-toggle:nth-child(1) {
    top: 0;
  }
  .country-region .acc-toggle:nth-child(3) {
    top: 50px;
  }
  .country-region .acc-toggle:nth-child(5) {
    top: 100px;
  }
  .country-region .acc-toggle:nth-child(7) {
    top: 150px;
  }
  .country-region .acc-toggle:nth-child(9) {
    top: 200px;
  }
  .country-region .acc-toggle:nth-child(11) {
    top: 250px;
  }
  .country-region .acc-toggle:nth-child(13) {
    top: 300px;
  }
  .country-region .acc-content {
    padding: 30px 25px;
  }
  .country-region .acc-content li {
    width: 31%;
    margin-bottom: 10px;
  }
  .country-region .acc-content li > span {
    font-size: 15px;
  }
  .country-region .acc-content li > a {
    font-size: 13px;
  }
  .country-region .acc-toggle a .caret {
    display: none;
  }
}
@media screen and (min-width: 1201px) {
  .country-region-arrow {
    right: 57px;
  }
}
/* Country Flags Sprite */
.f32 .flag {
  background: url(../images/flags32.png) no-repeat;
  height: 32px;
  width: 32px;
  vertical-align: text-top;
}
.f32 ._African_Union {
  background-position: 0 -32px;
}
.f32 ._Arab_League {
  background-position: 0 -64px;
}
.f32 ._ASEAN {
  background-position: 0 -96px;
}
.f32 ._CARICOM {
  background-position: 0 -128px;
}
.f32 ._CIS {
  background-position: 0 -160px;
}
.f32 ._Commonwealth {
  background-position: 0 -192px;
}
.f32 ._England {
  background-position: 0 -224px;
}
.f32 ._European_Union {
  background-position: 0 -256px;
}
.f32 ._Islamic_Conference {
  background-position: 0 -288px;
}
.f32 ._Kosovo {
  background-position: 0 -320px;
}
.f32 ._NATO {
  background-position: 0 -352px;
}
.f32 ._Northern_Cyprus {
  background-position: 0 -384px;
}
.f32 ._Northern_Ireland {
  background-position: 0 -416px;
}
.f32 ._Olimpic_Movement {
  background-position: 0 -448px;
}
.f32 ._OPEC {
  background-position: 0 -480px;
}
.f32 ._Red_Cross {
  background-position: 0 -512px;
}
.f32 ._Scotland {
  background-position: 0 -544px;
}
.f32 ._Somaliland {
  background-position: 0 -576px;
}
.f32 ._Tibet {
  background-position: 0 -608px;
}
.f32 ._United_Nations {
  background-position: 0 -640px;
}
.f32 ._Wales {
  background-position: 0 -672px;
}
.f32 .eu {
  background-position: 0 -256px;
}
.f32 .ad, .f32 .and {
  background-position: 0 -704px;
}
.f32 .ae, .f32 .are {
  background-position: 0 -736px;
}
.f32 .af, .f32 .afg {
  background-position: 0 -768px;
}
.f32 .ag, .f32 .atg {
  background-position: 0 -800px;
}
.f32 .ai, .f32 .aia {
  background-position: 0 -832px;
}
.f32 .al, .f32 .alb {
  background-position: 0 -864px;
}
.f32 .am, .f32 .arm {
  background-position: 0 -896px;
}
.f32 .ao, .f32 .ago {
  background-position: 0 -928px;
}
.f32 .aq, .f32 .ata {
  background-position: 0 -960px;
}
.f32 .ar, .f32 .arg {
  background-position: 0 -992px;
}
.f32 .as, .f32 .asm {
  background-position: 0 -1024px;
}
.f32 .at, .f32 .aut {
  background-position: 0 -1056px;
}
.f32 .au, .f32 .aus {
  background-position: 0 -1088px;
}
.f32 .aw, .f32 .abw {
  background-position: 0 -1120px;
}
.f32 .ax, .f32 .ala {
  background-position: 0 -1152px;
}
.f32 .az, .f32 .aze {
  background-position: 0 -1184px;
}
.f32 .ba, .f32 .bih {
  background-position: 0 -1216px;
}
.f32 .bb, .f32 .brb {
  background-position: 0 -1248px;
}
.f32 .bd, .f32 .bgd {
  background-position: 0 -1280px;
}
.f32 .be, .f32 .bel {
  background-position: 0 -1312px;
}
.f32 .bf, .f32 .bfa {
  background-position: 0 -1344px;
}
.f32 .bg, .f32 .bgr {
  background-position: 0 -1376px;
}
.f32 .bh, .f32 .bhr {
  background-position: 0 -1408px;
}
.f32 .bi, .f32 .bdi {
  background-position: 0 -1440px;
}
.f32 .bj, .f32 .ben {
  background-position: 0 -1472px;
}
.f32 .bm, .f32 .bmu {
  background-position: 0 -1504px;
}
.f32 .bn, .f32 .brn {
  background-position: 0 -1536px;
}
.f32 .bo, .f32 .bol {
  background-position: 0 -1568px;
}
.f32 .br, .f32 .bra {
  background-position: 0 -1600px;
}
.f32 .bs, .f32 .bhs {
  background-position: 0 -1632px;
}
.f32 .bt, .f32 .btn {
  background-position: 0 -1664px;
}
.f32 .bw, .f32 .bwa {
  background-position: 0 -1696px;
}
.f32 .by, .f32 .blr {
  background-position: 0 -1728px;
}
.f32 .bz, .f32 .blz {
  background-position: 0 -1760px;
}
.f32 .ca, .f32 .can {
  background-position: 0 -1792px;
}
.f32 .cd, .f32 .cod {
  background-position: 0 -1824px;
}
.f32 .cf, .f32 .rca {
  background-position: 0 -1856px;
}
.f32 .cg, .f32 .cog {
  background-position: 0 -1888px;
}
.f32 .ch, .f32 .che {
  background-position: 0 -1920px;
}
.f32 .ci, .f32 .civ {
  background-position: 0 -1952px;
}
.f32 .ck, .f32 .cok {
  background-position: 0 -1984px;
}
.f32 .cl, .f32 .chl {
  background-position: 0 -2016px;
}
.f32 .cm, .f32 .cmr {
  background-position: 0 -2048px;
}
.f32 .cn, .f32 .chn {
  background-position: 0 -2080px;
}
.f32 .co, .f32 .col {
  background-position: 0 -2112px;
}
.f32 .cr, .f32 .cri {
  background-position: 0 -2144px;
}
.f32 .cu, .f32 .cub {
  background-position: 0 -2176px;
}
.f32 .cv, .f32 .cpv {
  background-position: 0 -2208px;
}
.f32 .cy, .f32 .cyp {
  background-position: 0 -2240px;
}
.f32 .cz, .f32 .cze {
  background-position: 0 -2272px;
}
.f32 .de, .f32 .deu {
  background-position: 0 -2304px;
}
.f32 .dj, .f32 .dji {
  background-position: 0 -2336px;
}
.f32 .dk, .f32 .dnk {
  background-position: 0 -2368px;
}
.f32 .dm, .f32 .dma {
  background-position: 0 -2400px;
}
.f32 .do, .f32 .dom {
  background-position: 0 -2432px;
}
.f32 .dz, .f32 .dza {
  background-position: 0 -2464px;
}
.f32 .ec, .f32 .ecu {
  background-position: 0 -2496px;
}
.f32 .ee, .f32 .est {
  background-position: 0 -2528px;
}
.f32 .eg, .f32 .egy {
  background-position: 0 -2560px;
}
.f32 .eh, .f32 .esh {
  background-position: 0 -2592px;
}
.f32 .er, .f32 .eri {
  background-position: 0 -2624px;
}
.f32 .es, .f32 .esp {
  background-position: 0 -2656px;
}
.f32 .et, .f32 .eth {
  background-position: 0 -2688px;
}
.f32 .fi, .f32 .fin {
  background-position: 0 -2720px;
}
.f32 .fj, .f32 .fji {
  background-position: 0 -2752px;
}
.f32 .fm, .f32 .fsm {
  background-position: 0 -2784px;
}
.f32 .fo, .f32 .fro {
  background-position: 0 -2816px;
}
.f32 .fr, .f32 .fra {
  background-position: 0 -2848px;
}
.f32 .bl, .f32 .blm {
  background-position: 0 -2848px;
}
.f32 .cp, .f32 .cpt {
  background-position: 0 -2848px;
}
.f32 .mf, .f32 .maf {
  background-position: 0 -2848px;
}
.f32 .yt, .f32 .myt {
  background-position: 0 -2848px;
}
.f32 .ga, .f32 .gab {
  background-position: 0 -2880px;
}
.f32 .gb, .f32 .gbr {
  background-position: 0 -2912px;
}
.f32 .sh, .f32 .shn {
  background-position: 0 -2912px;
}
.f32 .gd, .f32 .grd {
  background-position: 0 -2944px;
}
.f32 .ge, .f32 .geo {
  background-position: 0 -2976px;
}
.f32 .gg, .f32 .ggy {
  background-position: 0 -3008px;
}
.f32 .gh, .f32 .gha {
  background-position: 0 -3040px;
}
.f32 .gi, .f32 .gib {
  background-position: 0 -3072px;
}
.f32 .gl, .f32 .grl {
  background-position: 0 -3104px;
}
.f32 .gm, .f32 .gmb {
  background-position: 0 -3136px;
}
.f32 .gn, .f32 .gin {
  background-position: 0 -3168px;
}
.f32 .gp, .f32 .glp {
  background-position: 0 -3200px;
}
.f32 .gq, .f32 .gnq {
  background-position: 0 -3232px;
}
.f32 .gr, .f32 .grc {
  background-position: 0 -3264px;
}
.f32 .gt, .f32 .gtm {
  background-position: 0 -3296px;
}
.f32 .gu, .f32 .gum {
  background-position: 0 -3328px;
}
.f32 .gw, .f32 .gnb {
  background-position: 0 -3360px;
}
.f32 .gy, .f32 .guy {
  background-position: 0 -3392px;
}
.f32 .hk, .f32 .hkg {
  background-position: 0 -3424px;
}
.f32 .hn, .f32 .hnd {
  background-position: 0 -3456px;
}
.f32 .hr, .f32 .hrv {
  background-position: 0 -3488px;
}
.f32 .ht, .f32 .hti {
  background-position: 0 -3520px;
}
.f32 .hu, .f32 .hun {
  background-position: 0 -3552px;
}
.f32 .id, .f32 .idn {
  background-position: 0 -3584px;
}
.f32 .mc, .f32 .mco {
  background-position: 0 -3584px;
}
.f32 .ie {
  background-position: 0 -3616px;
}
.f32 .il, .f32 .isr {
  background-position: 0 -3648px;
}
.f32 .im, .f32 .imn {
  background-position: 0 -3680px;
}
.f32 .in, .f32 .ind {
  background-position: 0 -3712px;
}
.f32 .iq, .f32 .irq {
  background-position: 0 -3744px;
}
.f32 .ir, .f32 .irn {
  background-position: 0 -3776px;
}
.f32 .is, .f32 .isl {
  background-position: 0 -3808px;
}
.f32 .it, .f32 .ita {
  background-position: 0 -3840px;
}
.f32 .je, .f32 .jey {
  background-position: 0 -3872px;
}
.f32 .jm, .f32 .jam {
  background-position: 0 -3904px;
}
.f32 .jo, .f32 .jor {
  background-position: 0 -3936px;
}
.f32 .jp, .f32 .jpn {
  background-position: 0 -3968px;
}
.f32 .ke, .f32 .ken {
  background-position: 0 -4000px;
}
.f32 .kg, .f32 .kgz {
  background-position: 0 -4032px;
}
.f32 .kh, .f32 .khm {
  background-position: 0 -4064px;
}
.f32 .ki, .f32 .kir {
  background-position: 0 -4096px;
}
.f32 .km, .f32 .com {
  background-position: 0 -4128px;
}
.f32 .kn, .f32 .kna {
  background-position: 0 -4160px;
}
.f32 .kp, .f32 .prk {
  background-position: 0 -4192px;
}
.f32 .kr, .f32 .kor {
  background-position: 0 -4224px;
}
.f32 .kw, .f32 .kwt {
  background-position: 0 -4256px;
}
.f32 .ky, .f32 .cym {
  background-position: 0 -4288px;
}
.f32 .kz, .f32 .kaz {
  background-position: 0 -4320px;
}
.f32 .la, .f32 .lao {
  background-position: 0 -4352px;
}
.f32 .lb, .f32 .lbn {
  background-position: 0 -4384px;
}
.f32 .lc, .f32 .lca {
  background-position: 0 -4416px;
}
.f32 .li, .f32 .lie {
  background-position: 0 -4448px;
}
.f32 .lk, .f32 .lka {
  background-position: 0 -4480px;
}
.f32 .lr, .f32 .lbr {
  background-position: 0 -4512px;
}
.f32 .ls, .f32 .lso {
  background-position: 0 -4544px;
}
.f32 .lt, .f32 .ltu {
  background-position: 0 -4576px;
}
.f32 .lu, .f32 .lux {
  background-position: 0 -4608px;
}
.f32 .lv, .f32 .lva {
  background-position: 0 -4640px;
}
.f32 .ly, .f32 .lby {
  background-position: 0 -4672px;
}
.f32 .ma, .f32 .mar {
  background-position: 0 -4704px;
}
.f32 .md, .f32 .mda {
  background-position: 0 -4736px;
}
.f32 .me, .f32 .mne {
  background-position: 0 -4768px;
}
.f32 .mg, .f32 .mdg {
  background-position: 0 -4800px;
}
.f32 .mh, .f32 .mhl {
  background-position: 0 -4832px;
}
.f32 .mk, .f32 .mkd {
  background-position: 0 -4864px;
}
.f32 .ml, .f32 .mli {
  background-position: 0 -4896px;
}
.f32 .mm, .f32 .mmr {
  background-position: 0 -4928px;
}
.f32 .mn, .f32 .mng {
  background-position: 0 -4960px;
}
.f32 .mo, .f32 .mac {
  background-position: 0 -4992px;
}
.f32 .mq, .f32 .mtq {
  background-position: 0 -5024px;
}
.f32 .mr, .f32 .mrt {
  background-position: 0 -5056px;
}
.f32 .ms, .f32 .msr {
  background-position: 0 -5088px;
}
.f32 .mt, .f32 .mlt {
  background-position: 0 -5120px;
}
.f32 .mu, .f32 .mus {
  background-position: 0 -5152px;
}
.f32 .mv, .f32 .mdv {
  background-position: 0 -5184px;
}
.f32 .mw, .f32 .mwi {
  background-position: 0 -5216px;
}
.f32 .mx, .f32 .mex {
  background-position: 0 -5248px;
}
.f32 .my, .f32 .mys {
  background-position: 0 -5280px;
}
.f32 .mz, .f32 .moz {
  background-position: 0 -5312px;
}
.f32 .na, .f32 .nam {
  background-position: 0 -5344px;
}
.f32 .nc, .f32 .ncl {
  background-position: 0 -5376px;
}
.f32 .ne, .f32 .ner {
  background-position: 0 -5408px;
}
.f32 .ng, .f32 .nga {
  background-position: 0 -5440px;
}
.f32 .ni, .f32 .nic {
  background-position: 0 -5472px;
}
.f32 .nl, .f32 .nld {
  background-position: 0 -5504px;
}
.f32 .bq, .f32 .bes {
  background-position: 0 -5504px;
}
.f32 .no, .f32 .nor {
  background-position: 0 -5536px;
}
.f32 .bv, .f32 .bvt {
  background-position: 0 -5536px;
}
.f32 .nq, .f32 .atn {
  background-position: 0 -5536px;
}
.f32 .sj, .f32 .sjm {
  background-position: 0 -5536px;
}
.f32 .np, .f32 .npl {
  background-position: 0 -5568px;
}
.f32 .nr, .f32 .nru {
  background-position: 0 -5600px;
}
.f32 .nz, .f32 .nzl {
  background-position: 0 -5632px;
}
.f32 .om, .f32 .omn {
  background-position: 0 -5664px;
}
.f32 .pa, .f32 .pan {
  background-position: 0 -5696px;
}
.f32 .pe, .f32 .per {
  background-position: 0 -5728px;
}
.f32 .pf, .f32 .pyf {
  background-position: 0 -5760px;
}
.f32 .pg, .f32 .png {
  background-position: 0 -5792px;
}
.f32 .ph, .f32 .phl {
  background-position: 0 -5824px;
}
.f32 .pk, .f32 .pak {
  background-position: 0 -5856px;
}
.f32 .pl, .f32 .pol {
  background-position: 0 -5888px;
}
.f32 .pr, .f32 .pri {
  background-position: 0 -5920px;
}
.f32 .ps, .f32 .pse {
  background-position: 0 -5952px;
}
.f32 .pt, .f32 .prt {
  background-position: 0 -5984px;
}
.f32 .pw, .f32 .plw {
  background-position: 0 -6016px;
}
.f32 .py, .f32 .pry {
  background-position: 0 -6048px;
}
.f32 .qa, .f32 .qat {
  background-position: 0 -6080px;
}
.f32 .re, .f32 .reu {
  background-position: 0 -6112px;
}
.f32 .ro, .f32 .rou {
  background-position: 0 -6144px;
}
.f32 .rs, .f32 .srb {
  background-position: 0 -6176px;
}
.f32 .ru, .f32 .rus {
  background-position: 0 -6208px;
}
.f32 .rw, .f32 .rwa {
  background-position: 0 -6240px;
}
.f32 .sa, .f32 .sau {
  background-position: 0 -6272px;
}
.f32 .sb, .f32 .slb {
  background-position: 0 -6304px;
}
.f32 .sc, .f32 .syc {
  background-position: 0 -6336px;
}
.f32 .sd, .f32 .sdn {
  background-position: 0 -6368px;
}
.f32 .se, .f32 .swe {
  background-position: 0 -6400px;
}
.f32 .sg, .f32 .sgp {
  background-position: 0 -6432px;
}
.f32 .si, .f32 .svn {
  background-position: 0 -6464px;
}
.f32 .sk, .f32 .svk {
  background-position: 0 -6496px;
}
.f32 .sl, .f32 .sle {
  background-position: 0 -6528px;
}
.f32 .sm, .f32 .smr {
  background-position: 0 -6560px;
}
.f32 .sn, .f32 .sen {
  background-position: 0 -6592px;
}
.f32 .so, .f32 .som {
  background-position: 0 -6624px;
}
.f32 .sr, .f32 .sur {
  background-position: 0 -6656px;
}
.f32 .st, .f32 .stp {
  background-position: 0 -6688px;
}
.f32 .sv, .f32 .slv {
  background-position: 0 -6720px;
}
.f32 .sy, .f32 .syr {
  background-position: 0 -6752px;
}
.f32 .sz, .f32 .swz {
  background-position: 0 -6784px;
}
.f32 .tc, .f32 .tca {
  background-position: 0 -6816px;
}
.f32 .td, .f32 .tcd {
  background-position: 0 -6848px;
}
.f32 .tg, .f32 .tgo {
  background-position: 0 -6880px;
}
.f32 .th, .f32 .tha {
  background-position: 0 -6912px;
}
.f32 .tj, .f32 .tjk {
  background-position: 0 -6944px;
}
.f32 .tl, .f32 .tls {
  background-position: 0 -6976px;
}
.f32 .tm, .f32 .tkm {
  background-position: 0 -7008px;
}
.f32 .tn, .f32 .tun {
  background-position: 0 -7040px;
}
.f32 .to, .f32 .ton {
  background-position: 0 -7072px;
}
.f32 .tr, .f32 .tur {
  background-position: 0 -7104px;
}
.f32 .tt, .f32 .tto {
  background-position: 0 -7136px;
}
.f32 .tv, .f32 .tuv {
  background-position: 0 -7168px;
}
.f32 .tw, .f32 .twn {
  background-position: 0 -7200px;
}
.f32 .tz, .f32 .tza {
  background-position: 0 -7232px;
}
.f32 .ua, .f32 .ukr {
  background-position: 0 -7264px;
}
.f32 .ug, .f32 .uga {
  background-position: 0 -7296px;
}
.f32 .us, .f32 .usa {
  background-position: 0 -7328px;
}
.f32 .uy, .f32 .ury {
  background-position: 0 -7360px;
}
.f32 .uz, .f32 .uzb {
  background-position: 0 -7392px;
}
.f32 .va, .f32 .vat {
  background-position: 0 -7424px;
}
.f32 .vc, .f32 .vct {
  background-position: 0 -7456px;
}
.f32 .ve, .f32 .ven {
  background-position: 0 -7488px;
}
.f32 .vg, .f32 .vgb {
  background-position: 0 -7520px;
}
.f32 .vi, .f32 .vir {
  background-position: 0 -7552px;
}
.f32 .vn, .f32 .vnm {
  background-position: 0 -7584px;
}
.f32 .vu, .f32 .vut {
  background-position: 0 -7616px;
}
.f32 .ws, .f32 .wsm {
  background-position: 0 -7648px;
}
.f32 .ye, .f32 .yem {
  background-position: 0 -7680px;
}
.f32 .za, .f32 .zaf {
  background-position: 0 -7712px;
}
.f32 .zm, .f32 .zmb {
  background-position: 0 -7744px;
}
.f32 .zw, .f32 .zwe {
  background-position: 0 -7776px;
}
.f32 .sx, .f32 .sxm {
  background-position: 0 -7808px;
}
.f32 .cw, .f32 .cuw {
  background-position: 0 -7840px;
}
.f32 .ss, .f32 .ssd {
  background-position: 0 -7872px;
}
.f32 .nu, .f32 .niu {
  background-position: 0 -7904px;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.ttf?od3jx8") format("truetype"), url("../fonts/icomoon.woff?od3jx8") format("woff"), url("../fonts/icomoon.svg?od3jx8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* use !important to prevent issues with browser extensions that change fonts */
  display: inline-block;
  font-family: "icomoon" !important;
  font-size: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

.icon-nozzle-off:before {
  content: "\e900";
}

.icon-alert:before {
  content: "\e901";
}

.icon-arrow:before {
  content: "\e902";
}

.icon-bulletin:before {
  content: "\e903";
}

.icon-calendar:before {
  content: "\e904";
}

.icon-cancel:before {
  content: "\e905";
}

.icon-cart:before {
  content: "\e906";
}

.icon-case-study:before {
  content: "\e907";
}

.icon-catalog:before {
  content: "\e908";
}

.icon-chat:before {
  content: "\e909";
}

.icon-checkmark:before {
  content: "\e90a";
}

.icon-circle-minus:before {
  content: "\e90b";
}

.icon-circle-plus:before {
  content: "\e90c";
}

.icon-circle-question-mark:before {
  content: "\e90d";
}

.icon-double-arrow:before {
  content: "\e90e";
}

.icon-download:before {
  content: "\e90f";
}

.icon-enlarge:before {
  content: "\e910";
}

.icon-filter:before {
  content: "\e911";
}

.icon-gear-engineering:before {
  content: "\e912";
}

.icon-invoice:before {
  content: "\e913";
}

.icon-journal-paper:before {
  content: "\e914";
}

.icon-local-expert:before {
  content: "\e915";
}

.icon-menu:before {
  content: "\e916";
}

.icon-minus:before {
  content: "\e917";
}

.icon-nozzle:before {
  content: "\e918";
}

.icon-nozzle-replacement:before {
  content: "\e919";
}

.icon-person:before {
  content: "\e91a";
}

.icon-pin:before {
  content: "\e91b";
}

.icon-plus:before {
  content: "\e91c";
}

.icon-question-mark:before {
  content: "\e91d";
}

.icon-reorder:before {
  content: "\e91e";
}

.icon-return:before {
  content: "\e91f";
}

.icon-search:before {
  content: "\e920";
}

.icon-technical-manual:before {
  content: "\e921";
}

.icon-thumbsup:before {
  content: "\e922";
}

.icon-truck:before {
  content: "\e923";
}

.icon-video:before {
  content: "\e924";
}

.icon-viewdoc:before {
  content: "\e925";
}

.icon-white-paper:before, .icon-conference-paper:before {
  content: "\e926";
}

.icon-drop:before {
  content: "\e927";
}

.icon-expand:before {
  content: "\e928";
}

.icon-play:before {
  content: "\e929";
}

.icon-measure:before {
  content: "\e92a";
}

.icon-vacation:before {
  content: "\e92b";
}

.icon-umbrella:before {
  content: "\e92c";
}

.icon-piggy-bank:before {
  content: "\e92d";
}

.icon-media-center:before {
  content: "\e92e";
}

.icon-events:before {
  content: "\e92f";
}

.icon-blog:before {
  content: "\e930";
}

.icon-trash:before {
  content: "\e931";
}

.icon-contact:before {
  content: "\e932";
}

.icon-cvv:before {
  content: "\e933";
}

.icon-careers:before {
  content: "\e934";
}

.icon-contact-us:before {
  content: "\e935";
}

.icon-upload:before {
  content: "\e936";
}

.icon-checklist:before {
  content: "\e937";
}

.icon-gauge:before {
  content: "\e938";
}

.icon-sliders:before {
  content: "\e939";
}

.icon-full-cone:before {
  content: "\e93a";
}

.icon-ethanol-corn:before {
  content: "\e93b";
}

.icon-usa-with-pencil:before {
  content: "\e93c";
}

.icon-nozzle-spraying:before {
  content: "\e93d";
}

.icon-boots-on-the-ground:before {
  content: "\e93e";
}

.icon-dairy:before {
  content: "\e93f";
}

.icon-beer-factory:before {
  content: "\e940";
}

.flex-wrapper-container {
  margin: 0 auto;
  max-width: 1170px;
}

.flex-wrapper {
  margin: 0 auto;
  width: 100%;
}
.flex-wrapper section.spray-form {
  padding-right: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
}

@media only screen and (min-width:768px) {
  .flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
  }
  .flex-wrapper .sidebar-cards {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
  }
  .flex-wrapper .sidebar-cards-grid-item {
    padding: 0 2rem;
    width: 100%;
  }
  .flex-wrapper .sidebar-cards-grid-item-wrapper .js-toggle-container {
    height: 0;
  }
  .flex-wrapper section.spray-form {
    margin-bottom: 8rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 2rem;
    width: 50%;
  }
}
@media only screen and (min-width:1024px) {
  .flex-wrapper .sidebar-cards {
    width: 42%;
  }
  .flex-wrapper .sidebar-cards-grid-item {
    padding: 0 4rem;
    margin-bottom: 2rem;
  }
  .flex-wrapper section.spray-form {
    padding: 0 4rem;
    width: 58%;
  }
}
.modal {
  height: 100% !important;
  margin: 0 !important;
  max-width: 800px;
  padding: 0 !important;
  width: 100% !important;
}
@media screen and (min-width: 840px) {
  .modal {
    height: auto !important;
    margin: 40px auto !important;
    width: 90% !important;
  }
}
.modal::-webkit-scrollbar {
  width: 5px;
}
.modal::-webkit-scrollbar-track {
  border-radius: 10px;
}
.modal::-webkit-scrollbar-thumb {
  background-color: rgba(54, 54, 54, 0.4);
  border-radius: 10px;
}
.modal .fancybox-close-small {
  display: none;
}
.modal-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 60px;
  padding: 1rem 0.25rem;
  position: relative;
  text-align: left;
  width: 100%;
}
.modal-title h3 {
  color: #000000;
  font-weight: 300;
  margin: 0;
}
.modal-title button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  border: 0;
  color: #000000;
  cursor: pointer;
  font-size: 4rem;
  outline: 0;
  padding: 1.25rem;
}
.modal-content {
  padding: 2rem 3rem;
}
@media only screen and (min-width:768px) {
  .modal-content {
    padding: 4rem 5rem;
  }
}
@media only screen and (min-width:1024px) {
  .modal-content {
    padding: 5rem;
  }
}
.modal-action {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 1.5rem;
}
@media screen and (min-width: 555px) {
  .modal-action {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.modal-action a {
  margin: 1rem;
}
.modal .center-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

@media only screen and (min-width:1024px) {
  .modal-small {
    max-width: 550px;
  }
}
.modal-small .modal-content {
  padding: 1rem 2rem 2rem;
}
@media only screen and (min-width:768px) {
  .modal-small .modal-content {
    padding: 1.5rem 3rem 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .modal-small .modal-content {
    padding: 3rem 5rem 5rem;
  }
}

.SnapABug_Button {
  z-index: 99992 !important;
}

.bottom-tab {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bottom-tab-container {
  display: none;
}
.bottom-tab .trigger-button {
  color: #222222;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 65px;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 0.625rem 0.5rem;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 481px) {
  .bottom-tab .trigger-button {
    padding: 0.625rem 1rem;
  }
}
@media only screen and (min-width:768px) {
  .bottom-tab .trigger-button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.bottom-tab .trigger-button i {
  font-size: 2.5rem;
}
@media only screen and (min-width:768px) {
  .bottom-tab .trigger-button i {
    line-height: 5rem;
    padding-right: 0.5rem;
  }
}
.bottom-tab .trigger-button span {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}
@media only screen and (min-width:768px) {
  .bottom-tab .trigger-button span {
    font-size: 1.1rem;
    line-height: 5rem;
  }
}
.bottom-tab .trigger-button:hover i, .bottom-tab .trigger-button:active i {
  color: #0065A4;
}
.menu-open .bottom-tab .menu-trigger i {
  color: #0065A4;
  text-shadow: 0 0 4px rgba(90, 193, 255, 0.5);
}
.search-open .bottom-tab .search-trigger i {
  color: #0065A4;
  text-shadow: 0 0 4px rgba(90, 193, 255, 0.5);
}
.nozzle-open .bottom-tab .nozzle-trigger i {
  color: #0065A4;
  text-shadow: 0 0 4px rgba(90, 193, 255, 0.5);
}
.contact-open .bottom-tab .chat-trigger i {
  color: #0065A4;
  text-shadow: 0 0 4px rgba(90, 193, 255, 0.5);
}

.main-menu-site-info {
  padding: 3rem;
}
.main-menu-site-info ul,
.main-menu-site-info li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.main-menu-site-info li {
  margin-bottom: 2rem;
}
.main-menu-site-info a {
  color: #404040;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.57px;
  line-height: 1.25;
  opacity: 0.9;
}

@media screen and (min-width: 1201px) {
  .main-menu-site-info,
  .bottom-tab-container {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .site-header-menu {
    position: fixed;
    top: 120vh;
    right: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    background-color: #EEF1F4;
    display: block;
    height: 100%;
    height: 100vh;
    -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
    transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
    width: 100%;
    z-index: 100;
  }
  .site-header-menu::-webkit-scrollbar {
    width: 5px;
  }
  .site-header-menu::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  .site-header-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 101, 164, 0.5);
    border-radius: 10px;
  }
  .site-header-menu nav {
    /* main menu */
    /* jump menu */
  }
  .site-header-menu nav.main-menu .close-search-button {
    opacity: 1;
    position: relative;
    top: 0;
    right: 0;
    margin-left: auto;
  }
  .site-header-menu nav.main-menu .close-search-button .menu-global {
    border-color: #222222;
  }
  .site-header-menu nav.main-menu .country-region .close-search-button .menu-global {
    border-color: #FFFFFF;
  }
  .site-header-menu nav .main-menu-container > ul {
    list-style-type: none;
    margin: 0;
    /* top level */
  }
  .site-header-menu nav .main-menu-container > ul > li {
    border-top: 2px dotted #D9DFE3;
    font-weight: normal;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    /* top level parent */
  }
  .site-header-menu nav .main-menu-container > ul > li:nth-last-of-type(1) {
    border-bottom: 2px dotted #D9DFE3;
  }
  .site-header-menu nav .main-menu-container > ul > li.active {
    background-color: #FFFFFF;
  }
  .site-header-menu nav .main-menu-container > ul > li.active > a {
    color: #0065A4;
  }
  .site-header-menu nav .main-menu-container > ul > li > a {
    color: #404040;
    display: block;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
    padding: 2rem 6rem 2rem 3rem;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-search {
    display: none;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children {
    position: relative;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children a span.caret {
    display: none;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children.active + .sub-menu {
    display: block;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu {
    display: none;
    margin: 0;
    padding-bottom: 2rem;
    position: relative;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li {
    margin: 0;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li a {
    color: #5E7C8E;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 1rem 3rem;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: auto;
    cursor: pointer;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li a:hover {
    color: #222222;
    text-decoration: underline;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children {
    position: relative;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children a {
    cursor: pointer;
    -webkit-transition: color 0.4s, -webkit-box-shadow 0.4s;
    transition: color 0.4s, -webkit-box-shadow 0.4s;
    transition: color 0.4s, box-shadow 0.4s;
    transition: color 0.4s, box-shadow 0.4s, -webkit-box-shadow 0.4s;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children ul {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0.7rem 1rem;
    margin-bottom: 0.7rem;
    background-color: #0065A4;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children ul li a {
    color: #ffffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children.active {
    background-color: #0065A4;
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children.active .sub-toggle {
    -webkit-box-shadow: 0 5px 40px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 40px -5px rgba(0, 0, 0, 0.5);
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children.active + a {
    -webkit-box-shadow: 0 25px 40px rgba(0, 0, 0, 0.25);
    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.25);
  }
  .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children.active a, .site-header-menu nav .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children.active .bar {
    color: #fff;
  }
  .site-header-menu nav .jump-menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 2rem;
    left: 3rem;
  }
  .site-header-menu nav .jump-menu-container a.country-language-trigger {
    color: #222222;
  }
  .site-header-menu nav .jump-menu-container .menu-button:not(:nth-child(5)) {
    display: none;
  }
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px), only screen and (min-width:768px) and (max-width:1023px), (max-width: 1200px) {
  html.menu-open .site-header-menu {
    overflow-y: auto;
    top: 0;
  }
  html.menu-open body {
    overflow: hidden;
  }
  html.menu-open body.is-scrolled .site-header-menu {
    margin-top: 70px;
  }
  _:-ms-lang(x), html.menu-open body.is-scrolled .site-header-menu {
    margin-top: 0px;
  }
}
@media screen and (min-width: 1201px) {
  nav {
    /* main menu */
  }
  nav.main-menu > .close-search-button {
    display: none;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu {
    margin-top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    /* wraps both main and jump menu */
    /* main menu */
    /* jump menu */
  }
  .is-scrolled .site-header-menu {
    margin-top: -45px;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1441px) {
  .is-scrolled .site-header-menu {
    margin-top: -45px;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 142px;
  }
  .site-header-menu nav ul,
  .site-header-menu nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .site-header-menu .main-menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    z-index: 1;
    margin-top: 3.15rem;
  }
  .site-header-menu .main-menu-container > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .site-header-menu .main-menu-container > ul > li {
    line-height: 1.35;
    /* top level parent */
  }
  .site-header-menu .main-menu-container > ul > li:hover a {
    color: rgb(28.9, 28.9, 28.9);
    text-decoration: none;
  }
  .site-header-menu .main-menu-container > ul > li > a {
    color: #222222;
    cursor: pointer;
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    white-space: nowrap;
    letter-spacing: 0.038rem;
    line-height: 1.22;
    padding: 3.25rem 0.7rem;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1024px) {
  .site-header-menu .main-menu-container > ul > li > a {
    font-size: 1.5rem;
    padding: 2rem 1.25rem;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1441px) {
  .site-header-menu .main-menu-container > ul > li > a {
    font-size: 1.6rem;
    padding: 2rem 2.125rem;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-search {
    display: none;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-search a {
    padding-right: 0;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-search i {
    font-size: 2.2rem;
    position: relative;
    top: -1px;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1441px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-search i {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children {
    position: relative;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children:hover > a {
    color: #0065A4;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    top: 88px;
    visibility: visible;
  }
  .is-scrolled .site-header-menu .main-menu-container > ul > li.menu-item-has-children:hover .sub-menu {
    top: 74px;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1441px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children:hover .sub-menu {
    top: 78px;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children:hover .sub-menu:before {
    border-bottom-width: 14px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .toggle,
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-toggle,
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .js-toggle {
    display: none;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu {
    position: absolute;
    top: 100px;
    left: 0;
    background-color: #EEF1F4;
    -webkit-box-shadow: 0 25px 40px rgba(0, 0, 0, 0.25);
    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.25);
    margin-right: -120px;
    opacity: 0;
    padding: 1rem 0 2rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
    width: 240px;
    z-index: 300;
    margin-top: -30px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu {
    margin-right: -116px;
    width: 230px;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu:before {
    position: absolute;
    top: -12px;
    left: 46px;
    height: 0;
    width: 0;
    border-color: transparent transparent #dde3e7 transparent;
    border-style: solid;
    border-width: 0 14px 0 14px;
    content: "";
    margin-right: -14px;
    -webkit-transition: 0.3s 0.1s;
    transition: 0.3s 0.1s;
    z-index: 10;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#dde3e7), to(#EEF1F4));
    background: linear-gradient(to bottom, #dde3e7, #EEF1F4);
    content: "";
    height: 10px;
    width: 100%;
    z-index: 11;
  }
  .is-scrolled .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu {
    margin-top: -14px;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: transparent;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li:hover {
    background-color: #0065A4;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li:hover a {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li a {
    color: #5E7C8E;
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 0 3rem 1.6rem 5rem;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1024px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li a {
    font-size: 1.6rem;
    padding: 1rem 2.8rem;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1441px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li a {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children:hover a {
    text-decoration: none;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children:hover ul {
    visibility: visible;
    opacity: 1;
    z-index: 300;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children ul {
    background-color: #0065A4;
    -webkit-box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.25);
    margin-right: -120px;
    opacity: 0;
    padding: 1rem 0 2rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 240px;
    z-index: 200;
    visibility: hidden;
    position: absolute;
    left: 100%;
    top: 0;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children ul li a {
    color: #ffffff;
    text-decoration: none;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children ul li:hover a {
    text-decoration: underline;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu li.has-children a {
    cursor: pointer;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children:first-item .sub-menu {
    margin-right: -180px;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children:first-item .sub-menu:before {
    margin-right: 50px;
  }
}
@media screen and (min-width: 1201px) and (min-width: 1441px) {
  .site-header-menu .site-header-menu .main-menu-container {
    margin-top: 7.3rem;
  }
  .site-header-menu .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu {
    margin-top: -17px;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .jump-menu-container {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    opacity: 1;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2;
    line-height: 1.5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .site-header-menu .jump-menu-container .menu-button {
    margin: 0 0.25rem;
    position: relative;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1441px) {
  .site-header-menu .jump-menu-container .menu-button:first-of-type > a:not(.button-red) {
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .jump-menu-container .menu-button > a {
    letter-spacing: 0.038rem;
  }
  .site-header-menu .jump-menu-container .menu-button > a.region.country-language-trigger {
    position: relative;
  }
}
@media screen and (min-width: 1201px) and (min-width: 1201px) {
  .site-header-menu .jump-menu-container .menu-button > a.region.country-language-trigger:before {
    content: "";
    display: block;
    background: #ccc;
    width: 1px;
    height: 60%;
    position: absolute;
    top: 20%;
    left: -2px;
  }
}
@media screen and (min-width: 1201px) and (min-width: 1441px) {
  .site-header-menu .jump-menu-container .menu-button > a.region.country-language-trigger:before {
    left: -8px;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .jump-menu-container .menu-button > a:not(.button-red) {
    color: #222222;
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 0.75rem 1rem 0.75rem 1rem;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1441px) {
  .site-header-menu .jump-menu-container .menu-button > a:not(.button-red) {
    font-size: 1.6rem;
    padding: 0.75rem 2.5rem 0.75rem 1rem;
  }
  .site-header-menu .jump-menu-container .menu-button > a:not(.button-red):last-child {
    padding-right: 1rem;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .jump-menu-container .menu-button > a:not(.button-red):hover {
    color: #0065A4;
    text-decoration: none;
  }
  .site-header-menu .jump-menu-container .menu-button > a:not(.button-red) i {
    color: #3F6074;
    font-size: 2.8rem;
    left: -2rem;
    margin-right: 1rem;
    opacity: 0.3;
    position: absolute;
  }
  .site-header-menu .jump-menu-container .menu-button > a:not(.button-red) i.has-cart-items {
    opacity: 1;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1024px) and (max-width:1440px) {
  .site-header-menu .jump-menu-container .menu-button > a:not(.button-red) i {
    font-size: 2.2rem;
    left: -2rem;
    top: 5px;
  }
}
@media only screen and (min-width: 1201px) and (min-width:1441px) {
  .site-header-menu .jump-menu-container .menu-button > a:not(.button-red) i {
    left: -3rem;
    top: 5px;
  }
}
@media screen and (min-width: 1201px) {
  .site-header-menu .jump-menu-container .menu-button .button-red {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1441px) {
  .site-header-menu .main-menu-container {
    margin-top: 3.4rem;
  }
  .site-header-menu .main-menu-container > ul > li.menu-item-has-children .sub-menu {
    margin-top: -17px;
  }
}
/* sub-menu toggle */
.main-menu .toggle .expand-collapse:before, .main-menu .sub-toggle .expand-collapse:before {
  position: absolute;
  right: 3rem;
  width: 32px;
}
.main-menu .toggle {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  height: 72px;
  padding: 8px;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
  width: 100%;
  z-index: 2;
}
.main-menu .sub-toggle {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  height: 44px;
  padding: 3px;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
  width: 100%;
  z-index: 2;
}

/* sub-menu toggle */
.js-toggle {
  position: absolute;
  top: -2px;
  right: 0;
  cursor: pointer;
  height: 72px;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
  width: 100%;
  z-index: 2;
}

.filter .js-toggle, .filter .toggle, .filter .sub-toggle {
  position: absolute;
  top: 10px;
  left: -40px;
  color: #E3E7E9;
  cursor: pointer;
  height: 53px;
  padding: 8px;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
  width: 50px;
  z-index: 2;
}
.js-toggle .expand-collapse:before, .toggle .expand-collapse:before, .sub-toggle .expand-collapse:before {
  content: "";
  display: block;
  background: url(../images/template/select-dropdown.svg) no-repeat 50% 50%;
  height: 100%;
  width: 100%;
  -webkit-transition: 0.37s;
  transition: 0.37s;
}
.js-toggle .expand-collapse:before.vertical-align, .toggle .expand-collapse:before.vertical-align, .sub-toggle .expand-collapse:before.vertical-align {
  top: 50% !important;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.active .js-toggle .expand-collapse:before, .active .toggle .expand-collapse:before, .active .sub-toggle .expand-collapse:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.active .js-toggle .expand-collapse:before.vertical-align, .active .toggle .expand-collapse:before.vertical-align, .active .sub-toggle .expand-collapse:before.vertical-align {
  -webkit-transform: scaleY(-1) translateY(-50%);
  transform: scaleY(-1) translateY(-50%);
}

.sub-menu-item.active .expand-collapse:before,
.accordion-grid-item-inner.active .expand-collapse:before,
.cards-categories-item.active .expand-collapse:before,
.cards-industries-grid-item-wrapper.active .expand-collapse:before,
.sidebar-cards-grid-item-wrapper.active .expand-collapse:before {
  -webkit-filter: brightness(100) grayscale(1);
  filter: brightness(100) grayscale(1);
}

.active .sub-toggle .expand-collapse:before {
  -webkit-transform: scaleY(1) !important;
  transform: scaleY(1) !important;
}
.active .sub-toggle .expand-collapse:before.vertical-align {
  -webkit-transform: scaleY(1) translateY(-50%) !important;
  transform: scaleY(1) translateY(-50%) !important;
}
.sub-menu-item.active .sub-toggle {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.sub-menu-item.active .sub-toggle.vertical-align {
  -webkit-transform: scaleY(-1) translateY(-50%);
  transform: scaleY(-1) translateY(-50%);
}

.nav-social {
  float: left;
  margin-bottom: 1rem;
  text-align: left;
}
@media only screen and (min-width:768px) {
  .nav-social {
    float: right;
    margin: 3rem 0;
    text-align: right;
    width: 40%;
  }
}
.nav-social ul {
  margin: 0;
  padding: 0;
}
.nav-social ul li {
  display: inline-block;
  list-style: none;
  margin-left: 0.2225rem;
  margin-right: 0.2225rem;
}
.nav-social ul li a {
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.4rem;
  font-size: 14px;
  height: 32px;
  text-align: center;
  width: 32px;
}
.nav-social ul li a i, .nav-social ul li a span {
  line-height: 32px;
  width: 32px;
}
.nav-social .facebook, .nav-social .fa-facebook {
  background: #3B599B;
}
.nav-social .twitter, .nav-social .fa-twitter {
  background: #55ACEF;
}
.nav-social .twitter, .nav-social .fa-x-twitter {
  background: #55ACEF;
}
.nav-social .google-plus {
  background: #DC4E41;
}
.nav-social .linkedin, .nav-social .fa-linkedin {
  background: #0077B5;
}
.nav-social .email, .nav-social .fa-envelope {
  background: #7D7D7D;
}
.nav-social .fa-youtube-play {
  background: #FF0000;
}

.nav-functional {
  padding: 0 2rem;
}
.nav-functional i {
  color: #006199;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.nav-functional a {
  font-size: inherit;
  font-weight: 500;
  text-transform: uppercase;
  text-transform: capitalize;
}
.nav-functional .containerHolder {
  font-size: 1.6rem;
  line-height: 1;
  margin: 0 auto 1rem;
  max-width: 95.4rem;
}
@media screen and (min-width: 1024px) {
  .nav-functional .containerHolder {
    font-size: 1.8rem;
    line-height: 1;
    margin: 0 auto 2rem;
  }
}

.menu-open .site-container {
  overflow-y: hidden;
}

.main-menu .main-menu-site-info .caret {
  margin-top: 6px;
}
@media screen and (max-width: 1200px) {
  .main-menu .main-menu-site-info .caret {
    margin-top: 11px;
  }
}

.bottom-tab .country-language-trigger img {
  width: 16px;
  height: 16px;
  margin: 16px 5px 0 0;
}
@media screen and (max-width: 768px) {
  .bottom-tab .country-language-trigger img {
    display: block;
    margin: 4px auto 3px;
  }
}

/************************************************* A11Y Navigation *************************************************/
.main-menu-container ul.a11y-nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-menu-container ul.a11y-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-menu-container ul.a11y-nav a, .main-menu-container ul.a11y-nav button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  background: none;
  padding: 0;
  font-size: 1em;
  cursor: pointer;
}

.main-menu-container ul.a11y-nav > li > a,
.main-menu-container ul.a11y-nav > li > button {
  color: #404040;
  display: block;
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  padding: 2rem 6rem 2rem 3rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}
@media only screen and (min-width:1024px) {
  .main-menu-container ul.a11y-nav > li > a,
  .main-menu-container ul.a11y-nav > li > button {
    padding: 2rem 6rem 2rem 3rem;
  }
}

@media screen and (min-width: 1201px) {
  .main-menu-container ul.a11y-nav > li > a,
  .main-menu-container ul.a11y-nav > li > button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 20px 15px 21px;
    font-size: 1.5rem;
    letter-spacing: 0.038rem;
  }
  .main-menu-container ul.a11y-nav > li:first-child > a,
  .main-menu-container ul.a11y-nav > li:first-child > button {
    padding-left: 0;
  }
  .main-menu-container ul.a11y-nav > li.has-border-style {
    padding-right: 40px;
  }
  .main-menu-container ul.a11y-nav > li.has-border-style:after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #E3E7E9;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .main-menu-container ul.a11y-nav > li.has-button-style > a, .main-menu-container ul.a11y-nav > li.has-button-style > button {
    padding-top: 10px;
    padding-bottom: 11px;
  }
  .main-menu-container ul.a11y-nav > li.has-button-style > a > span, .main-menu-container ul.a11y-nav > li.has-button-style > button > span {
    background: #EAEAEA;
    border-radius: 20px;
    display: block;
    padding: 10px 20px;
  }
}
@media screen and (min-width: 1201px) and (min-width: 1441px) {
  .main-menu-container ul.a11y-nav > li > a,
  .main-menu-container ul.a11y-nav > li > button {
    padding: 22px 15px 22px;
  }
  .is-scrolled .main-menu-container ul.a11y-nav > li > a,
  .is-scrolled .main-menu-container ul.a11y-nav > li > button {
    padding-top: 21px;
    padding-bottom: 21px;
  }
  .is-scrolled .main-menu-container ul.a11y-nav > li.has-button-style > a,
  .is-scrolled .main-menu-container ul.a11y-nav > li.has-button-style > button {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}
.main-menu-container ul.a11y-nav button[aria-expanded]:after {
  content: "";
  display: block;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  height: 0.55em;
  width: 0.55em;
  margin-left: 0.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1201px) {
  .main-menu-container ul.a11y-nav button[aria-expanded]:after {
    height: 0.35em;
    width: 0.35em;
  }
}

.main-menu-container ul.a11y-nav button[aria-expanded=true]:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.main-menu-container ul.a11y-nav [aria-expanded][aria-controls] ~ [id] {
  display: none;
}

.main-menu-container ul.a11y-nav [aria-expanded][aria-controls] ~ .a11y-nav-active {
  display: block;
}

.main-menu-container ul.a11y-nav [aria-expanded][aria-controls] ~ .a11y-nav-animate-in {
  -webkit-animation: a11y-nav-show 0.3s ease-in-out both;
  animation: a11y-nav-show 0.3s ease-in-out both;
}

.main-menu-container ul.a11y-nav [aria-expanded][aria-controls] ~ .a11y-nav-animate-out {
  -webkit-animation: a11y-nav-hide 0.3s ease-in-out both;
  animation: a11y-nav-hide 0.3s ease-in-out both;
}

.main-menu-container ul.a11y-nav > li {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.main-menu-container ul.a11y-nav li ul {
  position: relative;
  background: white;
}
.main-menu-container ul.a11y-nav li ul a,
.main-menu-container ul.a11y-nav li ul button {
  color: #0065A4 !important;
}

@media (max-width: 1200px) {
  .main-menu-container ul.a11y-nav button {
    position: relative;
    width: 100%;
    text-align: left;
  }
  .main-menu-container ul.a11y-nav button:after {
    position: absolute;
    right: 40px;
    top: 50%;
  }
  .main-menu-container ul.a11y-nav .a11y-nav-child-open a, .main-menu-container ul.a11y-nav .a11y-nav-child-open button {
    background: #FFFFFF;
  }
  .main-menu-container ul.a11y-nav .a11y-nav-menu a, .main-menu-container ul.a11y-nav .a11y-nav-menu button {
    padding: 10px 60px 10px 30px;
  }
  .main-menu-container ul.a11y-nav li ul li {
    padding: 0;
    margin: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (min-width: 1201px) {
  .main-menu-container ul.a11y-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main-menu-container ul.a11y-nav li > .a11y-nav-menu {
    -webkit-animation: a11y-nav-hide 0.3s ease-in-out both;
    animation: a11y-nav-hide 0.3s ease-in-out both;
  }
  .main-menu-container ul.a11y-nav li.hover > .a11y-nav-menu {
    display: block !important;
    -webkit-animation: a11y-nav-show 0.3s ease-in-out both;
    animation: a11y-nav-show 0.3s ease-in-out both;
  }
  .main-menu-container ul.a11y-nav > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main-menu-container ul.a11y-nav li ul {
    position: absolute;
    top: 100%;
    left: 0;
  }
  .main-menu-container ul.a11y-nav li ul li {
    margin-bottom: 10px;
  }
  .main-menu-container ul.a11y-nav li ul a,
  .main-menu-container ul.a11y-nav li ul button {
    width: 100%;
    color: #222222 !important;
    font-weight: 500 !important;
  }
  .main-menu-container ul.a11y-nav li ul a:hover,
  .main-menu-container ul.a11y-nav li ul button:hover {
    color: #0065A4 !important;
    text-decoration: none;
  }
  .main-menu-container ul.a11y-nav li ul a.nav-view-all,
  .main-menu-container ul.a11y-nav li ul button.nav-view-all {
    font-weight: 400 !important;
    color: #0065A4 !important;
  }
  .main-menu-container ul.a11y-nav li ul a.nav-view-all:hover,
  .main-menu-container ul.a11y-nav li ul button.nav-view-all:hover {
    color: #222222 !important;
  }
  .main-menu-container ul.a11y-nav li ul.a11y-nav-menu {
    width: 250px;
  }
  .main-menu-container ul.a11y-nav li ul.a11y-nav-menu a, .main-menu-container ul.a11y-nav li ul.a11y-nav-menu button {
    padding: 5px 15px;
  }
  .main-menu-container ul.a11y-nav li ul.a11y-nav-menu li:first-child a, .main-menu-container ul.a11y-nav li ul.a11y-nav-menu li:first-child button {
    padding-top: 10px;
  }
  .main-menu-container ul.a11y-nav li ul.a11y-nav-menu li:last-child a, .main-menu-container ul.a11y-nav li ul.a11y-nav-menu li:last-child button {
    padding-bottom: 10px;
  }
  .main-menu-container ul.a11y-nav li ul ul {
    left: 100%;
    top: 0;
  }
  .main-menu-container ul.a11y-nav li:last-child ul ul {
    left: auto;
    right: 100%;
  }
}
@-webkit-keyframes a11y-nav-show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes a11y-nav-show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes a11y-nav-hide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@keyframes a11y-nav-hide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
.site-nav {
  position: relative;
  z-index: 9001;
}

.main-menu-container ul.a11y-nav > .has-mega-menu {
  position: static;
}

.main-menu-container ul.a11y-nav li .mega-menu ul {
  position: static;
  background: none;
  padding: 0;
  border: none;
}
@media (max-width: 1200px) {
  .main-menu-container ul.a11y-nav li .mega-menu ul ul {
    padding-left: 10px;
  }
}

.main-menu-container ul.a11y-nav .mega-menu {
  position: absolute;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: white;
  top: 100%;
  left: 0;
}
@media (max-width: 1200px) {
  .main-menu-container ul.a11y-nav .mega-menu {
    position: relative;
  }
}
@media (min-width: 1201px) {
  .main-menu-container ul.a11y-nav .mega-menu {
    border: 1px solid #0065A4;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li > a, .main-menu-container ul.a11y-nav .mega-menu > ul > li > button {
    font-weight: 700 !important;
    margin: 0 0 10px;
    color: #0065A4 !important;
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li > a:after, .main-menu-container ul.a11y-nav .mega-menu > ul > li > button:after {
    display: none;
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li > button {
    cursor: default;
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li > a:hover {
    color: #222222 !important;
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li > ul {
    display: block !important;
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li .nav-banner a {
    display: block;
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li .nav-banner a span {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
  }
}

@media (max-width: 1200px) {
  .main-menu-container ul.a11y-nav .mega-menu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .main-menu-container ul.a11y-nav .mega-menu > ul {
    display: block !important;
  }
  .main-menu-container ul.a11y-nav .column-2 .mega-menu > ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .main-menu-container ul.a11y-nav .column-3 .mega-menu > ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .main-menu-container ul.a11y-nav .column-4 .mega-menu > ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .main-menu-container ul.a11y-nav .start-new-column {
    -webkit-column-break-before: column;
    page-break-before: column;
    break-before: column;
  }
}

.main-menu-container ul.a11y-nav .mega-menu > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 35px;
  width: 250px;
}
@media (max-width: 1200px) {
  .main-menu-container ul.a11y-nav .mega-menu > ul > li {
    width: 100%;
    padding: 0 40px 0 30px;
    margin: 0;
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li > a, .main-menu-container ul.a11y-nav .mega-menu > ul > li > button {
    padding-left: 0;
    padding-right: 0;
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li > a:after, .main-menu-container ul.a11y-nav .mega-menu > ul > li > button:after {
    right: 0;
  }
}
@media (min-width: 1201px) {
  .main-menu-container ul.a11y-nav .mega-menu > ul {
    padding: 35px 0 !important;
  }
  .main-menu-container ul.a11y-nav .mega-menu > ul > li {
    padding: 0 35px;
  }
}

.main-menu-container ul.a11y-nav .mega-menu > ul > li a {
  padding: 5px 0;
  border: 0;
}
@media (min-width: 1201px) {
  .main-menu-container ul.a11y-nav .mega-menu > ul > li a {
    padding: 0;
    margin: 0;
  }
}

.main-menu-container ul.a11y-nav .mega-menu.a11y-nav-active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/************************************************* END A11Y Navigation *************************************************/
.a11y-slider-container {
  position: relative;
  direction: ltr;
}

.a11y-slider {
  position: relative;
  overflow: hidden;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.a11y-slider::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.a11y-slider > * {
  scroll-snap-align: start;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.a11y-slider-sr-only, .a11y-slider-status {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  text-align: center;
  font-family: inherit;
  font-size: 1em;
}

.a11y-slider-sr-only:focus {
  position: static;
  background: #000;
  color: #fff;
  width: 100%;
  height: auto;
  margin: 0;
  clip: auto;
  padding: 10px;
}

.a11y-slider-hide {
  display: none;
}

.a11y-slider-scrolling {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  scroll-behavior: auto;
}

.a11y-slider-prev,
.a11y-slider-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  width: 30px;
  height: 30px;
  color: transparent;
  overflow: hidden;
  border-radius: 50%;
  border: 0;
  background: #0f0f04;
  cursor: pointer;
}
.a11y-slider-prev:before,
.a11y-slider-next:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 2px;
}

.a11y-slider-prev {
  left: 20px;
}
.a11y-slider-prev:before {
  border-left-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
  margin: 9px 0 0 7px;
}

.a11y-slider-next {
  right: 20px;
}
.a11y-slider-next:before {
  border-top-color: #FFFFFF;
  border-right-color: #FFFFFF;
  margin: 9px 0 0 3px;
}

.a11y-slider-dots {
  width: 1384px;
  max-width: calc(100% - 160px);
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  list-style: none;
  display: block;
  margin: 0;
}
@media only screen and (min-width:1024px) {
  .a11y-slider-dots {
    max-width: calc(100% - 204px);
    bottom: 5rem;
  }
}
.a11y-slider-dots li {
  margin: 0 0 0 -1px;
  float: left;
  background: #d2d2d0;
  padding: 0 5px 0 6px;
}
.a11y-slider-dots li:first-child {
  border-radius: 5px 0 0 5px;
}
.a11y-slider-dots li:last-child {
  border-radius: 0 5px 5px 0;
}
.a11y-slider-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
  color: transparent;
  overflow: hidden;
  border-radius: 10px;
  background: #FFFFFF;
  border: 0;
  cursor: pointer;
}
.a11y-slider-dots button.active {
  width: 25px;
}

.a11y-slider-autoplay-container {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1620px;
  max-width: 100%;
  padding-left: 4.375rem;
}
@media only screen and (min-width:1024px) {
  .a11y-slider-autoplay-container {
    padding-left: 70px;
    bottom: 5rem;
  }
}

.a11y-slider-autoplay {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #d2d2d0;
  background: #FFFFFF;
  color: transparent;
  overflow: hidden;
  cursor: pointer;
}
.a11y-slider-autoplay:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 8px;
  border-left: 2px solid #222222;
  border-right: 2px solid #222222;
  margin: 6px 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.a11y-slider-autoplay[data-autoplaying=false]:before {
  width: 0;
  height: 0;
  border-left: 6px solid #222222;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 0;
}

.slider-item {
  background: #EEF1F4;
}
.slider-item .header-feature-split__content {
  background: none;
  color: #222222;
  padding-bottom: 6rem;
}
.slider-item .header-feature-split__content .header-feature-split__title {
  color: #222222;
  font-size: 40px;
  font-weight: 700;
}
.slider-item .header-feature-split__content .header-feature-split__title.title--light {
  color: #FFFFFF;
}
.slider-item .header-feature-split__content .header-feature-split__title.title--blue {
  color: #004B87;
}
.slider-item .header-feature-split__content .header-feature-split__title.title--green {
  color: #39B54A;
}
.slider-item .header-feature-split__content .header-feature-split__title.title--yellow {
  color: #e2d252;
}
.slider-item .header-feature-split__content p {
  color: #222222;
}
.slider-item .header-feature-split__content p.text--light {
  color: #FFFFFF;
}
.slider-item .header-feature-split__content p.text--blue {
  color: #004B87;
}
.slider-item .header-feature-split__content p.text--green {
  color: #39B54A;
}
.slider-item .header-feature-split__content p.text--yellow {
  color: #e2d252;
}
.slider-item.slider-item-theme-1 {
  background: #012b7f;
}
.slider-item.slider-item-theme-2 {
  background: #FFFFFF;
}
.slider-item.slider-item-theme-3 {
  background: #39B54A;
}
.slider-item.slider-item-theme-4 {
  background: #6dcff6;
}
.slider-item.slider-item-theme-5 {
  background: #EEF1F4;
}
@media screen and (max-width: 1200px) {
  .slider-item {
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (min-width: 1201px) {
  .header-feature-split__media.media--mobile {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .header-feature-split__media.media--desktop {
    display: none;
  }
}

@media only screen and (min-width:1024px) {
  .slider-item {
    position: relative;
  }
  .slider-item .header-feature-split__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: auto;
    max-width: 1620px;
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: 620px;
  }
  .slider-item .header-feature-split__content > div {
    width: 50%;
    padding-right: 8rem;
    padding-left: 8rem;
    position: absolute;
    left: 0;
  }
  .slider-item .header-feature-split__content .header-feature-split__title {
    font-size: 60px;
    max-width: 100%;
  }
  .slider-item .header-feature-split__media {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
  }
}
@media screen and (max-width: 1023px) {
  .a11y-slider-prev,
  .a11y-slider-next {
    display: none;
  }
  .reverse-conetnt-mobile .slider-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .reverse-conetnt-mobile .slider-item .header-feature-split__content {
    padding-bottom: 6rem;
  }
}
.view-on-mobile {
  display: block;
}
@media only screen and (min-width:768px) {
  .view-on-mobile {
    display: none;
  }
}

.view-on-desktop {
  display: none;
}
@media only screen and (min-width:768px) {
  .view-on-desktop {
    display: block;
  }
}

.strong {
  font-weight: 700;
}

.em {
  font-style: italic;
}

.disable-scrolling {
  overflow: hidden !important;
}

.uppercase {
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  word-spacing: 0.1rem;
}

.lowercase {
  text-transform: lowercase;
}

.hide {
  display: none;
  direction: ltr;
  position: absolute;
  text-indent: -9999px;
}

.show {
  display: inline-block;
}

.show-inline {
  display: inline-block;
}

.show-block {
  display: block;
}

.polaroid {
  background: #fff;
  padding: 0.9rem 0.9rem 1.8rem;
}

.elem-center {
  margin: 0 auto;
  text-align: center;
}

.clear {
  clear: both;
}

.fl-right {
  float: right;
}

.fl-left {
  float: left;
}

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

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

.txt-left {
  text-align: left;
}

.outline {
  outline: 1px solid gold;
}

.no-top {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.no-btm {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.small {
  font-size: 0.8em;
  line-height: 1.875rem;
  margin-bottom: 1.875rem;
}

.large {
  font-size: 1.2em;
  line-height: 2.5rem;
  margin-bottom: 1.25rem;
}

.quiet {
  color: #666;
}

.loud {
  color: #000;
}

.highlight {
  background: #ff0;
}

.added {
  background: #060;
  color: #fff;
}

.removed {
  background: #900;
  color: #fff;
}

.first {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

.last {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

.top {
  margin-top: 0;
  padding-top: 0;
}

.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

.lead-quart {
  margin-top: 0.145rem !important;
}

.lead-half {
  margin-top: 0.25rem !important;
}

.lead-0 {
  margin-top: 0rem !important;
}

.lead-1 {
  margin-top: 0.5rem !important;
}

.lead-2 {
  margin-top: 1rem !important;
}

.lead-3 {
  margin-top: 1.5rem !important;
}

.lead-4 {
  margin-top: 2rem !important;
}

.lead-5 {
  margin-top: 2.5rem !important;
}

.lead-6 {
  margin-top: 3rem !important;
}

.lead-7 {
  margin-top: 3.5rem !important;
}

.lead-8 {
  margin-top: 4rem !important;
}

.lead-9 {
  margin-top: 4.5rem !important;
}

.lead-10 {
  margin-top: 5rem !important;
}

@media only screen and (min-width:1024px) {
  .lead-quart {
    margin-top: 0.25rem !important;
  }
  .lead-half {
    margin-top: 0.5rem !important;
  }
  .lead-0 {
    margin-top: 0rem !important;
  }
  .lead-1 {
    margin-top: 1rem !important;
  }
  .lead-2 {
    margin-top: 2rem !important;
  }
  .lead-3 {
    margin-top: 3rem !important;
  }
  .lead-4 {
    margin-top: 4rem !important;
  }
  .lead-5 {
    margin-top: 5.7rem !important;
  }
  .lead-6 {
    margin-top: 6rem !important;
  }
  .lead-7 {
    margin-top: 7rem !important;
  }
  .lead-8 {
    margin-top: 8rem !important;
  }
  .lead-9 {
    margin-top: 9rem !important;
  }
  .lead-10 {
    margin-top: 10rem !important;
  }
}
.bottom-quart {
  margin-bottom: 0.145rem !important;
}

.bottom-half {
  margin-bottom: 0.25rem !important;
}

.bottom-0 {
  margin-bottom: 0rem !important;
}

.bottom-1 {
  margin-bottom: 0.5rem !important;
}

.bottom-2 {
  margin-bottom: 1rem !important;
}

.bottom-3 {
  margin-bottom: 1.5rem !important;
}

.bottom-4 {
  margin-bottom: 2rem !important;
}

.bottom-5 {
  margin-bottom: 2.5rem !important;
}

.bottom-6 {
  margin-bottom: 3rem !important;
}

.bottom-7 {
  margin-bottom: 3.5rem !important;
}

.bottom-8 {
  margin-bottom: 4rem !important;
}

.bottom-9 {
  margin-bottom: 4.5rem !important;
}

.bottom-10 {
  margin-bottom: 5rem !important;
}

@media only screen and (min-width:1024px) {
  .bottom-quart {
    margin-bottom: 0.25rem !important;
  }
  .bottom-half {
    margin-bottom: 0.5rem !important;
  }
  .bottom-0 {
    margin-bottom: 0rem !important;
  }
  .bottom-1 {
    margin-bottom: 1rem !important;
  }
  .bottom-2 {
    margin-bottom: 2rem !important;
  }
  .bottom-3 {
    margin-bottom: 3rem !important;
  }
  .bottom-4 {
    margin-bottom: 4rem !important;
  }
  .bottom-5 {
    margin-bottom: 5.7rem !important;
  }
  .bottom-6 {
    margin-bottom: 6rem !important;
  }
  .bottom-7 {
    margin-bottom: 7rem !important;
  }
  .bottom-8 {
    margin-bottom: 8rem !important;
  }
  .bottom-9 {
    margin-bottom: 9rem !important;
  }
  .bottom-10 {
    margin-bottom: 10rem !important;
  }
}
.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(63, 96, 116, 0.8);
  z-index: 5555;
}
.loader.hidden {
  display: none;
}
.loader-wrapper {
  position: relative;
  margin-top: 30%;
}
@media only screen and (min-width:1024px) {
  .loader-wrapper {
    margin-top: 15%;
  }
}
.loader-spinner {
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border-top: 4px solid #ffffff;
  width: 6rem;
  height: 6rem;
  margin: 0 auto;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
.loader-message {
  margin-top: 1rem;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
}
@media only screen and (min-width:1024px) {
  .loader-message {
    font-size: 1.8rem;
  }
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.thumbnail-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25rem;
  padding: 2rem;
}
.thumbnail-container span[data-caption] {
  max-width: 21rem;
  text-align: center;
}
.thumbnail-container img {
  width: 21rem;
  height: 21rem;
  -o-object-fit: contain;
  object-fit: contain;
}

img.object-fit-contain-ie {
  display: block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.aside-contact-form {
  background-color: #FFFFFF;
  min-height: 600px;
  padding: 3rem;
  position: relative;
  width: 100%;
}

.link-live-chat {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0.21px;
  line-height: 1.14;
  padding: 2rem 0;
  text-align: center;
  width: 100%;
}
.link-live-chat i.icon-chat {
  color: #222222;
  font-size: 3.5rem;
  line-height: 0.6;
}
.link-live-chat i.icon-double-arrow {
  color: #24ADFF;
  font-size: inherit;
  line-height: inherit;
}

@media only screen and (min-width:768px) {
  .link-live-chat {
    font-size: 1.8rem;
    padding: 3rem 0;
  }
  .link-live-chat i.icon-chat {
    font-size: 3.75rem;
  }
}
@media only screen and (min-width:1441px) {
  .link-live-chat {
    font-size: 2rem;
  }
  .link-live-chat i.icon-chat {
    font-size: 4rem;
  }
}
.business-info {
  text-align: center;
}
.business-info .link-phone {
  color: #222222;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.21px;
  line-height: 1.14;
  margin-bottom: 1rem;
}
@media only screen and (min-width:768px) {
  .business-info .link-phone {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1441px) {
  .business-info .link-phone {
    font-size: 2rem;
  }
}
.business-info .hours-of-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.business-info .hours-of-operation h4 {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.17px;
  line-height: 1.5;
  padding-right: 1rem;
  text-align: right;
  width: 75px;
}
@media only screen and (min-width:1441px) {
  .business-info .hours-of-operation h4 {
    font-size: 1.6rem;
  }
}
.business-info .hours-of-operation div {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.business-info .hours-of-operation p {
  font-size: 1.4rem;
  margin: 0;
  text-align: left;
}
@media only screen and (min-width:1441px) {
  .business-info .hours-of-operation p {
    font-size: 1.6rem;
  }
}

.basic-header-feature {
  background-color: #EEF1F4;
  padding: 3rem 0;
}
@media only screen and (min-width:768px) {
  .basic-header-feature {
    padding: 4rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .basic-header-feature {
    padding: 4rem 0;
  }
}
.basic-header-feature-section {
  color: #2897DC;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
  line-height: 1;
  margin-bottom: 1.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width:768px) {
  .basic-header-feature-section {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width:1024px) {
  .basic-header-feature-section {
    font-size: 2.2rem;
  }
}
.basic-header-feature h1 {
  color: #3F6074;
  font-size: 4.3rem;
  font-weight: 100;
  letter-spacing: -0.7px;
  line-height: 0.85;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width:481px) {
  .basic-header-feature h1 {
    font-size: 5rem;
  }
}
@media only screen and (min-width:1024px) {
  .basic-header-feature h1 {
    font-size: 6.4rem;
  }
}
.basic-header-feature hr {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  margin: 1rem auto;
  max-width: 79rem;
  padding: 0;
}
@media only screen and (min-width:768px) {
  .basic-header-feature hr {
    margin: 1.5rem auto;
  }
}
@media only screen and (min-width:1024px) {
  .basic-header-feature hr {
    margin: 2rem auto;
  }
}
.basic-header-feature .content-wrapper > p, .basic-header-feature .content-wrapper .content-text {
  font-size: 1.5rem;
  text-align: center;
  margin: 0 auto;
  max-width: 105rem;
  line-height: 1.5;
}
@media only screen and (min-width:768px) {
  .basic-header-feature .content-wrapper > p, .basic-header-feature .content-wrapper .content-text {
    font-size: 1.8rem;
  }
}
.basic-header-feature .subtitle {
  padding-top: 10px;
  text-align: center;
}

.basic-header-feature.centered {
  padding: 3rem 0;
}
@media only screen and (min-width:1024px) {
  .basic-header-feature.centered {
    padding: 4rem 0;
  }
}
.basic-header-feature.centered h1 {
  font-size: 10vw;
}
@media only screen and (min-width:768px) {
  .basic-header-feature.centered h1 {
    font-size: 6.4rem;
  }
}
@media only screen and (min-width:1024px) {
  .basic-header-feature.centered h1 {
    font-size: 6.4rem;
  }
}

.basic-header-feature.withbreadcrumbs {
  padding: 3rem 0;
}
@media only screen and (min-width:1024px) {
  .basic-header-feature.withbreadcrumbs {
    padding: 2rem 0 4rem;
  }
}

.basic-header-feature.small-lower-pad {
  padding-bottom: 1rem;
}
@media only screen and (min-width:768px) {
  .basic-header-feature.small-lower-pad {
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .basic-header-feature.small-lower-pad {
    padding-bottom: 2.2rem;
  }
}

.basic-header-feature.prod-detail {
  padding: 3rem 0;
}
@media only screen and (min-width:768px) {
  .basic-header-feature.prod-detail {
    padding: 4rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .basic-header-feature.prod-detail {
    padding: 5rem 0;
  }
}
.basic-header-feature.prod-detail .content-wrapper {
  max-width: 100%;
  padding: 0 2rem;
}
@media only screen and (min-width:768px) {
  .basic-header-feature.prod-detail .content-wrapper {
    padding: 0 4rem;
  }
}
@media only screen and (min-width:1441px) {
  .basic-header-feature.prod-detail .content-wrapper {
    padding: 0 8rem;
  }
}
.basic-header-feature.prod-detail .prod-detail-type {
  color: #2897DC;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1.75rem;
  text-transform: uppercase;
}
.basic-header-feature.prod-detail h1 {
  margin-bottom: 1.5rem;
  text-align: left;
  text-transform: none;
}

.general-content main {
  background-color: #EEF1F4;
}
.general-content .main-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  max-width: 192rem;
  padding: 3rem 0;
  position: relative;
}
@media only screen and (min-width:768px) {
  .general-content .main-wrapper {
    padding: 6rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .general-content .main-wrapper {
    padding: 8rem 0;
  }
}
.general-content .flex-column-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 1024px) and (max-width: 1570px) {
  .general-content .flex-column-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95.4rem;
    flex: 0 0 95.4rem;
    width: auto;
  }
}
@media only screen and (min-width: 1571px) {
  .general-content .flex-column-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
  }
}
.general-content .nav-functional {
  display: none;
  margin: 0;
  padding: 0 2rem;
}
@media only screen and (min-width: 1366px) {
  .general-content .nav-functional {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1;
    margin-top: 1rem;
    max-width: 36.2rem;
    min-width: 22.5rem;
  }
}
.general-content .nav-functional-container {
  list-style-type: none;
  margin: 0;
  padding: 0 4rem 0 0;
}
.general-content .nav-functional-container li {
  display: block;
  margin: 0 0 2.4rem;
  padding: 0;
}
.general-content .nav-functional-container li a {
  color: #3F6074;
  font-size: 2rem;
  font-weight: 500;
  text-transform: capitalize;
}
.general-content .nav-functional-container li.landmark a {
  color: #222222;
  position: relative;
}
.general-content .nav-functional-container li.landmark a:before {
  background-color: #D47070;
  content: "";
  height: 0.6rem;
  width: 100%;
  position: absolute;
  bottom: -1rem;
}
.general-content .nav-functional-container li.landmark a:hover {
  text-decoration: none;
}
.general-content .article {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 95.4rem;
  flex: 0 0 95.4rem;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.general-content .article-sidebar {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin: 3rem auto 0;
  max-width: 95.4rem;
  padding: 0 2rem;
}
@media screen and (min-width: 1571px) {
  .general-content .article-sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36.2rem;
    flex: 0 0 36.2rem;
    margin: 0 auto;
    max-width: 36.2rem;
    padding: 0 2rem 0 2rem;
  }
}
.general-content .article-sidebar-container {
  background-color: #E3E7E9;
  margin: 0;
  padding: 2rem;
}
@media screen and (min-width: 1571px) {
  .general-content .article-sidebar-container {
    min-height: 60.2rem;
  }
}
.general-content .article-sidebar p {
  color: #FFFFFF;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visually-hidden:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.site-search-overlay {
  display: none;
}
.site-search-overlay input[type=text] {
  width: 100%;
  font-size: 12px;
  border: 1px solid #979797;
  padding: 6px 20px 6px 15px;
  border-radius: 8px;
}
.site-search-overlay input[type=text]:focus, .site-search-overlay input[type=text]:active {
  border: 1px solid #24ADFF;
}
.site-search-overlay input[type=submit] {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
  background-image: url(../images/template/magnifying.svg);
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  font-size: 2rem;
  height: 28px;
  outline: 0;
  text-indent: -9999px;
  width: 28px;
}

_:-ms-input-placeholder, :root .site-search-overlay input[type=submit] {
  top: -5px;
}
@media only screen and (min-width:1024px) {
  _:-ms-input-placeholder, :root .site-search-overlay input[type=submit] {
    right: -2px;
  }
}

_:-ms-input-placeholder, :root .site-search-overlay label {
  margin-left: -30px;
}

@media screen and (min-width: 1201px) {
  .site-search-overlay {
    position: absolute;
    top: 62px;
    right: 35px;
    width: calc(100% - 900px);
    display: block;
    max-width: 375px;
  }
  .site-header .site-search-overlay {
    z-index: 1;
  }
  .is-scrolled .site-search-overlay {
    top: 38px;
  }
}
@media only screen and (min-width:1441px) {
  .site-search-overlay {
    width: calc(100% - 1000px);
  }
  .site-search-overlay input[type=text] {
    font-size: 15px;
  }
}
/* close search button */
.close-search-button {
  position: absolute;
  top: 5px;
  right: 13px;
  left: auto;
  -ms-flex-item-align: center;
  align-self: center;
  cursor: pointer;
  height: 60px;
  opacity: 0.5;
  outline: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 60px;
  z-index: 32;
}
.close-search-button:hover, .close-search-button:active {
  opacity: 1;
}
.close-search-button .menu-global {
  position: absolute;
  right: 13px;
  bottom: 25px;
  border-top: 3px solid #FFFFFF;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 30px;
}
.close-search-button .menu-global.menu-top {
  bottom: 28px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.close-search-button .menu-global.menu-bottom {
  bottom: 28px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

@media screen and (min-width: 1201px) {
  .close-search-button {
    margin-top: -30px;
    right: 1.2rem;
    top: 50%;
    display: none;
  }
  .close-search-button .menu-global {
    width: 34px;
  }
}
@media screen and (max-width: 1200px) {
  .site-search-overlay {
    background: -webkit-gradient(linear, left top, right bottom, from(#075287), to(#458AB7));
    background: linear-gradient(to bottom right, #075287, #458AB7);
    position: fixed;
    top: 120vh;
    right: 0;
    left: 0;
    width: 100%;
    height: 120vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    /* height:100%; */
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 25% 3rem 0 3rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1000;
  }
  .search-open .site-search-overlay {
    /* bottom:0; */
    top: 0;
    overflow-y: hidden;
  }
  .site-search-overlay label {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 0.03rem;
    text-align: left;
    text-transform: uppercase;
  }
  .site-search-overlay-input {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    position: relative;
    width: 100%;
  }
  .site-search-overlay input[type=text] {
    -webkit-appearance: none;
    border: 2px solid #ccc;
    border-radius: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    outline: 0;
    padding: 1.4rem 5rem 1.4rem 0.8rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 100%;
    border-radius: 8px;
  }
  .site-search-overlay input[type=text]:focus, .site-search-overlay input[type=text]:active {
    border: 2px solid #24ADFF;
  }
  _:-ms-input-placeholder, :root .site-search-overlay input[type=submit] {
    top: -5px;
  }
}
.site-search-overlay-input {
  position: relative;
}

.search-results-list {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0rem 2rem;
}
@media only screen and (min-width:768px) {
  .search-results-list {
    padding: 0rem 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .search-results-list {
    padding: 0rem 2rem;
  }
}
.search-results-list .search-results-number p {
  margin-bottom: 0;
  text-align: center;
  font-size: 1.4rem;
}
.search-results-list .search-results-empty {
  text-align: center;
}
.search-results-list .search-result {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  margin-top: 3rem;
  padding-top: 1rem;
}
.search-results-list .search-result:nth-child(2) {
  margin-top: 1rem;
}
.search-results-list .search-result h3 {
  font-size: 2rem;
  font-weight: 500;
}
@media only screen and (min-width:768px) {
  .search-results-list .search-result h3 {
    font-size: 2.6rem;
  }
}
.search-results-list .search-result h3 > * {
  vertical-align: middle;
}
.search-results-list .search-result h3 a {
  color: #3F6074;
  text-decoration: none;
}
.search-results-list .search-result h3 a:hover {
  color: #006199;
}
.search-results-list .search-result-link {
  font-size: 1.4rem;
  font-weight: 600;
}
@media only screen and (min-width:768px) {
  .search-results-list .search-result-link {
    font-size: 1.6rem;
  }
}
.search-results-list .search-result p {
  margin-bottom: 0;
  font-size: 1.4rem;
}
@media only screen and (min-width:768px) {
  .search-results-list .search-result p {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width:1024px) {
  .search-results-list .search-result p {
    font-size: 1.8rem;
  }
}
.search-results-list .pagination {
  margin-top: 3rem;
  padding-bottom: 3rem;
}
@media only screen and (min-width:768px) {
  .search-results-list .pagination {
    margin-top: 4rem;
  }
}
@media only screen and (min-width:1024px) {
  .search-results-list .pagination {
    margin-top: 5rem;
  }
}

.keyword-display {
  font-style: italic;
}

.cta-bar {
  background-color: #003C50;
  overflow: hidden;
  padding: 2.8rem 2rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 1rem 0;
}
@media only screen and (min-width:768px) {
  .cta-bar {
    padding: 2.8rem 4rem;
  }
}
.cta-bar .cta-content {
  max-width: 1440px;
}
.cta-bar-copy {
  color: #FFFFFF;
  display: inline-block;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: 1.1;
  margin: 1rem;
  text-align: center;
}
@media only screen and (min-width:768px) {
  .cta-bar-copy {
    font-size: 2.8rem;
    font-weight: 900;
  }
}
@media only screen and (min-width:1441px) {
  .cta-bar-copy {
    font-weight: 800;
    line-height: 5rem;
    margin: 0 1rem;
    padding: 1rem 0;
  }
}
.cta-bar-button, .cta-bar .scTextWrapper {
  background-color: #005B94;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF !important;
  display: inline-block;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  margin: 1rem 2rem;
  padding: 1.2rem 3rem;
  text-transform: uppercase;
  vertical-align: middle;
}
.cta-bar-button:hover, .cta-bar-button:focus, .cta-bar .scTextWrapper:hover, .cta-bar .scTextWrapper:focus {
  background-color: rgb(0, 78.4567567568, 127.6);
  color: #FFFFFF;
}
.cta-bar-button:active, .cta-bar .scTextWrapper:active {
  background-color: rgb(0, 78.4567567568, 127.6);
  color: #FFFFFF;
}
@media only screen and (min-width:768px) {
  .cta-bar-button, .cta-bar .scTextWrapper {
    font-size: 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .cta-bar-button, .cta-bar .scTextWrapper {
    margin: 1rem;
  }
}

.cta-bar-alt {
  background-color: #003C50;
}

.cta-bar-subscribe {
  background-color: #075671;
  overflow: hidden;
  padding: 2.8rem 2rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin: 0 0 1rem 0;
}
@media only screen and (min-width:768px) {
  .cta-bar-subscribe {
    padding: 2.8rem 4rem;
  }
}
.cta-bar-subscribe .spray-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem;
  min-width: 280px;
}
@media only screen and (min-width:768px) {
  .cta-bar-subscribe .spray-form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
@media only screen and (min-width:1441px) {
  .cta-bar-subscribe .spray-form {
    margin-left: 1.25rem;
  }
}
.cta-bar-subscribe .spray-form input {
  border: 0;
  min-width: 280px;
  padding: 1.2rem 0.8rem;
  line-height: 1.3;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
}
.cta-bar-subscribe .spray-form input:active, .cta-bar-subscribe .spray-form input:focus {
  border: 0;
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF;
  box-shadow: inset 0 0 0 2.5px #24ADFF;
}
@media only screen and (min-width:1441px) {
  .cta-bar-subscribe .spray-form input {
    padding: 1.4rem 0.8rem;
  }
}
.cta-bar-subscribe .spray-form button {
  margin: 1rem 0;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .cta-bar-subscribe .spray-form button {
    font-size: 2rem;
    margin: 0 0 0 1rem;
  }
}
@media only screen and (min-width:1441px) {
  .cta-bar-subscribe .spray-form button {
    line-height: 1.3;
  }
}

.cookie-bar {
  background: rgba(7, 86, 113, 0.85);
  bottom: 0;
  display: none;
  overflow: hidden;
  padding: 2rem 4rem 2rem;
  position: fixed;
  text-align: center;
  z-index: 901;
}
@media only screen and (min-width:1024px) {
  .cookie-bar {
    padding: 2rem 8rem;
  }
}
.cookie-bar-copy {
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.4rem;
  letter-spacing: 0.5px;
  margin: 0 auto 2rem;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (min-width:768px) {
  .cookie-bar-copy {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width:1441px) {
  .cookie-bar-copy {
    font-size: 1.8rem;
  }
}
.cookie-bar-copy a {
  color: #006199;
}
.cookie-bar-copy a:after {
  bottom: -0.3rem;
  content: "»";
  display: inline-block;
  font-size: 2rem;
  position: absolute;
  right: -1.5rem;
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  .cookie-bar-copy a:after {
    bottom: -0.4rem;
    right: -1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .cookie-bar-copy a:after {
    right: -2rem;
  }
}
@media only screen and (min-width:1441px) {
  .cookie-bar-copy a:after {
    font-size: 2.5rem;
  }
}
.cookie-bar-button {
  background-color: #67D1FF;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF !important;
  display: inline-block;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  padding: 1.2rem 2rem 1.2rem;
  text-transform: uppercase;
  vertical-align: middle;
}
.cookie-bar-button:hover, .cookie-bar-button:focus, .cookie-bar-button:active {
  color: #FFFFFF;
}
@media only screen and (max-width: 480px) {
  .cookie-bar-button {
    padding: 1.2rem 2rem;
  }
}
@media only screen and (min-width:768px) {
  .cookie-bar-button {
    font-size: 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .cookie-bar-button {
    font-size: 2rem;
    padding: 1.3rem 3.3rem;
  }
}

.stat-bar {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 20px 50px 0 rgba(63, 96, 116, 0.15);
  box-shadow: 0 20px 50px 0 rgba(63, 96, 116, 0.15);
  overflow: hidden;
  padding: 2.6rem 1rem 2.6rem;
  position: relative;
  text-align: center;
  z-index: 10;
}
@media only screen and (min-width:768px) {
  .stat-bar {
    padding: 2.6rem 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .stat-bar {
    padding: 3rem;
  }
}
.stat-bar-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width:768px) {
  .stat-bar-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.stat-bar-stat {
  color: #0065A4;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 7rem;
  font-weight: 900;
  line-height: 0.628;
  margin: 0 auto 2rem;
}
@media only screen and (min-width:768px) {
  .stat-bar-stat {
    margin: 0;
    text-align: right;
  }
}
.stat-bar-copy {
  color: #3F6074;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1;
  margin: 0 1.4rem 0.4rem;
}
@media only screen and (min-width:768px) {
  .stat-bar-copy {
    font-size: 2.2rem;
    font-weight: 900;
    margin-top: 4px;
    text-align: left;
  }
}
@media only screen and (min-width:1441px) {
  .stat-bar-copy {
    font-weight: 800;
    line-height: 1.1;
    margin: 0 1rem;
    padding: 1rem 0;
  }
}
.stat-bar-copy-action {
  color: #006199;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 2.2rem;
  line-height: 1.1;
}
@media screen and (min-width: 1100px) {
  .stat-bar-copy-action {
    display: inline-block;
  }
}
.stat-bar-copy-action a {
  color: #006199;
  position: relative;
}
.stat-bar-copy-action i {
  color: #006199;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}
@media only screen and (min-width:1024px) {
  .stat-bar-copy-action i {
    font-size: 2.2rem;
  }
}

.stat-lineup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}
.stat-lineup-container {
  background-color: #fff;
  padding: 3rem 0 0;
  margin: 0 auto;
}
@media only screen and (min-width:768px) {
  .stat-lineup-container {
    padding: 6rem 0 0;
  }
}
@media only screen and (min-width:1024px) {
  .stat-lineup-container {
    padding: 8rem 0 0;
  }
}
@media screen and (min-width: 600px) {
  .stat-lineup {
    max-width: 900px;
  }
}
@media screen and (min-width: 1500px) {
  .stat-lineup {
    max-width: 100%;
  }
}
.stat-lineup-item {
  padding: 1rem;
  max-width: 200px;
}
@media only screen and (min-width:481px) {
  .stat-lineup-item {
    padding: 2rem;
    max-width: 200px;
  }
}
@media only screen and (min-width:768px) {
  .stat-lineup-item {
    padding: 2rem 3rem;
    max-width: 250px;
  }
}
@media only screen and (min-width:1024px) {
  .stat-lineup-item {
    padding: 2rem 4.5rem;
    max-width: 300px;
  }
}
.stat-lineup-item-num {
  font-size: 6rem;
  font-weight: 900;
  line-height: 1;
  color: #0065A4;
  margin-bottom: 0;
}
@media only screen and (min-width:768px) {
  .stat-lineup-item-num {
    font-size: 7rem;
  }
}
@media only screen and (min-width:1024px) {
  .stat-lineup-item-num {
    font-size: 8rem;
  }
}
.stat-lineup-item-desc {
  font-size: 1.6rem;
  font-weight: 700;
  color: #3F6074;
  margin-bottom: 0;
}
@media only screen and (min-width:768px) {
  .stat-lineup-item-desc {
    font-size: 1.8rem;
  }
}

.video-feature-container {
  background: #FFFFFF;
  padding: 2rem 0;
}
@media (min-width: 768px) {
  .video-feature-container {
    padding: 4rem 0;
  }
}

.video-feature {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 2rem 0;
  /* Images size variations */
}
@media only screen and (min-width:768px) {
  .video-feature {
    padding: 0 4rem 0;
  }
}
@media (min-width: 1024px) {
  .video-feature {
    max-width: 1620px;
  }
}
@media screen and (min-width: 1201px) {
  .video-feature {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
@media screen and (min-width: 1441px) {
  .video-feature {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.video-feature-top {
  width: 100%;
  padding-bottom: 1rem;
}
.video-feature-bottom {
  width: 100%;
  padding-top: 1rem;
}
.video-feature-link {
  width: 100%;
  padding-top: 0;
}
.video-feature-image {
  min-height: 1px;
}
.video-feature-text, .video-feature-image {
  border: 0;
  width: 100%;
}
@media only screen and (min-width:1024px) {
  .video-feature-text, .video-feature-image {
    text-align: left;
  }
}
.video-feature-text img, .video-feature-image img {
  max-width: 500px;
  width: 100%;
}
.video-feature-image {
  -ms-flex-item-align: start;
  align-self: flex-start;
  position: relative;
}
@media (max-width: 767px) {
  .video-feature-image {
    padding-bottom: 2rem;
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width:768px) {
  .video-feature-image {
    max-width: 660px;
    width: 50%;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-image {
    width: 50%;
  }
}
.video-feature-image .button-logo {
  max-width: 50%;
}
.video-feature-image .button-play {
  max-width: 15%;
}
.video-feature-image .button-play,
.video-feature-image .button-logo {
  position: absolute;
  top: 40%;
  left: 50%;
  cursor: pointer;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  width: auto;
  z-index: 10;
}
@media only screen and (min-width:768px) {
  .video-feature-image .button-play,
  .video-feature-image .button-logo {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.video-feature-image .button-play span,
.video-feature-image .button-logo span {
  position: absolute;
  top: 50%;
  left: 55%;
  border-bottom: 2rem solid transparent;
  border-left: 3.5rem solid #FFFFFF;
  border-top: 2rem solid transparent;
  display: inline-block;
  height: 0;
  margin: 0;
  padding: 0;
  -webkit-transform: translate(-55%, -50%);
  transform: translate(-55%, -50%);
  width: 0;
}
@media only screen and (min-width:768px) {
  .video-feature-image .button-play span,
  .video-feature-image .button-logo span {
    border-bottom: 1rem solid transparent;
    border-left: 2rem solid #FFFFFF;
    border-top: 1rem solid transparent;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-image .button-play span,
  .video-feature-image .button-logo span {
    border-bottom: 2rem solid transparent;
    border-left: 3.5rem solid #FFFFFF;
    border-top: 2rem solid transparent;
  }
}
.video-feature-image a {
  border: 0;
}
.video-feature-image img,
.video-feature-image video,
.video-feature-image iframe {
  height: auto;
  max-width: 100%;
  width: 100%;
}
.video-feature-link {
  text-align: left;
}
.video-feature-link.textCenter {
  text-align: center;
}
.video-feature-link.textLeft {
  text-align: left;
}
.video-feature-link.textRight {
  text-align: right;
}
.video-feature-link-action {
  display: block;
  font-size: 1.6rem;
  line-height: 1.466;
}
@media only screen and (min-width:768px) {
  .video-feature-link-action {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-link-action {
    font-size: 1.8rem;
    line-height: 1.636;
  }
}
.video-feature-link-action a {
  color: #006199;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
  position: relative;
}
@media only screen and (min-width:1024px) {
  .video-feature-link-action a {
    max-width: 500px;
  }
}
.video-feature-link-action i {
  color: #006199;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
}
.video-feature-text {
  text-align: left;
}
.video-feature-text.textCenter {
  text-align: center;
}
.video-feature-text.textLeft {
  text-align: left;
}
.video-feature-text.textRight {
  text-align: right;
}
@media only screen and (min-width:768px) {
  .video-feature-text {
    padding: inherit 4rem;
    text-align: left;
    width: 50%;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-text {
    width: 50%;
  }
}
.video-feature-text p {
  line-height: 1.5;
  margin: 0;
}
.video-feature-text ul, .video-feature-text ol {
  font-weight: normal;
  text-align: left;
  margin: 1.5rem 0 2rem;
}
.video-feature-text ul:first-child, .video-feature-text ol:first-child {
  margin-top: 0;
}
.video-feature-text ul li, .video-feature-text ol li {
  position: relative;
  margin: 0 0 1rem 1.75rem;
}
@media only screen and (min-width:768px) {
  .video-feature-text ul li, .video-feature-text ol li {
    margin-left: 3rem;
  }
}
.video-feature-text ul {
  list-style-type: none;
  text-align: left;
}
.video-feature-text ul li:before {
  position: absolute;
  left: -1.5rem;
  content: "•";
}
.video-feature-text p:not(:last-of-type) + ul, .video-feature-text p:not(:last-of-type) + ol {
  position: relative;
  margin-top: -1.5rem;
  text-align: left;
}
@media only screen and (min-width:1024px) {
  .video-feature-text p:not(:last-of-type) + ul, .video-feature-text p:not(:last-of-type) + ol {
    margin-top: -2.5rem;
  }
}
.video-feature-text p, .video-feature-text li {
  color: #3F6074;
  font-size: 1.5rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width:768px) {
  .video-feature-text p, .video-feature-text li {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-text p, .video-feature-text li {
    font-size: 2rem;
    line-height: 1.45;
    margin-bottom: 4rem;
  }
}
.video-feature-text p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.video-feature-text h3.eyebrow {
  border: 0;
  color: #222222;
  font-size: 2.3rem;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 1;
  margin: 0 0 1rem;
  padding: 0;
  text-transform: none;
}
@media only screen and (min-width:768px) {
  .video-feature-text h3.eyebrow {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-text h3.eyebrow {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width:1441px) {
  .video-feature-text h3.eyebrow {
    font-size: 3.4rem;
  }
}
.video-feature-text-copy {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.466;
  margin-bottom: 0;
  opacity: 0.9;
  padding: 0 0 1rem;
}
@media only screen and (min-width:768px) {
  .video-feature-text-copy {
    font-size: 1.6rem;
    padding: 0 0 1rem;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-text-copy {
    font-size: 1.6rem;
  }
}
.video-feature-text-copy ul, .video-feature-text-copy ol {
  text-align: left;
}
.video-feature-text-action {
  display: block;
  font-size: 1.6rem;
  line-height: 1.466;
}
@media only screen and (min-width:768px) {
  .video-feature-text-action {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-text-action {
    font-size: 1.8rem;
    line-height: 1.636;
  }
}
.video-feature-text-action a {
  color: #006199;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
  position: relative;
}
@media only screen and (min-width:1024px) {
  .video-feature-text-action a {
    max-width: 500px;
  }
}
.video-feature-text-action i {
  color: #006199;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
}
.video-feature-top, .video-feature-bottom {
  text-align: center;
}
.video-feature-top.textCenter, .video-feature-bottom.textCenter {
  text-align: center;
}
.video-feature-top.textLeft, .video-feature-bottom.textLeft {
  text-align: left;
}
.video-feature-top.textRight, .video-feature-bottom.textRight {
  text-align: right;
}
.video-feature-top p, .video-feature-bottom p {
  line-height: 1.5;
  margin: 0;
}
.video-feature-top ul, .video-feature-top ol, .video-feature-bottom ul, .video-feature-bottom ol {
  font-weight: normal;
  text-align: left;
  margin: 1.5rem 0 2rem;
}
.video-feature-top ul:first-child, .video-feature-top ol:first-child, .video-feature-bottom ul:first-child, .video-feature-bottom ol:first-child {
  margin-top: 0;
}
.video-feature-top ul li, .video-feature-top ol li, .video-feature-bottom ul li, .video-feature-bottom ol li {
  position: relative;
  margin: 0 0 1rem 1.75rem;
}
@media only screen and (min-width:768px) {
  .video-feature-top ul li, .video-feature-top ol li, .video-feature-bottom ul li, .video-feature-bottom ol li {
    margin-left: 3rem;
  }
}
.video-feature-top ul, .video-feature-bottom ul {
  list-style-type: none;
  text-align: left;
}
.video-feature-top ul li:before, .video-feature-bottom ul li:before {
  position: absolute;
  left: -1.5rem;
  content: "•";
}
.video-feature-top p:not(:last-of-type) + ul, .video-feature-top p:not(:last-of-type) + ol, .video-feature-bottom p:not(:last-of-type) + ul, .video-feature-bottom p:not(:last-of-type) + ol {
  position: relative;
  margin-top: -1.5rem;
  text-align: left;
}
@media only screen and (min-width:1024px) {
  .video-feature-top p:not(:last-of-type) + ul, .video-feature-top p:not(:last-of-type) + ol, .video-feature-bottom p:not(:last-of-type) + ul, .video-feature-bottom p:not(:last-of-type) + ol {
    margin-top: -2.5rem;
  }
}
.video-feature-top p, .video-feature-top li, .video-feature-bottom p, .video-feature-bottom li {
  color: #3F6074;
  font-size: 1.5rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width:768px) {
  .video-feature-top p, .video-feature-top li, .video-feature-bottom p, .video-feature-bottom li {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-top p, .video-feature-top li, .video-feature-bottom p, .video-feature-bottom li {
    font-size: 2rem;
    line-height: 1.45;
    margin-bottom: 4rem;
  }
}
.video-feature-top p:last-of-type, .video-feature-bottom p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.video-feature-top h3.eyebrow, .video-feature-bottom h3.eyebrow {
  border: 0;
  color: #222222;
  font-size: 2.3rem;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 1;
  margin: 0 0 1rem;
  padding: 0;
  text-transform: none;
}
@media only screen and (min-width:768px) {
  .video-feature-top h3.eyebrow, .video-feature-bottom h3.eyebrow {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-top h3.eyebrow, .video-feature-bottom h3.eyebrow {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width:1441px) {
  .video-feature-top h3.eyebrow, .video-feature-bottom h3.eyebrow {
    font-size: 3.4rem;
  }
}
.video-feature-top-action, .video-feature-bottom-action {
  display: block;
  font-size: 1.6rem;
  line-height: 1.466;
}
@media only screen and (min-width:768px) {
  .video-feature-top-action, .video-feature-bottom-action {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1024px) {
  .video-feature-top-action, .video-feature-bottom-action {
    font-size: 1.8rem;
    line-height: 1.636;
  }
}
.video-feature-top-action a, .video-feature-bottom-action a {
  color: #006199;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
  position: relative;
}
@media only screen and (min-width:1024px) {
  .video-feature-top-action a, .video-feature-bottom-action a {
    max-width: 500px;
  }
}
.video-feature-top-action i, .video-feature-bottom-action i {
  color: #006199;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
}
@media only screen and (min-width:1024px) {
  .video-feature.content-image-size-01 .video-feature-image {
    width: 38%;
    max-width: 100%;
  }
  .video-feature.content-image-size-01 .video-feature-text {
    width: 62%;
  }
  .video-feature.content-image-size-02 .video-feature-image {
    width: 71%;
    max-width: 100%;
  }
  .video-feature.content-image-size-02 .video-feature-text {
    width: 29%;
  }
}

@media only screen and (min-width:768px) {
  .video-feature {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .video-feature.videoLeft .video-feature-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
    padding-right: 0;
  }
  .video-feature.videoLeft .video-feature-text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-right: 0;
  }
  .video-feature.videoLeft .video-feature-bottom {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .video-feature.videoLeft .video-feature-link {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .video-feature.videoRight .video-feature-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 0;
    padding-right: 0;
  }
  .video-feature.videoRight .video-feature-text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
  }
  .video-feature.videoRight .video-feature-bottom {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .video-feature.videoRight .video-feature-link {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .video-feature-text {
    padding: 0 4rem;
  }
}
.video-playlist-container {
  position: relative;
  background-color: #FFFFFF;
  display: grid;
  padding: 4rem;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto auto;
  grid-template-areas: "media" "description" "list";
}
.video-playlist-container::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 2px;
  left: 50%;
  width: 95%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-bottom: 1px dotted #A7A9AC;
}
@media only screen and (min-width:768px) {
  .video-playlist-container {
    height: 56rem;
    padding: 8rem 0 8rem 0;
    grid-template-columns: auto 40vw 35vw auto;
    grid-template-rows: auto auto;
    grid-template-areas: ". media description ." ". media list .";
  }
}
.video-playlist-container .video-feature-image {
  padding: 0;
}

.video-media {
  width: 100%;
  height: 100%;
  grid-area: media;
}

.video-media-description {
  grid-area: description;
  border-bottom: 1px #0065A4 dotted;
}
.video-media-description * {
  margin-bottom: 0;
  padding-bottom: 2rem;
}
.video-media-description h1 {
  font-size: 3rem;
  font-weight: 500;
}
.video-media-description h2 {
  font-size: 2rem;
  font-weight: 300;
}

.video-playlist {
  grid-area: list;
  overflow-y: auto;
  max-height: 40rem;
}
@media only screen and (min-width:768px) {
  .video-playlist {
    max-height: unset;
  }
}
.video-playlist .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0 1rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  color: #222222;
}
.video-playlist .item:first-of-type {
  padding-top: 0;
}
.video-playlist .item:hover {
  background-color: #E3E7E9;
  text-decoration: underline;
  cursor: pointer;
}
.video-playlist .item .thumbnail {
  position: relative;
  width: 130px;
  pointer-events: none;
}
.video-playlist .item .thumbnail img, .video-playlist .item .thumbnail video {
  min-width: 130px;
  width: 130px;
  height: 73px;
  -o-object-fit: cover;
  object-fit: cover;
}
.video-playlist .item .thumbnail .duration {
  background-color: rgba(0, 0, 0, 0.4);
  color: #E3E7E9;
  font-size: 1.3rem;
  display: none;
  position: absolute;
  top: 53px;
  right: 0px;
  padding: 0.2rem;
}
.video-playlist .item .title {
  padding-left: 2rem;
  font-weight: 500;
  pointer-events: none;
}
.video-playlist .item.active {
  color: #808080;
}

.video-link-content {
  position: relative;
}
@media only screen and (min-width:768px) {
  .video-link-content {
    height: 40rem;
  }
}
.video-link-content img, .video-link-content video {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
}

.cards-default-container.cards-default-container-homepage {
  background: #EEF1F4;
  margin-top: -1rem;
  padding: 4rem 0 4rem;
}
.cards-default-container .section-header {
  text-align: center;
  padding: 0 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width:768px) {
  .cards-default-container .section-header {
    padding: 0 4rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-default-container .section-header {
    margin-bottom: 4rem;
  }
}
.cards-default-container .section-header p {
  font-size: 1.6rem;
}
@media only screen and (min-width:768px) {
  .cards-default-container .section-header p {
    font-size: 1.8rem;
  }
}
.cards-default-container .cards-default-wrapper {
  max-width: 1442px;
  margin: auto;
}
.cards-default-container .cards-default-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  .cards-default-container .cards-default-grid {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
}
.cards-default-container .cards-default-grid-item {
  margin-bottom: 2rem;
  padding: 0 2rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cards-default-container .cards-default-grid-item > a {
  display: block;
  height: 100%;
  position: relative;
}
.cards-default-container .cards-default-grid-item > a:hover, .cards-default-container .cards-default-grid-item > a:focus {
  text-decoration: none;
}
.cards-default-container .cards-default-grid-item.with-product > a {
  height: 100%;
}
@media only screen and (min-width:768px) {
  .cards-default-container .cards-default-grid-item {
    margin-bottom: 0;
    padding: 0 2rem;
    max-width: 454px;
  }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  .cards-default-container .cards-default-grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .cards-default-container .cards-default-grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
  }
}
@media only screen and (min-width:1024px) {
  .cards-default-container .cards-default-grid-item _:-ms-fullscreen, :root .cards-default-container .cards-default-grid-item {
    -ms-flex: 0 0 29%;
    flex: 0 0 29%;
  }
}
.cards-default-container .cards-default-grid-item:last-of-type {
  margin-bottom: 0;
}
.cards-default-container .cards-default-grid-item-wrapper {
  background-color: #FFFFFF;
  border-top: 6px solid #D47070;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  padding: 3rem 3rem 2rem 3rem;
  text-align: center;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
}
.cards-default-container .cards-default-grid-item-wrapper.left {
  text-align: left;
}
@media only screen and (min-width:768px) {
  .cards-default-container .cards-default-grid-item-wrapper {
    -webkit-box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
    box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  }
}
@media only screen and (min-width:1441px) {
  .cards-default-container .cards-default-grid-item-wrapper {
    padding: 4rem 4rem 2rem 4rem;
  }
}
.cards-default-container .cards-default-grid-item-wrapper > div[sc_item] > i, .cards-default-container .cards-default-grid-item-wrapper > i, .cards-default-container .cards-default-grid-item-wrapper > a > i {
  color: #0065A4;
  font-size: 6.5rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width:1024px) {
  .cards-default-container .cards-default-grid-item-wrapper > div[sc_item] > i, .cards-default-container .cards-default-grid-item-wrapper > i, .cards-default-container .cards-default-grid-item-wrapper > a > i {
    font-size: 7rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-default-container .cards-default-grid-item-wrapper > div[sc_item] > i, .cards-default-container .cards-default-grid-item-wrapper > i, .cards-default-container .cards-default-grid-item-wrapper > a > i {
    font-size: 8.2rem;
  }
}
.cards-default-container .cards-default-grid-item-title {
  color: #222222;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 1.4rem;
}
@media only screen and (min-width:768px) {
  .cards-default-container .cards-default-grid-item-title {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-default-container .cards-default-grid-item-title {
    font-size: 2.4rem;
    margin-bottom: 1.4rem;
  }
}
.cards-default-container .cards-default-grid-item-title align-content {
  color: #222222;
}
.cards-default-container .cards-default-grid-item-copy p {
  color: #3F6074;
  font-size: 1.4rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: 1rem;
  opacity: 0.9;
}
@media only screen and (min-width:1024px) {
  .cards-default-container .cards-default-grid-item-copy p {
    font-size: 1.6rem;
    line-height: 1.38;
    margin-bottom: 1.4rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-default-container .cards-default-grid-item-copy p {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
}
.cards-default-container .cards-default-grid-item-callout-action {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cards-default-container .cards-default-grid-item-callout-action a {
  color: #006199;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.285;
  line-height: inherit;
  position: relative;
}
@media only screen and (min-width:1024px) {
  .cards-default-container .cards-default-grid-item-callout-action a {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-default-container .cards-default-grid-item-callout-action a {
    font-size: 1.8rem;
  }
}
.cards-default-container .cards-default-grid-item-callout-action i {
  color: #006199;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  padding-left: 0.5rem;
}
.cards-default-container .cards-default-grid-item-wrapper.left .cards-default-grid-item-callout-action {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media only screen and (min-width:768px) {
  .cards-default-container .cards-default-grid-item.with-product {
    margin-bottom: 4rem;
  }
}
.cards-default-container.pad-bottom {
  padding-bottom: 3rem;
}
@media only screen and (min-width:1024px) {
  .cards-default-container.pad-bottom {
    padding-bottom: 4rem;
  }
}

.cards-product-grid .cards-default-grid-item-wrapper {
  height: auto;
}
.cards-product-grid .product-spotlight {
  background-color: #FFFFFF;
  padding-bottom: 1rem;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
}
@media only screen and (min-width:768px) {
  .cards-product-grid .product-spotlight {
    -webkit-box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
    box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  }
}
.cards-product-grid .product-spotlight-title {
  background: #D47070;
  color: #FFFFFF;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  margin: 0;
  max-width: 100%;
  padding: 0.4rem 2rem;
  width: 100%;
}
@media only screen and (min-width:1024px) {
  .cards-product-grid .product-spotlight-title {
    padding: 0.4rem 4rem;
    font-size: 1.7rem;
  }
}
.cards-product-grid .product-spotlight-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2rem 2rem 0;
  width: 100%;
  max-width: 550px;
}
@media only screen and (min-width:1024px) {
  .cards-product-grid .product-spotlight-grid {
    padding: 2rem 3rem 0;
  }
}
.cards-product-grid .product-spotlight-grid-image {
  text-align: center;
  padding-right: 1rem;
  width: 30%;
  max-width: 150px;
}
@media only screen and (min-width:768px) {
  .cards-product-grid .product-spotlight-grid-image {
    width: 40%;
  }
}
@media only screen and (min-width:1024px) {
  .cards-product-grid .product-spotlight-grid-image {
    padding-right: 2rem;
  }
}
.cards-product-grid .product-spotlight-grid-copy {
  width: 70%;
}
@media only screen and (min-width:768px) {
  .cards-product-grid .product-spotlight-grid-copy {
    width: 60%;
  }
}
.cards-product-grid .product-spotlight-grid-copy-title {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 0 1rem;
}
@media only screen and (min-width:1024px) {
  .cards-product-grid .product-spotlight-grid-copy-title {
    font-size: 1.8rem;
  }
}
.cards-product-grid .product-spotlight-grid-copy-action a {
  color: #006199;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.285;
  position: relative;
}
@media only screen and (min-width:1024px) {
  .cards-product-grid .product-spotlight-grid-copy-action a {
    font-size: 1.6rem;
  }
}

.cards-industries {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(25, 57, 76)), color-stop(50%, rgb(235, 238, 242)));
  background: linear-gradient(rgb(25, 57, 76) 0%, rgb(235, 238, 242) 50%);
  padding-bottom: 3rem;
}
.cards-industries-top {
  padding: 0 2rem 2rem 2rem;
}
@media only screen and (min-width:768px) {
  .cards-industries-top {
    padding: 0 4rem 2rem 4rem;
  }
}
@media (min-width: 1024px) {
  .cards-industries-top {
    max-width: 1620px;
  }
}
@media (min-width: 1201px) {
  .cards-industries-top {
    padding: 0 10rem 2rem 10rem;
  }
}
@media (min-width: 1441px) {
  .cards-industries-top {
    padding: 0 12rem 2rem 12rem;
  }
}
.cards-industries-bottom {
  padding: 2rem;
}
@media only screen and (min-width:768px) {
  .cards-industries-bottom {
    padding: 0 4rem;
  }
}
@media (min-width: 1024px) {
  .cards-industries-bottom {
    max-width: 1620px;
  }
}
@media (min-width: 1201px) {
  .cards-industries-bottom {
    padding: 0 10rem;
  }
}
@media (min-width: 1441px) {
  .cards-industries-bottom {
    padding: 0 12rem;
  }
}
.cards-industries.no-gradient {
  background: #FFFFFF;
}
.cards-industries.top-pad {
  padding-bottom: 0;
  padding-top: 2rem;
}
.cards-industries.standard {
  padding: 3rem 0 !important;
}
@media only screen and (min-width:768px) {
  .cards-industries.standard {
    padding: 4rem 0 !important;
  }
}
.cards-industries.cards-industries-homepage {
  padding-bottom: 0 !important;
}
.cards-industries .main-title {
  font-size: 1.5rem;
  padding-top: 2.5rem;
  margin: 0 2rem 2rem;
  color: #FFFFFF;
}
@media only screen and (min-width:768px) {
  .cards-industries .main-title {
    color: #284659;
    font-size: 2.9rem;
  }
}
@media only screen and (min-width:768px) {
  .cards-industries {
    background: none;
    background-color: #EEF1F4;
    padding-bottom: 6rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-industries {
    padding-bottom: 8rem;
  }
}
.cards-industries .section-header {
  text-align: center;
  padding-bottom: 3rem;
}
@media only screen and (min-width:1024px) {
  .cards-industries .section-header {
    padding-bottom: 4rem;
  }
}
.cards-industries-wrapper {
  margin: auto;
  max-width: 1620px;
  padding: 0.01rem 0 3rem;
}
@media only screen and (min-width:768px) {
  .cards-industries-wrapper {
    padding: 0.01rem 2rem 3.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-industries-wrapper {
    padding-bottom: 6.4rem;
  }
}
@media only screen and (min-width: 1640px) {
  .cards-industries-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.cards-industries-wrapper.standard {
  padding-bottom: 0;
}
@media only screen and (min-width:1024px) {
  .homepage .cards-industries-wrapper {
    padding-bottom: 8rem;
  }
}
.cards-industries-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1440px) {
  .cards-industries-grid.dynamic-neg-margin {
    margin-top: -40px !important;
  }
}
.cards-industries-grid.center-content {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.cards-industries-grid-item {
  margin-bottom: 1rem;
  padding: 0 1rem;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item {
    border: 0;
    width: 50%;
    margin-bottom: 3rem;
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-industries-grid-item {
    width: 33%;
    margin-bottom: 4rem;
    padding: 0 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-industries-grid-item:not(.three-across-max) {
    width: 25%;
  }
}
.cards-industries-grid-item .js-toggle-container {
  display: inline-block;
  height: 60px;
  position: absolute;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item .js-toggle-container {
    pointer-events: none;
  }
}
.cards-industries-grid-item .js-toggle {
  background: #EEF1F4;
  display: inline-block;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  height: 3rem;
  margin: 0;
  padding: 0;
  right: 2rem;
  top: 1.35rem;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 3rem;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item .js-toggle {
    display: none;
  }
}
.cards-industries-grid-item .js-toggle .bar {
  border-top: 2px solid #222222;
  position: absolute;
  right: 0.9rem;
  top: 1.4rem;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 12px;
}
.cards-industries-grid-item-wrapper {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  padding: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  text-align: left;
}
.cards-industries-grid-item-wrapper.active .js-toggle {
  background: #EC3737;
}
.cards-industries-grid-item-wrapper.active .js-toggle .bar {
  border-color: #FFFFFF;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .cards-industries-grid-item-wrapper.active .cards-industries-grid-item-wrapper-content {
    padding: 2rem;
  }
}
.cards-industries-grid-item-wrapper.active .cards-industries-grid-item-title {
  cursor: pointer;
  display: inline-block;
  pointer-events: auto;
}
.cards-industries-grid-item-wrapper.active .cards-industries-grid-item-title h3:after,
.cards-industries-grid-item-wrapper.active .cards-industries-grid-item-title span:after {
  opacity: 1;
  width: 80px;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-wrapper {
    -webkit-box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
    box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  }
}
.cards-industries-grid-item-image-container {
  display: block;
  max-height: 175px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .js-toggle-container ~ .cards-industries-grid-item-image-container {
    cursor: not-allowed;
    pointer-events: none;
  }
}
.cards-industries-grid-item-image-container:hover .cards-industries-grid-item-image, .cards-industries-grid-item-image-container:active .cards-industries-grid-item-image, .cards-industries-grid-item-image-container:focus .cards-industries-grid-item-image {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.cards-industries-grid-item-image {
  display: none;
  height: auto;
  margin-top: -3.5rem;
  max-width: 101%;
  position: relative;
  width: 101%;
}
.cards-industries-grid-item-image.no-overflow-image {
  margin-top: 0;
  max-width: unset;
  width: 100%;
  height: 100%;
  max-height: 175px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .cards-industries-grid-item-image {
    cursor: not-allowed;
    pointer-events: none;
  }
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-image {
    display: block !important;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
}
.cards-industries-grid-item-content {
  padding: 2rem 5rem 2rem 2rem;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-content {
    padding: 2.4rem 3rem 3rem;
  }
}
.cards-industries-grid-item-content ul {
  font-weight: 400;
  line-height: 1.3;
  padding-right: 2rem;
}
.cards-industries-grid-item-copy {
  color: #3F6074;
  display: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.425;
  margin: 0 3rem 0.6rem 2rem;
  opacity: 0.9;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-copy {
    display: block !important;
    margin: 0 3rem 0.6rem 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-industries-grid-item-copy {
    font-size: 1.8rem;
    line-height: 1.333;
    margin: 0.5rem 4rem 1.6rem 3rem;
  }
}
.cards-industries-grid-item-title {
  display: inline-block;
  width: auto;
}
.cards-industries-grid-item-title:hover {
  border: 0;
  text-decoration: none;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .cards-industries-grid-item-title {
    cursor: not-allowed;
    pointer-events: none;
  }
}
.cards-industries-grid-item-title h3,
.cards-industries-grid-item-title > span {
  color: #222222;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.31px;
  line-height: 1;
  margin: 0;
  position: relative;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-title h3,
  .cards-industries-grid-item-title > span {
    font-size: 2.2rem;
    margin: 0 0 2.6rem;
  }
}
.cards-industries-grid-item-title h3:after,
.cards-industries-grid-item-title > span:after {
  background-color: #D47070;
  bottom: -1.3rem;
  content: "";
  height: 6px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 0;
  z-index: 1;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-title h3:after,
  .cards-industries-grid-item-title > span:after {
    bottom: -1.5rem;
    opacity: 1;
    width: 80px;
  }
}
.cards-industries-grid-item-title h3:hover:after,
.cards-industries-grid-item-title > span:hover:after {
  width: 100%;
}
.active .cards-industries-grid-item-title h3,
.active .cards-industries-grid-item-title > span {
  margin-bottom: 2.4rem;
}
.cards-industries-grid-item-copy {
  color: #3F6074;
  display: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.425;
  margin: 0 0 0.6rem 0;
  opacity: 0.9;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-copy {
    display: block !important;
    margin: 0 0 0.6rem 0;
  }
}
@media only screen and (min-width:1024px) and (max-width:1440px) {
  .cards-industries-grid-item-copy {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width:1441px) {
  .cards-industries-grid-item-copy {
    font-size: 1.8rem;
    line-height: 1.333;
    margin: 0.5rem 0 1.6rem 0;
  }
}
.cards-industries-grid-item-callout-action {
  display: none;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-callout-action {
    display: block !important;
  }
}
.cards-industries-grid-item-callout-action a {
  color: #006199;
  font-weight: 600;
  line-height: 1;
  margin: 1.5rem 0 3rem;
  position: relative;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-callout-action a {
    font-size: 1.6rem;
  }
}
.cards-industries-grid-item-callout-action i {
  color: #006199;
  font-weight: 600;
  line-height: 1;
}
.cards-industries-grid-item hr.js-slide {
  background: none;
  border-top: 2px dotted #E3E7E9;
  display: none;
  left: 0;
  margin-top: auto;
  position: relative;
  right: 0;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item hr.js-slide {
    display: block !important;
  }
}
.cards-industries-grid-item p.js-slide, .cards-industries-grid-item ul.js-slide, .cards-industries-grid-item div.js-slide {
  display: none;
  font-size: 1.6rem;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item p.js-slide, .cards-industries-grid-item ul.js-slide, .cards-industries-grid-item div.js-slide {
    display: block !important;
  }
}
.cards-industries-grid-item-case-study {
  display: none;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-item-case-study {
    display: block !important;
  }
}
.cards-industries-grid-item-case-study-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.cards-industries-grid-item-case-study-amount {
  color: spray-blue;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 4rem;
  font-weight: 900;
  line-height: 0.8;
  text-transform: uppercase;
  display: block;
  color: rgb(63, 96, 116);
}
.cards-industries-grid-item-case-study-copy {
  padding-left: 1.5rem;
  display: block;
}
.cards-industries-grid-item-case-study-copy p, .cards-industries-grid-item-case-study-copy-text {
  display: block;
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.285;
  margin: 0 0 0.6rem;
  opacity: 0.9;
}
@media only screen and (min-width:1441px) {
  .cards-industries-grid-item-case-study-copy p, .cards-industries-grid-item-case-study-copy-text {
    font-size: 1.6rem;
    line-height: 1.125;
  }
}
.cards-industries-grid-item-case-study-copy a {
  color: #006199;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.25;
}
@media only screen and (min-width:1441px) {
  .cards-industries-grid-item-case-study-copy a {
    font-size: 1.6rem;
  }
}
.cards-industries-grid-item-case-study-flex-anchor {
  display: block;
  padding: 1.5rem 2rem 2rem;
  text-decoration: none;
}
.cards-industries-grid-item-case-study-flex-anchor:hover, .cards-industries-grid-item-case-study-flex-anchor:focus {
  text-decoration: none;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  display: block;
}
.cards-industries-grid-item-case-study-flex-anchor-tag {
  text-decoration: none;
}
.cards-industries-grid-item-case-study-flex-anchor-tag:hover, .cards-industries-grid-item-case-study-flex-anchor-tag:focus {
  text-decoration: none;
}
.cards-industries-grid-callout {
  margin: 2rem auto 0;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-callout {
    margin: 0 auto;
  }
}
@media only screen and (min-width:768px) {
  .homepage .cards-industries-grid-callout {
    margin: 1rem auto 0;
  }
}
.cards-industries-grid-callout .button-light-blue, .cards-industries-grid-callout .checkout-sum-invoice-button, .cards-industries-grid-callout .order-card-actions .cancel-button, .order-card-actions .cards-industries-grid-callout .cancel-button, .cards-industries-grid-callout .spray-form button, .spray-form .cards-industries-grid-callout button, .cards-industries-grid-callout .spray-form input[type=button], .spray-form .cards-industries-grid-callout input[type=button], .cards-industries-grid-callout .spray-form input[type=reset], .spray-form .cards-industries-grid-callout input[type=reset], .cards-industries-grid-callout .spray-form input[type=submit], .spray-form .cards-industries-grid-callout input[type=submit] {
  background-color: #67D1FF;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF !important;
  cursor: pointer;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  margin: auto;
  padding: 1.2rem 2rem;
  text-transform: uppercase;
  width: auto;
}
.cards-industries-grid-callout .button-light-blue:hover, .cards-industries-grid-callout .checkout-sum-invoice-button:hover, .cards-industries-grid-callout .order-card-actions .cancel-button:hover, .order-card-actions .cards-industries-grid-callout .cancel-button:hover, .cards-industries-grid-callout .spray-form button:hover, .spray-form .cards-industries-grid-callout button:hover, .cards-industries-grid-callout .spray-form input[type=button]:hover, .spray-form .cards-industries-grid-callout input[type=button]:hover, .cards-industries-grid-callout .spray-form input[type=reset]:hover, .spray-form .cards-industries-grid-callout input[type=reset]:hover, .cards-industries-grid-callout .spray-form input[type=submit]:hover, .spray-form .cards-industries-grid-callout input[type=submit]:hover, .cards-industries-grid-callout .button-light-blue:focus, .cards-industries-grid-callout .checkout-sum-invoice-button:focus, .cards-industries-grid-callout .order-card-actions .cancel-button:focus, .order-card-actions .cards-industries-grid-callout .cancel-button:focus, .cards-industries-grid-callout .spray-form button:focus, .spray-form .cards-industries-grid-callout button:focus, .cards-industries-grid-callout .spray-form input[type=button]:focus, .spray-form .cards-industries-grid-callout input[type=button]:focus, .cards-industries-grid-callout .spray-form input[type=reset]:focus, .spray-form .cards-industries-grid-callout input[type=reset]:focus, .cards-industries-grid-callout .spray-form input[type=submit]:focus, .spray-form .cards-industries-grid-callout input[type=submit]:focus {
  background-color: rgb(52, 193.5657894737, 255);
  -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
}
.cards-industries-grid-callout .button-light-blue:active, .cards-industries-grid-callout .checkout-sum-invoice-button:active, .cards-industries-grid-callout .order-card-actions .cancel-button:active, .order-card-actions .cards-industries-grid-callout .cancel-button:active, .cards-industries-grid-callout .spray-form button:active, .spray-form .cards-industries-grid-callout button:active, .cards-industries-grid-callout .spray-form input[type=button]:active, .spray-form .cards-industries-grid-callout input[type=button]:active, .cards-industries-grid-callout .spray-form input[type=reset]:active, .spray-form .cards-industries-grid-callout input[type=reset]:active, .cards-industries-grid-callout .spray-form input[type=submit]:active, .spray-form .cards-industries-grid-callout input[type=submit]:active {
  background-color: rgb(52, 193.5657894737, 255);
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  color: #FFFFFF;
}
@media only screen and (min-width:768px) {
  .cards-industries-grid-callout .button-light-blue, .cards-industries-grid-callout .checkout-sum-invoice-button, .cards-industries-grid-callout .order-card-actions .cancel-button, .order-card-actions .cards-industries-grid-callout .cancel-button, .cards-industries-grid-callout .spray-form button, .spray-form .cards-industries-grid-callout button, .cards-industries-grid-callout .spray-form input[type=button], .spray-form .cards-industries-grid-callout input[type=button], .cards-industries-grid-callout .spray-form input[type=reset], .spray-form .cards-industries-grid-callout input[type=reset], .cards-industries-grid-callout .spray-form input[type=submit], .spray-form .cards-industries-grid-callout input[type=submit] {
    font-size: 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-industries-grid-callout .button-light-blue, .cards-industries-grid-callout .checkout-sum-invoice-button, .cards-industries-grid-callout .order-card-actions .cancel-button, .order-card-actions .cards-industries-grid-callout .cancel-button, .cards-industries-grid-callout .spray-form button, .spray-form .cards-industries-grid-callout button, .cards-industries-grid-callout .spray-form input[type=button], .spray-form .cards-industries-grid-callout input[type=button], .cards-industries-grid-callout .spray-form input[type=reset], .spray-form .cards-industries-grid-callout input[type=reset], .cards-industries-grid-callout .spray-form input[type=submit], .spray-form .cards-industries-grid-callout input[type=submit] {
    bottom: 0;
  }
}

@media only screen and (min-width:1024px) {
  .no-odd-rows .cards-industries-grid-item {
    width: 50% !important;
  }
}
@media screen and (min-width: 1260px) {
  .no-odd-rows .cards-industries-grid-item {
    width: 25% !important;
  }
}
/* resource card mods */
.no-hover-zoom .cards-industries-grid-item-image {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

.no-collapse .cards-industries-grid-item-copy, .no-collapse .cards-industries-grid-item-callout-action {
  display: block !important;
}
.no-collapse .cards-industries-grid-item-title h3,
.no-collapse .cards-industries-grid-item-title span {
  margin-bottom: 2.4rem !important;
}
.no-collapse .cards-industries-grid-item-title h3:after,
.no-collapse .cards-industries-grid-item-title span:after {
  opacity: 1 !important;
  width: 80px;
}
@media only screen and (min-width:768px) {
  .no-collapse .cards-industries-grid-item-title h3,
  .no-collapse .cards-industries-grid-item-title span {
    margin-bottom: 2.5rem !important;
  }
}
.no-collapse .cards-industries-grid-item-image {
  display: block !important;
  margin: auto;
}
.no-collapse .cards-industries-grid-item-image-container {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#212323), to(#0064A2));
  background-image: linear-gradient(to bottom, #212323, #0064A2);
  max-height: 100%;
  position: relative;
}
.no-collapse .cards-industries-grid-item-image-container:before {
  content: "";
  display: block;
  padding-top: 51.3513513514%;
  width: 100%;
}
.no-collapse .cards-industries-grid-item-image-container > .cards-industries-grid-item-image, .no-collapse .cards-industries-grid-item-image-container > i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.doc-cover-image .cards-industries-grid-item-image {
  margin: 0 auto;
  max-height: 100%;
  width: auto;
}

.no-image .cards-industries-grid-item-image {
  margin: 0 auto;
}
.no-image .cards-industries-grid-item-image-container i {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.is-video .cards-industries-grid-item-image-container .button-play {
  position: absolute;
  top: 50%;
  right: 50%;
  height: 66px;
  width: 66px;
  margin-right: -33px;
  margin-top: -33px;
}

.resource-card-asset-type {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px dotted #E3E7E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  padding: 1rem 1.5rem;
}
@media only screen and (min-width:768px) {
  .resource-card-asset-type {
    padding: 1.5rem 2.5rem;
  }
}
.resource-card-asset-type i {
  color: #D9DFE3;
  font-size: 3rem;
}
.resource-card-asset-type span {
  color: #3F6074;
  font-size: 1.4rem;
  padding-left: 0.25rem;
}

.card-grid-hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.card-grid-hidden.card-grid-open {
  display: block;
  visibility: visible;
  opacity: 1;
}

h3.cards-industries-grid-item-title {
  color: #222222;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.31px;
  line-height: 1;
  margin: 0;
  position: relative;
  cursor: pointer;
}
h3.cards-industries-grid-item-title:hover:after {
  width: 100%;
}
@media (min-width: 768px) {
  h3.cards-industries-grid-item-title {
    font-size: 2.2rem;
    margin: 0 0 2.6rem;
  }
}
h3.cards-industries-grid-item-title:after {
  background-color: #D47070;
  bottom: -1.3rem;
  content: "";
  height: 6px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  h3.cards-industries-grid-item-title:after {
    bottom: -1.5rem;
    opacity: 1;
    width: 80px;
  }
}

.active h3.cards-industries-grid-item-title {
  margin-bottom: 2.4rem;
}
.active h3.cards-industries-grid-item-title:after {
  opacity: 1;
  width: 80px;
}

.cards-categories {
  background: #FFFFFF;
  padding: 5rem 0 2rem;
}
@media only screen and (min-width:1024px) {
  .cards-categories {
    padding: 5rem 0 3rem;
  }
}
.cards-categories-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin: auto;
  max-width: 1730px;
  width: 100%;
  padding: 0 1rem;
}
.cards-categories-item {
  border: 1px solid rgba(63, 96, 116, 0.15);
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  margin-bottom: 1rem;
  position: relative;
  text-align: left;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .cards-categories-item {
    margin-bottom: 3rem;
    width: 33%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
  }
  .cards-categories-item.link-card:hover {
    opacity: 0.8;
    background: ghostwhite;
  }
}
@media only screen and (min-width:1024px) {
  .cards-categories-item {
    width: 20%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width:1024px) {
  .steel-metal .cards-categories-item {
    width: 16.666%;
  }
}
.cards-categories-item.active .js-toggle {
  background: #EC3737;
}
.cards-categories-item.active .js-toggle .bar {
  border-color: white;
}
.cards-categories-item .js-toggle-container {
  display: inline-block;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .cards-categories-item .js-toggle-container {
    pointer-events: none;
  }
}
.cards-categories-item .js-toggle {
  background: #EEF1F4;
  display: inline-block;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  height: 3rem;
  margin: 0;
  padding: 0;
  right: 2rem;
  top: 1.35rem;
  width: 3rem;
}
@media only screen and (min-width:768px) {
  .cards-categories-item .js-toggle {
    display: none;
  }
}
.cards-categories-item .js-toggle .bar {
  border-top: 2px solid #212121;
  position: absolute;
  right: 0.9rem;
  top: 1.4rem;
  -webkit-transition: all 0.35s cubic-bezier(0.79, 0.24, 0.51, 0.95);
  transition: all 0.35s cubic-bezier(0.79, 0.24, 0.51, 0.95);
  width: 12px;
}
.cards-categories-item-image-container {
  display: block;
  max-height: 175px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .cards-categories-item-image-container {
    cursor: not-allowed;
    pointer-events: none;
  }
}
.cards-categories-item-image-container:hover .cards-categories-grid-item-image {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.cards-categories-item-image {
  display: none;
  height: auto;
  margin-top: -3.5rem;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .cards-categories-item-image {
    cursor: not-allowed;
    pointer-events: none;
  }
}
@media only screen and (min-width:768px) {
  .cards-categories-item-image {
    display: block !important;
    -webkit-transition: all 0.8s cubic-bezier(0.79, 0.24, 0.51, 0.95);
    transition: all 0.8s cubic-bezier(0.79, 0.24, 0.51, 0.95);
  }
}
.cards-categories-item.active .cards-categories-item-title {
  cursor: pointer;
  display: inline-block;
  pointer-events: auto;
}
.cards-categories-item.active .cards-categories-item-title h3:after {
  width: 80px;
  height: 0.6rem;
}
.cards-categories-item-title {
  display: inline-block;
  width: auto;
  line-height: 1;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .cards-categories-item-title {
    cursor: not-allowed;
    pointer-events: none;
  }
}
.cards-categories-item-title h3 {
  color: #222222;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.3;
  position: relative;
  margin: 0;
  -webkit-transition: margin 0.3s ease;
  transition: margin 0.3s ease;
}
.active .cards-categories-item-title h3 {
  margin-bottom: 2rem;
}
@media only screen and (min-width:481px) {
  .cards-categories-item-title h3 {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width:768px) {
  .cards-categories-item-title h3 {
    color: #000000;
    display: inline-block;
    margin: 0 0 2rem;
  }
}
.cards-categories-item-title h3:after {
  background-color: #D47070;
  bottom: -1.3rem;
  content: "";
  height: 0.6rem;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 0;
  z-index: 1;
}
@media only screen and (min-width:768px) {
  .cards-categories-item-title h3:after {
    bottom: -1.5rem;
    opacity: 1;
    width: 80px;
  }
}
.cards-categories-item-title h3:hover:after {
  width: 100%;
}
.cards-categories-item-title:hover {
  border: none;
  text-decoration: none;
}
.cards-categories-item-content {
  padding: 2rem 5rem 2rem 2rem;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
@media only screen and (min-width:768px) {
  .cards-categories-item-content {
    padding: 0rem 2rem;
  }
}
.cards-categories-item-copy {
  color: #3F6074;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.425;
  margin: 0 0 0.5rem;
  opacity: 0.9;
}
@media only screen and (min-width:768px) {
  .cards-categories-item-copy {
    font-size: 1.6rem;
    display: block !important;
    margin: 0.5rem 0 1.6rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-categories-item-copy {
    font-size: 1.6rem;
    line-height: 1.333;
  }
}
.cards-categories-item-callout-action {
  color: #5AC1FF;
  display: none;
  line-height: 1;
  font-size: 1.6rem;
  line-height: 1.285;
  font-weight: 600;
}
@media only screen and (min-width:768px) {
  .cards-categories-item-callout-action {
    display: block !important;
    margin-bottom: 0;
  }
  .cards-categories-item-callout-action.hide-card-link {
    visibility: hidden;
  }
}
@media only screen and (min-width:1441px) {
  .cards-categories-item-callout-action {
    font-size: 1.8rem;
  }
}
.cards-categories-item-callout-action a {
  color: #5AC1FF;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 1.5rem 0 0;
  position: relative;
}
@media only screen and (min-width:768px) {
  .cards-categories-item-callout-action a {
    margin-left: 0;
  }
}
.cards-categories-item-callout-action i {
  color: #5AC1FF;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.cards-categories-item hr {
  background: none;
  border-top: 2px dotted #E3E7E9;
  display: block;
  display: none;
  margin: 2rem 0 1rem;
}
@media only screen and (min-width:768px) {
  .cards-categories-item hr {
    display: block !important;
    margin: 3rem 0 2rem;
  }
}
.cards-categories-item-case-study {
  display: none;
  margin-bottom: 1rem;
}
@media only screen and (min-width:768px) {
  .cards-categories-item-case-study {
    display: block !important;
  }
}
.cards-categories-item-case-study-amount {
  color: #0065A4;
  display: inline-block;
  float: left;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
  padding-left: 2rem;
  text-transform: uppercase;
}
@media only screen and (min-width:768px) {
  .cards-categories-item-case-study-amount {
    padding-left: 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-categories-item-case-study-amount {
    font-size: 6rem;
    line-height: 0.733;
  }
}
.cards-categories-item-case-study-copy {
  display: inline-block;
  padding-left: 1.5rem;
  width: 65%;
}
@media only screen and (min-width:768px) {
  .cards-categories-item-case-study-copy {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1190px) and (min-width: 1023px) {
  .cards-categories-item-case-study-copy {
    width: 50%;
  }
}
@media screen and (max-width: 1350px) and (min-width: 1191px) {
  .cards-categories-item-case-study-copy {
    width: 60%;
  }
}
.cards-categories-item-case-study-copy p {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.285;
  margin: 0 0 0.6rem;
}
@media only screen and (min-width:1441px) {
  .cards-categories-item-case-study-copy p {
    font-size: 1.6rem;
    line-height: 1.125;
  }
}
.cards-categories-item-case-study-copy a {
  color: #5AC1FF;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.25;
}
@media only screen and (min-width:768px) {
  .cards-categories-item-case-study-copy a {
    font-size: 1.6rem;
  }
}

.cards-callouts {
  background-color: #FFFFFF;
}
.cards-callouts.light-gray {
  background-color: #EEF1F4;
}
.cards-callouts .section-header {
  text-align: center;
  padding: 3rem 3rem 0 3rem;
}
@media only screen and (min-width:1024px) {
  .cards-callouts .section-header {
    padding: 4rem 4rem 0 4rem;
  }
}
.cards-callouts-wrapper {
  margin: auto;
  padding: 2.5rem 2rem 0;
  max-width: 1640px;
}
@media only screen and (min-width:768px) {
  .cards-callouts-wrapper {
    margin-top: 0;
    padding: 0 7rem 5rem;
  }
}
.cards-callouts-wrapper.alt-padding {
  padding-top: 3rem;
}
@media only screen and (min-width:768px) {
  .cards-callouts-wrapper.alt-padding {
    padding-top: 5.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-callouts-wrapper.alt-padding {
    padding-bottom: 8rem;
  }
}
.cards-callouts-wrapper h2 {
  text-align: center;
  padding-bottom: 2.5rem;
}
@media only screen and (min-width:768px) {
  .cards-callouts-wrapper h2 {
    padding-bottom: 0.4rem;
  }
}
.cards-callouts-grid.center-content .generic-grid {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid .generic-grid {
    overflow: hidden;
    border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid .generic-grid .generic-grid {
    border-bottom: 0;
  }
}
.cards-callouts-grid .generic-grid:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.cards-callouts-grid .generic-grid:last-of-type .cards-callouts-grid-item:last-of-type {
  border-bottom: 0;
}
.cards-callouts-grid.divider {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  margin-bottom: 3rem;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid.divider {
    padding-bottom: 3rem;
    margin-bottom: 0;
  }
}
.cards-callouts-grid-item {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  margin: 0 0 3rem;
  padding-bottom: 3rem;
  text-align: left;
}
.cards-callouts-grid-item > a {
  position: relative;
  display: block;
  height: 100%;
  padding-bottom: 6px;
}
.cards-callouts-grid-item > a:hover, .cards-callouts-grid-item > a:focus {
  text-decoration: none;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item {
    border-bottom: 0;
    border-left: 2px dotted rgba(63, 96, 116, 0.2);
    margin: 3rem -0.5rem 0;
    padding: 0 1.5rem 0;
  }
  .cards-callouts-grid-item.callout-with-title-image, .cards-callouts-grid-item.callout-alt-1 {
    border: 0;
  }
}
@media only screen and (min-width:1441px) {
  .cards-callouts-grid-item {
    padding-bottom: 0;
  }
}
.cards-callouts-grid-item .flex-cell {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cards-callouts-grid-item span.tag {
  background: #0065A4;
  color: #FFFFFF;
  display: inline-block;
  text-transform: uppercase;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: 1;
  padding: 4px 6px;
  margin-bottom: 1.2rem;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item span.tag {
    font-size: 1.8rem;
    line-height: 1;
    padding: 4px 7px;
  }
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid-item span.tag {
    font-size: 1.7rem;
  }
}
.cards-callouts-grid-item img {
  height: auto;
  max-width: 100%;
  width: 100%;
}
.cards-callouts-grid-item-title {
  color: #222222;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.25px;
  line-height: 0.905;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item-title {
    font-size: 2.4rem;
    line-height: 1;
  }
}
@media only screen and (min-width:1441px) {
  .cards-callouts-grid-item-title {
    font-size: 2.4rem;
  }
}
.cards-callouts-grid-item-copy {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0.8rem;
  opacity: 0.9;
}
.cards-callouts-grid-item-copy.has-margin-top {
  margin-top: 1rem;
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid-item-copy {
    font-size: 1.6rem;
    margin-bottom: 1.3rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-callouts-grid-item-copy {
    font-size: 1.6rem;
  }
}
.cards-callouts-grid-item-callout-action {
  color: #006199;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.285;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item-callout-action {
    font-size: 1.8rem;
  }
}
.cards-callouts-grid-item-callout-action a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  position: relative;
}
.cards-callouts-grid-item-callout-action i {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
@media only screen and (min-width:1441px) {
  .cards-callouts-grid-item:first-of-type {
    padding-bottom: 0;
  }
}
.cards-callouts-grid-item:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  .cards-callouts-grid-item:last-of-type {
    border-bottom: none;
  }
}
@media only screen and (min-width:768px) and (max-width:1023px), only screen and (min-width:1024px) and (max-width:1440px) {
  .cards-callouts-grid-item.callout-copy-image {
    border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  }
}
@media only screen and (min-width:768px) and (max-width:1023px), only screen and (min-width:1024px) and (max-width:1440px) {
  .cards-callouts-grid-item.callout-copy-image {
    padding-bottom: 3rem;
  }
}
.cards-callouts-grid-item.callout-copy-image .generic-grid {
  border-bottom: 0;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item.callout-copy-image .generic-grid-item {
    height: 100%;
    width: 50%;
  }
}
.cards-callouts-grid-item.callout-copy-image-item.callout-copy-image:last-of-type {
  padding-bottom: 0;
}
.cards-callouts-grid-item.callout-copy-image .flex-cell-a {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.cards-callouts-grid-item.callout-copy-image .flex-cell-b {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.cards-callouts-grid-item.callout-copy-image .flex-cell-b img {
  margin-bottom: 1.6rem;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item.callout-copy-image .flex-cell-b img {
    margin-bottom: 0;
  }
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item.callout-copy-image {
    padding-left: 1.5rem;
    padding-right: 0;
  }
  .cards-callouts-grid-item.callout-copy-image .flex-cell-a {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .cards-callouts-grid-item.callout-copy-image .flex-cell-b {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .cards-callouts-grid-item.callout-copy-image .flex-cell:first-of-type {
    padding-right: 3.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid-item.callout-copy-image {
    border-bottom: 0;
    padding: 0 3.5rem 0 1.5rem;
  }
}
.cards-callouts-grid-item.callout-copy-image:last-of-type {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  padding-right: 0;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item.callout-copy-image:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item.half-width + .cards-callouts-grid-item.quarter-width {
    padding-left: 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid-item.half-width + .cards-callouts-grid-item.quarter-width {
    border-left: 2px dotted rgba(63, 96, 116, 0.2);
    padding: 0 3.5rem 0 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid-item.half-width + .cards-callouts-grid-item.half-width {
    border-left: 2px dotted rgba(63, 96, 116, 0.2);
    padding-left: 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid-item.quarter-width + .cards-callouts-grid-item.half-width {
    border-left: 2px dotted rgba(63, 96, 116, 0.2);
    padding-left: 1.5rem;
  }
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item.quarter-width:nth-child(3n):not(.callout-with-title-image):not(.callout-alt-1) {
    padding-left: 0;
  }
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid-item.quarter-width:nth-child(3n):not(.callout-with-title-image):not(.callout-alt-1) {
    border-left: 2px dotted rgba(63, 96, 116, 0.2);
    padding: 0 3.5rem 0 1.5rem;
  }
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid-item.callout-copy-image + .quarter-width + .quarter-width:nth-child(3n):not(.callout-with-title-image):not(.callout-alt-1) {
    border-left: 2px dotted rgba(63, 96, 116, 0.2);
    padding: 0 0 0 1.5rem;
  }
}
.cards-callouts-grid .callout-alt > a {
  padding-bottom: 0;
}
.cards-callouts-grid .callout-alt > a:after {
  display: none;
}
.cards-callouts-grid .callout-alt > a:hover .callout-alt-wrapper, .cards-callouts-grid .callout-alt > a:focus .callout-alt-wrapper {
  background-color: #98102E;
}
.cards-callouts-grid .callout-alt.callout-alt-1 > a {
  padding-bottom: 6px;
}
.cards-callouts-grid .callout-alt.callout-alt-1 > a:hover, .cards-callouts-grid .callout-alt.callout-alt-1 > a:focus {
  text-decoration: none;
}
.cards-callouts-grid .callout-alt.is-in-generic-grid {
  height: 100%;
}
.cards-callouts-grid .callout-alt-wrapper {
  background: #D47070;
  height: 100%;
  padding: 6rem 2rem 6rem;
  text-align: center;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.cards-callouts-grid .callout-alt-wrapper a:after {
  display: none;
}
.cards-callouts-grid .callout-alt-wrapper h3, .cards-callouts-grid .callout-alt-wrapper p {
  color: #FFFFFF;
}
.cards-callouts-grid .callout-alt-wrapper h3 {
  font-size: 2.2rem;
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid .callout-alt-wrapper h3 {
    font-size: 2.4rem;
    line-height: 1;
  }
}
@media only screen and (min-width:1441px) {
  .cards-callouts-grid .callout-alt-wrapper h3 {
    font-size: 2.4rem;
  }
}
.cards-callouts-grid .callout-alt-wrapper .cards-callouts-grid-item-title {
  margin-bottom: 3rem;
  position: relative;
}
.cards-callouts-grid .callout-alt-wrapper .cards-callouts-grid-item-title:after {
  position: absolute;
  right: 0;
  bottom: -2rem;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  height: 6px;
  opacity: 1;
  -webkit-transition: all 0.8s cubic-bezier(0.79, 0.24, 0.51, 0.95);
  transition: all 0.8s cubic-bezier(0.79, 0.24, 0.51, 0.95);
  width: 80px;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (min-width:768px) {
  .cards-callouts-grid .callout-alt-wrapper .cards-callouts-grid-item-title:after {
    bottom: -2rem;
    left: 50%;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.cards-callouts-grid .callout-alt-wrapper.generic-card-wrapper-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cards-callouts-grid .callout-alt-wrapper.generic-card-wrapper-1 i {
  font-size: 6.5rem;
  margin-bottom: 1rem;
  color: #FFFFFF;
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid .callout-alt-wrapper.generic-card-wrapper-1 i {
    font-size: 7rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-callouts-grid .callout-alt-wrapper.generic-card-wrapper-1 i {
    font-size: 8.2rem;
  }
}
.cards-callouts-grid .callout-alt-wrapper.generic-card-wrapper-1 .cards-callouts-grid-item-title {
  margin: 0;
}
.cards-callouts-grid .callout-alt-wrapper.generic-card-wrapper-1 .cards-callouts-grid-item-title:after {
  display: none;
}
.cards-callouts-grid .callout-alt-wrapper.generic-card-wrapper-1.card-wrapper-theme-1 {
  background: #f8a200;
}
.cards-callouts-grid .callout-alt-wrapper.generic-card-wrapper-1.card-wrapper-theme-2 {
  background: #183446;
}
.cards-callouts-grid .callout-alt:hover-wrapper, .cards-callouts-grid .callout-alt:focus-wrapper {
  background: #98102E;
}
.cards-callouts-grid .callout-alt:hover-wrapper.card-wrapper-theme-1, .cards-callouts-grid .callout-alt:focus-wrapper.card-wrapper-theme-1 {
  background: #98102E;
}
.cards-callouts-grid .callout-alt:hover-wrapper.card-wrapper-theme-2, .cards-callouts-grid .callout-alt:focus-wrapper.card-wrapper-theme-2 {
  background: #98102E;
}
@media only screen and (min-width:1024px) {
  .cards-callouts-grid .callout-alt .generic-grid-item.quarter-width {
    width: 25% !important;
  }
  .cards-callouts-grid .callout-alt .generic-grid-item.half-width {
    width: 50% !important;
  }
}
.cards-callouts-grid .callout-with-title-image .cards-callouts-grid-item-title {
  background: #183446;
  color: #FFFFFF;
  padding: 15px;
}

.cards-feature-container {
  width: 100%;
  max-width: 1430px;
  padding: 3rem 11px 5.5rem;
  margin: 0 auto;
}
@media only screen and (min-width:768px) {
  .cards-feature-container {
    padding: 5rem 3rem 5rem;
  }
}
.cards-feature-container.alt-padding {
  padding: 2rem 2rem 5.5rem;
}
@media only screen and (min-width:1024px) {
  .cards-feature-container.alt-padding {
    padding: 2rem 2rem 8rem;
  }
}
.cards-feature-container .section-header {
  text-align: center;
  padding-bottom: 2.5rem;
}
@media only screen and (min-width:1024px) {
  .cards-feature-container .section-header {
    padding-bottom: 4rem;
  }
}
.cards-feature-container-action {
  text-align: center;
}
.cards-feature-container-action .button {
  margin: 3rem auto 0;
}

.cards-feature-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.cards-feature-item {
  display: block;
  margin: 0 0 3rem;
  max-width: 680px;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .cards-feature-item {
    width: 50%;
    margin: 0;
    padding: 0 1rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-feature-item {
    padding: 0 2rem;
  }
}
.cards-feature-item:last-of-type {
  margin-bottom: 0;
}
@media only screen {
  .cards-feature-item-wrapper {
    max-width: 100%;
  }
}
@media only screen and (min-width:768px) {
  .cards-feature-item-wrapper {
    margin: 0 auto;
    max-width: 100%;
  }
}
.cards-feature-item-text, .cards-feature-item-image {
  border: none;
  width: 100%;
}
@media only screen and (min-width:1024px) {
  .cards-feature-item-text, .cards-feature-item-image {
    text-align: left;
  }
}
.cards-feature-item-image {
  background-size: cover;
  padding-bottom: 56%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  min-height: 1px;
  margin-bottom: 2.4rem;
  position: relative;
}
@media only screen and (min-width:768px) {
  .cards-feature-item-image {
    width: 50%;
    max-width: 660px;
  }
}
@media only screen and (min-width:1024px) {
  .cards-feature-item-image {
    width: 55%;
  }
}
@media only screen and (min-width:768px) {
  .cards-feature-item-image {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width:1024px) {
  .cards-feature-item-image {
    width: 100%;
  }
}
.cards-feature-item-image .button-logo {
  max-width: 50%;
}
.cards-feature-item-image .button-play {
  max-width: 100px;
}
.cards-feature-item-image .button-play,
.cards-feature-item-image .button-logo {
  height: auto;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 40%;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  width: auto;
  z-index: 10;
  cursor: pointer;
}
@media only screen and (min-width:768px) {
  .cards-feature-item-image .button-play,
  .cards-feature-item-image .button-logo {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.cards-feature-item-image .button-play span,
.cards-feature-item-image .button-logo span {
  border-bottom: 2rem solid transparent;
  border-left: 3.5rem solid white;
  border-top: 2rem solid transparent;
  display: inline-block;
  height: 0;
  left: 55%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-55%, -50%);
  transform: translate(-55%, -50%);
  width: 0;
}
@media only screen and (min-width:768px) {
  .cards-feature-item-image .button-play span,
  .cards-feature-item-image .button-logo span {
    border-bottom: 1rem solid transparent;
    border-left: 2rem solid white;
    border-top: 1rem solid transparent;
  }
}
@media only screen and (min-width:1024px) {
  .cards-feature-item-image .button-play span,
  .cards-feature-item-image .button-logo span {
    border-bottom: 2rem solid transparent;
    border-left: 3.5rem solid white;
    border-top: 2rem solid transparent;
  }
}
.cards-feature-item-image a {
  border: 0;
}
.cards-feature-item-image img,
.cards-feature-item-image video,
.cards-feature-item-image iframe {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.cards-feature-item-image.img-overlay:before {
  background: rgba(63, 96, 116, 0.4);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cards-feature-item-text {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width:768px) {
  .cards-feature-item-text {
    width: 100%;
    margin-top: 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-feature-item-text {
    margin-top: 3rem;
  }
}
@media only screen and (min-width:768px) {
  .cards-feature-item-text {
    text-align: left;
  }
}
.cards-feature-item-text h3.eyebrow {
  border: none;
  color: #222;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 1.2;
  margin: 0 0 1rem;
  padding: 0;
  text-transform: none;
}
@media only screen and (min-width:1024px) {
  .cards-feature-item-text h3.eyebrow {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width:1441px) {
  .cards-feature-item-text h3.eyebrow {
    font-size: 2.2rem;
  }
}
.cards-feature-item-text-copy {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.466;
  margin-bottom: 0;
  opacity: 0.9;
  padding: 0 0 1rem;
}
@media only screen and (min-width:768px) {
  .cards-feature-item-text-copy {
    padding: 0;
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-feature-item-text-copy {
    font-size: 1.6rem;
    line-height: 1.636;
  }
}
@media only screen and (min-width:1441px) {
  .cards-feature-item-text-copy {
    font-size: 1.6rem;
  }
}
.cards-feature-item-text-action {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.466;
}
@media only screen and (min-width:768px) {
  .cards-feature-item-text-action {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1024px) {
  .cards-feature-item-text-action {
    font-size: 1.8rem;
    line-height: 1.636;
    max-width: 500px;
  }
}
@media only screen and (min-width:1441px) {
  .cards-feature-item-text-action {
    font-size: 1.8rem;
  }
}
.cards-feature-item-text-action a {
  color: #24ADFF;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  position: relative;
  white-space: nowrap;
}
@media only screen and (min-width:1024px) {
  .cards-feature-item-text-action a {
    max-width: 500px;
  }
}
.cards-feature-item-text-action i {
  color: #5AC1FF;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

@media only screen and (min-width:768px) {
  .cards-feature {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .cards-feature.cardsLeft .cards-feature-image {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .cards-feature.cardsLeft .cards-feature-text {
    padding-right: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .cards-feature.cardsRight .cards-feature-image {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .cards-feature.cardsRight .cards-feature-text {
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .cards-feature-text {
    padding: 0;
  }
}
.main-contact-form {
  padding-bottom: 5.5rem;
}

.contact-us-form {
  padding: 0 2rem;
}
@media only screen and (min-width:768px) {
  .contact-us-form {
    padding: 0;
  }
}
.contact-us-form .spray-form-field {
  margin-bottom: 2rem;
}
.contact-us-form .spray-form-field.product-interest {
  margin-top: 3rem;
}
.contact-us-form .spray-form-field fieldset label {
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: 400;
  margin-left: 0.7rem;
}

.g-recaptcha {
  left: -10px;
  margin-bottom: 3rem;
  position: relative;
}
@media screen and (min-width: 330px) {
  .g-recaptcha {
    position: static;
  }
}

.contact-thanks .thank-you-button {
  margin: 2rem auto 0;
  text-align: center;
}
@media only screen and (min-width:768px) {
  .contact-thanks .thank-you-button {
    margin: 3.5rem auto 0;
  }
}
@media only screen and (min-width:1024px) {
  .contact-thanks .thank-you-button {
    margin: 4.5rem auto 0;
  }
}

.header-feature {
  background-attachment: fixed;
  background-color: #EEF1F4;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 3rem 0;
  position: relative;
  -webkit-transition: background-position 0.3s ease;
  transition: background-position 0.3s ease;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .header-feature {
    padding: 4rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .header-feature {
    padding: 5rem 0;
  }
}
.header-feature:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 59, 74, 0.8)), color-stop(56.58%, rgba(33, 59, 74, 0.2)), to(rgba(63, 96, 116, 0)));
  background: linear-gradient(0deg, rgba(33, 59, 74, 0.8) 0%, rgba(33, 59, 74, 0.2) 56.58%, rgba(63, 96, 116, 0) 100%);
  content: "";
}
.header-feature-wrapper {
  margin: auto;
  max-width: 1560px;
  position: relative;
  z-index: 10;
}
.header-feature-wrapper p {
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 auto;
  max-width: 1005px;
  padding: 0 2rem;
  text-align: center;
}
@media only screen and (min-width:1024px) {
  .header-feature-wrapper p {
    font-size: 1.6rem;
    padding: 0 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .header-feature-wrapper p {
    padding: 0 2rem;
  }
}
.header-feature-wrapper p.subtitle {
  font-size: 2.5rem;
}
.header-feature-cta {
  background: rgba(255, 255, 255, 0.85);
  margin: 0 2rem;
  max-width: 1290px;
  padding: 3rem 2rem;
  position: relative;
  text-align: center;
}
@media only screen and (min-width:768px) {
  .header-feature-cta {
    padding: 4rem 4rem;
  }
}
@media only screen and (min-width:1024px) {
  .header-feature-cta {
    padding: 5rem 8rem;
  }
}
@media (min-width: 1330px) {
  .header-feature-cta {
    margin: 0 auto;
  }
}
.header-feature-cta-title {
  color: #3F6074;
  font-size: 10vw;
  font-weight: 100;
  letter-spacing: -0.075rem;
  line-height: 0.85;
  margin-bottom: 1rem;
  text-align: center;
}
@media only screen and (min-width:481px) {
  .header-feature-cta-title {
    font-size: 5rem;
  }
}
@media only screen and (min-width:768px) {
  .header-feature-cta-title {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .header-feature-cta-title {
    font-size: 6.4rem;
    line-height: 0.9;
    margin-bottom: 2rem;
  }
}
.header-feature-cta-subhead {
  color: #2897dc;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.125;
  margin: 0 auto 1rem;
  text-align: center;
}
@media only screen and (min-width:1024px) {
  .header-feature-cta-subhead {
    font-size: 2.2rem;
    line-height: 1.2;
  }
}
.header-feature-cta hr {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  margin: 0 auto 1rem;
  max-width: 79rem;
  padding: 0;
}
@media only screen and (min-width:768px) {
  .header-feature-cta hr {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .header-feature-cta hr {
    margin-bottom: 2rem;
  }
}
.header-feature-cta p {
  color: #3F6074;
  margin: 0 auto 1.4rem;
}
@media only screen and (min-width:1024px) {
  .header-feature-cta p {
    font-size: 1.8rem;
    padding: 0;
  }
}
.header-feature-cta p a {
  color: #006199;
  font-weight: 600;
}
.header-feature-cta p span {
  color: #006199;
}
.header-feature-cta-action {
  color: #006199;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
  margin-bottom: 0.33rem;
  padding: 0 1rem;
}
@media only screen and (min-width:1024px) {
  .header-feature-cta-action {
    font-size: 1.8rem;
  }
}
.header-feature-cta-action a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.header-feature-cta-action i {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.header-feature-cta .button-blue, .header-feature-cta .prod-features-cta-button, .header-feature-cta .order-sum-invoice-button {
  background-color: #0065A4;
  bottom: -2.1rem;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF !important;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  margin: auto;
  padding: 1.2rem 2rem;
  text-transform: uppercase;
}
@media only screen and (min-width:768px) {
  .header-feature-cta .button-blue, .header-feature-cta .prod-features-cta-button, .header-feature-cta .order-sum-invoice-button {
    padding: 1.5rem 3.3rem;
  }
}
@media only screen and (min-width:1024px) {
  .header-feature-cta .button-blue, .header-feature-cta .prod-features-cta-button, .header-feature-cta .order-sum-invoice-button {
    bottom: -4.5rem;
    font-size: 1.4rem;
  }
}
.header-feature-cta .button-blue:hover, .header-feature-cta .prod-features-cta-button:hover, .header-feature-cta .order-sum-invoice-button:hover, .header-feature-cta .button-blue:focus, .header-feature-cta .prod-features-cta-button:focus, .header-feature-cta .order-sum-invoice-button:focus {
  background-color: rgb(0, 69.5914634146, 113);
  -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
}
.header-feature-cta .button-blue:active, .header-feature-cta .prod-features-cta-button:active, .header-feature-cta .order-sum-invoice-button:active {
  background-color: rgb(0, 69.5914634146, 113);
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  color: #FFFFFF;
}
.header-feature.four-O-four {
  margin-bottom: 1rem;
  background-image: url(../images/header_404page.jpg?cb=2019-03-22);
  background-attachment: fixed;
  background-position: center 40px;
  background-repeat: no-repeat;
  height: auto;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  .header-feature.four-O-four {
    background-position: center 135px;
  }
}
.header-feature.four-O-four::after {
  background: none;
}
.header-feature.four-O-four .header-feature-cta {
  margin: 0 auto;
  background: transparent;
  padding: 5rem 2rem;
}
@media only screen and (min-width:481px) {
  .header-feature.four-O-four .header-feature-cta {
    padding: 8rem 4rem 6rem;
  }
}
@media only screen and (min-width:768px) {
  .header-feature.four-O-four .header-feature-cta {
    padding: 10rem 6rem 8rem;
  }
}
.header-feature.four-O-four .header-feature-cta h1, .header-feature.four-O-four .header-feature-cta p, .header-feature.four-O-four .header-feature-cta h3 {
  color: #ffffff;
}
.header-feature.four-O-four .header-feature-cta h1 {
  font-weight: 100;
  font-size: 4.2rem;
}
@media only screen and (min-width:481px) {
  .header-feature.four-O-four .header-feature-cta h1 {
    font-size: 5rem;
  }
}
@media only screen and (min-width:1024px) {
  .header-feature.four-O-four .header-feature-cta h1 {
    font-size: 7rem;
  }
}
@media only screen and (min-width:1441px) {
  .header-feature.four-O-four .header-feature-cta h1 {
    font-size: 7.5rem;
  }
}
.header-feature.four-O-four .header-feature-cta h3 {
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.31px;
  margin-bottom: 1rem;
}
@media only screen and (min-width:768px) {
  .header-feature.four-O-four .header-feature-cta h3 {
    font-size: 2.2rem;
  }
}
.header-feature.four-O-four .header-feature-cta p {
  font-weight: 500;
  font-size: 1.5rem;
}
@media only screen and (min-width:1441px) {
  .header-feature.four-O-four .header-feature-cta p {
    font-size: 1.8rem;
  }
}
.header-feature.four-O-four .header-feature-cta hr {
  border-top: 2px dotted rgba(255, 255, 255, 0.4);
}
@media only screen and (min-width:768px) {
  .header-feature.four-O-four .header-feature-cta hr {
    max-width: 50rem;
  }
}
@media only screen and (min-width:1024px) {
  .header-feature.four-O-four .header-feature-cta .button-blue, .header-feature.four-O-four .header-feature-cta .prod-features-cta-button, .header-feature.four-O-four .header-feature-cta .order-sum-invoice-button {
    bottom: -3rem;
  }
}

.is-scrolled .header-feature.four-O-four {
  background-position: center top;
}
@media screen and (min-width: 1200px) {
  .is-scrolled .header-feature.four-O-four {
    background-position: center 50px;
  }
}

.header-feature-split {
  background: #012b7f;
}
@media only screen and (min-width:1024px) {
  .header-feature-split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4rem;
  }
}
.header-feature-split__media {
  background-size: cover;
  background-position: 50% 50%;
  padding: 33%;
}
@media only screen and (min-width:1024px) {
  .header-feature-split__media {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.header-feature-split__vmedia {
  padding-top: 0;
}
@media only screen and (min-width:1024px) {
  .header-feature-split__vmedia {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header-feature-split__video {
  aspect-ratio: 16/9;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.header-feature-split__content {
  padding: 4.375rem;
  background: #012b7f;
  color: #FFFFFF;
}
@media only screen and (min-width:1024px) {
  .header-feature-split__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.header-feature-split__content p {
  color: rgba(255, 255, 255, 0.7);
}
.header-feature-split__subhead {
  color: #e2d252;
  margin-bottom: 2.5rem;
  font-weight: 400;
  /*style adjustment*/
}
.header-feature-split__subhead.subhead--light {
  color: #FFFFFF;
}
.header-feature-split__subhead.subhead--blue-light {
  color: #67D1FF;
}
.header-feature-split__subhead.subhead--green {
  color: #39B54A;
}
.header-feature-split__title {
  color: #FFFFFF;
  margin-bottom: 1.5rem;
  font-weight: 600;
}
.header-feature-split__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.thin-hero-banner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-top: 8rem;
}
.thin-hero-banner .banner-wrapper {
  padding: 2rem 4rem;
}
@media (min-width: 1201px) {
  .thin-hero-banner .banner-wrapper {
    padding: 2rem 52.5px;
  }
}
@media (min-width: 1441px) {
  .thin-hero-banner .banner-wrapper {
    padding: 2rem 61.25px;
  }
}
.thin-hero-banner .main-title {
  font-size: 1.8rem;
  margin: 0;
  color: #FFFFFF;
  line-height: 4.1rem;
  text-transform: uppercase;
}
@media only screen and (min-width:481px) {
  .thin-hero-banner .main-title {
    font-size: 3.4rem;
  }
}
@media only screen and (min-width:1024px) {
  .thin-hero-banner .main-title {
    font-size: 3.4rem;
  }
}
@media (min-width: 1200px) {
  .thin-hero-banner {
    margin-top: 15rem;
  }
}

.general-content main {
  background-color: #EEF1F4;
}
.general-content .main-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  max-width: 192rem;
  padding: 3rem 0;
  position: relative;
}
@media only screen and (min-width:768px) {
  .general-content .main-wrapper {
    padding: 6rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .general-content .main-wrapper {
    padding: 8rem 0;
  }
}
.general-content .flex-column-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 1024px) and (max-width: 1570px) {
  .general-content .flex-column-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95.4rem;
    flex: 0 0 95.4rem;
    width: auto;
  }
}
@media only screen and (min-width: 1571px) {
  .general-content .flex-column-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
  }
}
.general-content .nav-functional {
  display: none;
  margin: 0;
  padding: 0 2rem;
}
@media only screen and (min-width: 1366px) {
  .general-content .nav-functional {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1;
    margin-top: 1rem;
    max-width: 36.2rem;
    min-width: 22.5rem;
  }
}
.general-content .nav-functional-container {
  list-style-type: none;
  margin: 0;
  padding: 0 4rem 0 0;
}
.general-content .nav-functional-container li {
  display: block;
  margin: 0 0 2.4rem;
  padding: 0;
}
.general-content .nav-functional-container li a {
  color: #3F6074;
  font-size: 2rem;
  font-weight: 500;
  text-transform: capitalize;
}
.general-content .nav-functional-container li.landmark a {
  color: #222222;
  position: relative;
}
.general-content .nav-functional-container li.landmark a:before {
  background-color: #D47070;
  content: "";
  height: 0.6rem;
  width: 100%;
  position: absolute;
  bottom: -1rem;
}
.general-content .nav-functional-container li.landmark a:hover {
  text-decoration: none;
}
.general-content .article {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 95.4rem;
  flex: 0 0 95.4rem;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.general-content .article-sidebar {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin: 3rem auto 0;
  max-width: 95.4rem;
  padding: 0 2rem;
}
@media screen and (min-width: 1571px) {
  .general-content .article-sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36.2rem;
    flex: 0 0 36.2rem;
    margin: 0 auto;
    max-width: 36.2rem;
    padding: 0 2rem 0 2rem;
  }
}
.general-content .article-sidebar-container {
  background-color: #E3E7E9;
  margin: 0;
  padding: 2rem;
}
@media screen and (min-width: 1571px) {
  .general-content .article-sidebar-container {
    min-height: 60.2rem;
  }
}
.general-content .article-sidebar p {
  color: #FFFFFF;
}

.is-scrolled .homepage-header-feature {
  background-position: center -1rem !important;
}

.homepage-header-feature {
  background-position-y: 6rem;
  background-size: 100%;
  max-height: 100%;
  max-width: 100%;
  padding: 3rem 0 !important;
}
@media only screen and (max-width: 480px) {
  .homepage-header-feature {
    background-size: 125%;
  }
}
@media only screen and (min-width:768px) {
  .homepage-header-feature {
    /* max-height: 340px; */
    background-position-y: 5rem;
    background-size: 110%;
    /* padding: 3rem 0 18rem;*/
  }
}
@media only screen and (min-width:1024px) {
  .homepage-header-feature {
    background-size: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .homepage-header-feature {
    background-position-y: 13.5rem;
  }
}
.homepage-header-feature hr {
  width: 97%;
}
.homepage-header-feature-cta {
  margin-bottom: 5rem;
  max-width: 1005px;
}
@media only screen and (min-width:768px) {
  .homepage-header-feature-cta {
    margin: 0 auto;
    padding: 4rem 3.5rem;
  }
}
@media screen and (min-width: 1061px) {
  .homepage-header-feature-cta {
    padding: 4rem 8rem 0;
  }
}
@media only screen and (min-width:1441px) {
  .homepage-header-feature-cta {
    padding: 4rem 3.5rem;
  }
}
.homepage-header-feature-cta-title {
  line-height: 0.85;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width:1024px) and (max-width:1440px) {
  .homepage-header-feature-cta-title {
    font-size: 4.2rem;
    line-height: 0.8636;
  }
}
@media only screen and (min-width:1441px) {
  .homepage-header-feature-cta-title {
    font-size: 4.2rem;
  }
}
.homepage-header-feature-cta-subhead {
  text-transform: none;
}
@media only screen and (min-width:1024px) {
  .homepage-header-feature-cta-subhead {
    font-size: 2.6rem;
    letter-spacing: 0.025rem;
    line-height: 1.6;
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .homepage-header-feature-cta-subhead {
    font-size: 3rem;
  }
}
.homepage-header-feature-cta hr {
  margin-bottom: 1rem;
}
@media only screen and (min-width:1024px) {
  .homepage-header-feature-cta hr {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width:768px) {
  .homepage-header-feature-cta .button-blue, .homepage-header-feature-cta .prod-features-cta-button, .homepage-header-feature-cta .order-sum-invoice-button {
    bottom: -2.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .homepage-header-feature-cta .button-blue, .homepage-header-feature-cta .prod-features-cta-button, .homepage-header-feature-cta .order-sum-invoice-button {
    bottom: -3rem;
  }
}
.is-scrolled .homepage-header-feature {
  background-position: center -1rem;
}

.hero-alt-view {
  position: relative;
}
.hero-alt-view .hero-alt-media {
  padding-top: 48%;
  background-position: 100% 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-alt-view .hero-alt-media.hero-alt-media-mobile {
  background-position: 50%;
}
@media (min-width: 768px) {
  .hero-alt-view .hero-alt-media.hero-alt-media-mobile {
    display: none;
  }
}
.hero-alt-view .hero-alt-media.hero-alt-media-desktop {
  padding-top: 30%;
}
@media (max-width: 767px) {
  .hero-alt-view .hero-alt-media.hero-alt-media-desktop {
    display: none;
  }
}
@media (min-width: 1201px) {
  .hero-alt-view .hero-alt-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .hero-alt-view .hero-alt-content-wrapper > div {
    max-width: 1600px;
    padding: 0 40px;
    margin: 0 auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hero-alt-view .hero-alt-content-wrapper .hero-alt-content {
    max-width: 596px;
  }
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content {
  padding: 20px;
}
@media (min-width: 1201px) {
  .hero-alt-view .hero-alt-content-wrapper .hero-alt-content {
    background: rgba(255, 255, 255, 0.85);
  }
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content p {
  color: #000;
  padding: 0;
}
@media (min-width: 480px) {
  .hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 5px 0;
}
@media (min-width: 480px) {
  .hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div:nth-child(1) {
    padding-right: 10px;
  }
  .hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div:nth-child(2) {
    padding-left: 10px;
  }
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn {
  display: block;
  padding: 12px;
  text-align: center;
  color: #fff;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn:hover, .hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn:focus {
  text-decoration: none;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.btn1 {
  background: #eca400;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.btn1:hover, .hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.btn1:focus {
  background: #98102E;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.btn2 {
  background: #183446;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.btn2:hover, .hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.btn2:focus {
  background: #98102E;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.e-commerce-btn {
  background: #eca400;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.e-commerce-btn:hover, .hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.e-commerce-btn:focus {
  background: #98102E;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.video-btn {
  background: #183446;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.video-btn:hover, .hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.video-btn:focus {
  background: #98102E;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content .actions > div .hero-btn.video-btn:before {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-left-color: inherit;
  -webkit-transform: translate(0, 2px);
  transform: translate(0, 2px);
}
@media (min-width: 1201px) {
  .hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 {
    background: rgba(24, 52, 70, 0.85);
    color: #fff;
  }
  .hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 p {
    color: #fff;
  }
  .hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .hero-alt-title {
    color: #fff;
  }
  .hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .hero-alt-title span {
    color: #fff;
  }
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.btn1 {
  background: #000;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.btn1:hover, .hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.btn1:focus {
  background: #98102E;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.btn2 {
  background: #0065A4;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.btn2:hover, .hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.btn2:focus {
  background: #98102E;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.e-commerce-btn {
  background: #000;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.e-commerce-btn:hover, .hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.e-commerce-btn:focus {
  background: #98102E;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.video-btn {
  background: #0065A4;
}
.hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.video-btn:hover, .hero-alt-view .hero-alt-content-wrapper .hero-alt-content.hero-content-theme-1 .actions > div .hero-btn.video-btn:focus {
  background: #98102E;
}
.hero-alt-view .hero-alt-title {
  text-transform: none;
  line-height: 1;
  font-weight: 700;
  font-size: 3.5rem;
  color: #000;
  margin: 0 0 1rem;
}
.hero-alt-view .hero-alt-title span {
  display: block;
  color: #8e8e8e;
  text-transform: uppercase;
  font-size: 1.8rem;
}
.hero-alt-view .hero-alt-title.hero-alt-title-mobile {
  padding: 30px;
  margin: 0;
  text-align: center;
}
@media (min-width: 1201px) {
  .hero-alt-view .hero-alt-title.hero-alt-title-mobile {
    display: none;
  }
}
@media (max-width: 1200px) {
  .hero-alt-view .hero-alt-title.hero-alt-title-desktop {
    display: none;
  }
}

.hero-alt-newtitle {
  font-weight: 700;
}

.hero-alt-subtitle {
  font-weight: 700;
  text-transform: uppercase;
  color: #8e8e8e;
}

.article-content.main-content {
  background-color: #EEF1F4;
}
.article-content .main-wrapper {
  position: relative;
  margin: auto;
  padding: 2rem 0;
}
@media only screen and (min-width:768px) {
  .article-content .main-wrapper {
    padding: 3rem 0 6rem;
  }
}
@media only screen and (min-width:1024px) {
  .article-content .main-wrapper {
    padding: 4rem 0 8rem;
  }
}
.article-content .article-sidebar {
  margin: 3rem auto 0;
  max-width: 95.4rem;
  width: 100%;
}
@media screen and (min-width: 1570px) {
  .article-content .article-sidebar {
    margin-top: 0;
    padding: 0 8rem 0 2rem;
  }
}
.article-content .article-sidebar-container {
  background-color: #D9DFE3;
  margin: 0;
  padding: 2rem;
  width: 100%;
}
@media screen and (min-width: 1570px) {
  .article-content .article-sidebar-container {
    max-width: 36.2rem;
    min-height: 60.2rem;
    min-width: 22.5rem;
  }
}
.article-content .article-sidebar p {
  color: #FFFFFF;
  text-align: center;
}

.article-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width:768px) {
  .article-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.article-wrapper figure {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .article-wrapper figure {
    width: 50%;
    text-align: center;
  }
}
.article-wrapper figure img {
  width: 100%;
  max-width: 600px;
}

.article {
  margin: 0 auto;
  max-width: 99.4rem;
  padding: 0 2rem;
}
.article-container {
  position: relative;
  background-color: #FFFFFF;
  max-width: 99.4rem;
  padding: 3rem;
}
@media only screen and (min-width:768px) {
  .article-container {
    padding: 4rem;
  }
}
.article figure {
  margin-bottom: 2rem;
}
@media only screen and (min-width:768px) {
  .article figure {
    margin-bottom: 3rem;
  }
}
.article figure .clear {
  clear: both;
}
.article-title {
  color: #3F6074;
  font-size: 4rem;
  font-weight: 100;
  line-height: 1;
  margin: 0 0 2rem;
  padding: 0;
}
@media only screen and (min-width:768px) {
  .article-title {
    font-size: 5.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .article-title {
    font-size: 6.4rem;
  }
}
.article-subhead {
  color: #2897dc;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 3rem;
  padding: 0;
}
@media only screen and (min-width:768px) {
  .article-subhead {
    font-size: 2.1rem;
  }
}
@media only screen and (min-width:1024px) {
  .article-subhead {
    font-size: 2.8rem;
  }
}
.article .article-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 2rem;
}
@media only screen and (min-width:768px) {
  .article .article-meta {
    margin: 0 auto 4rem;
  }
}
.article .article-meta p {
  font-size: 1.8rem;
  margin: 0 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .article .article-meta p {
    margin: 3rem 0 0 2rem;
  }
}
.article .article-meta-author-img {
  border-radius: 50%;
  float: left;
  max-height: 5rem;
  max-width: 5rem;
}
@media screen and (min-width: 768px) {
  .article .article-meta-author-img {
    max-height: 8.6rem;
    max-width: 8.6rem;
  }
}
.article .article-meta-author {
  font-style: italic;
  margin-right: 0.5rem;
  padding-right: 1rem;
}
@media only screen and (min-width:768px) {
  .article .article-meta-author {
    border-right: dotted 2px rgba(63, 96, 116, 0.5);
  }
}
.article .article-meta-date {
  display: block;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .article .article-meta-date {
    display: inline;
  }
}
@media screen and (min-width: 768px) {
  .article .article-meta {
    float: left;
    width: 60%;
  }
}
.article-copy h3 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 0.6rem;
}
@media only screen and (min-width:768px) {
  .article-copy h3 {
    font-size: 2rem;
  }
}
.article-copy ul, .article-copy ol {
  font-weight: normal;
  margin: 1.5rem 0 3rem;
}
@media only screen and (min-width:768px) {
  .article-copy ul, .article-copy ol {
    margin-bottom: 4rem;
  }
}
.article-copy ul li, .article-copy ol li {
  position: relative;
  margin: 0 0 1rem 1.75rem;
}
@media only screen and (min-width:768px) {
  .article-copy ul li, .article-copy ol li {
    margin-left: 3rem;
  }
}
.article-copy p:not(:last-of-type) + ul, .article-copy p:not(:last-of-type) + ol {
  position: relative;
  margin-top: -1.5rem;
}
@media only screen and (min-width:1024px) {
  .article-copy p:not(:last-of-type) + ul, .article-copy p:not(:last-of-type) + ol {
    margin-top: -2.5rem;
  }
}
.article-copy p, .article-copy li {
  color: #3F6074;
  font-size: 1.5rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width:768px) {
  .article-copy p, .article-copy li {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1024px) {
  .article-copy p, .article-copy li {
    font-size: 2rem;
    line-height: 1.45;
    margin-bottom: 4rem;
  }
}
.article-copy p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.article-copy blockquote p {
  color: #3F6074;
  font-size: 2.8rem;
  line-height: 1.1;
}
@media only screen and (min-width:768px) {
  .article-copy blockquote p {
    font-size: 3.2rem;
  }
}

.resource-filters {
  position: fixed;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  background-color: #EEF1F4;
  display: none;
  height: calc(100% - 50px);
  overflow-y: auto;
  padding-bottom: 10rem;
  width: 100%;
  z-index: 50;
  /* custom checkbox */
}
@media only screen and (min-width:768px) {
  .resource-filters {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    padding-bottom: 3rem;
    height: 100%;
    z-index: 31;
  }
}
.resource-filters::-webkit-scrollbar {
  width: 5px;
}
.resource-filters::-webkit-scrollbar-track {
  border-radius: 10px;
}
.resource-filters::-webkit-scrollbar-thumb {
  background-color: #363636;
  border-radius: 10px;
}
.resource-filters-section {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  padding-left: 4.375rem;
}
.resource-filters-section:last-of-type {
  border-bottom: 0;
}
@media only screen and (min-width:768px) {
  .resource-filters-section {
    padding-left: 5.75rem;
  }
}
@media screen and (min-width: 1201px) {
  .resource-filters-section {
    padding-left: 3.5rem;
    margin-left: 2rem;
  }
}
.resource-filters-section-toggle {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.resource-filters-section-title {
  color: #222222;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 2.3rem 2rem 1.9rem 0;
  text-transform: uppercase;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.active .resource-filters-section-title {
  color: #0065A4;
}
.resource-filters-content {
  display: none;
  padding-bottom: 2rem;
}
.resource-filters ul {
  list-style: none !important;
  margin: 0;
}
.resource-filters ul li {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width:1024px) {
  .resource-filters ul li {
    margin-bottom: 0.5rem;
  }
}
.resource-filters ul ul {
  margin-left: 3rem;
}
.resource-filters .filter-sub-menu {
  display: none;
}
.resource-filters label {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 20px;
  color: #3F6074;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  margin-left: -1.75rem;
  padding: 1rem 1.5rem 1rem 4.5rem;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (min-width:1024px) {
  .resource-filters label {
    margin-bottom: 0.5rem;
  }
}
.resource-filters label:before, .resource-filters label:after {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.resource-filters label:before {
  position: absolute;
  top: 50%;
  left: 15px;
  height: 1.5em;
  width: 1.5em;
  background-image: url(../images/template/checkbox.svg);
  background-size: cover;
  content: "";
  margin-top: -14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}
.resource-filters label.checkbox-checked {
  background-color: rgba(63, 96, 116, 0.05);
  color: #222222;
}
.resource-filters label.checkbox-checked:before {
  background-image: url(../images/template/box-checked.svg);
}
.resource-filters [type=checkbox] {
  left: -9999px;
  position: absolute;
}

@media screen and (max-width: 767px) {
  html.filter-open {
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    position: relative;
  }
  .filter-fixed .site-header {
    top: -7rem;
  }
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 4rem;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.pagination:empty {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width:768px) {
  .pagination {
    padding-bottom: 6rem;
  }
}
@media only screen and (min-width:1024px) {
  .pagination {
    padding-bottom: 8rem;
  }
}
.pagination .page-numbers {
  border: 0;
  color: #3F6074;
  display: block;
  font-size: 2rem;
  font-weight: 500;
  height: 5rem;
  padding: 1.6rem 0.5rem;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pagination .page-numbers:hover {
  color: #006199;
  cursor: pointer;
  text-decoration: underline;
}
.pagination .page-numbers:not(.arrow) {
  display: none;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
  color: #24ADFF;
  font-size: 2.75rem;
  padding: 0.9rem 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {
  color: #34C2FF;
  text-decoration: none;
}
.pagination .page-numbers.prev[disabled], .pagination .page-numbers.next[disabled] {
  color: #D9DFE3;
  pointer-events: none;
}
.pagination .page-numbers.prev i:before, .pagination .page-numbers.next i:before {
  display: block;
  position: relative;
}
.pagination .page-numbers.prev span, .pagination .page-numbers.next span {
  color: #222222;
  font-size: 2rem;
  text-decoration: underline;
  padding-right: 3rem;
}
.pagination .page-numbers.prev i:before {
  left: -10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pagination .page-numbers.next i:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media only screen and (min-width:768px) {
  .pagination .page-numbers {
    width: 5rem;
  }
  .pagination .page-numbers:not(.arrow) {
    display: inline-block;
  }
  .pagination .page-numbers.prev i:before, .pagination .page-numbers.next i:before {
    top: 3px;
  }
  .pagination .page-numbers.prev span, .pagination .page-numbers.next span {
    display: none;
  }
  .pagination .page-numbers.current {
    color: #222222;
    display: inline-block;
    position: relative;
  }
  .pagination .page-numbers.current:hover {
    text-decoration: none;
  }
  .pagination .page-numbers.current:after {
    background: #D47070;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 0.6rem;
    left: 50%;
    max-width: 1.2rem;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
}
.process {
  overflow: hidden;
  padding: 4rem 2rem;
}
.process > h2, .process > p {
  margin: 0 auto 2rem;
  max-width: 1200px;
  text-align: center;
}
.process__wrapper {
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
}
@media only screen and (min-width:1024px) {
  .process__wrapper {
    max-width: 960px;
  }
}
@media only screen and (min-width:1441px) {
  .process__wrapper {
    max-width: 1380px;
  }
}
.process__content {
  max-width: 500px;
  width: 100%;
}
.process__content-item {
  background-color: #FFFFFF;
  border-top: 6px solid #D47070;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
}
.process__content-item-title {
  border-bottom: 1px dashed rgba(63, 96, 116, 0.5);
  padding: 2rem;
}
.process__content-item-title h4 {
  font-size: 2.4rem;
  letter-spacing: -0.09px;
  margin-bottom: 0;
  padding: 0 3rem;
}
.process__content-item p {
  margin-bottom: 0;
  padding: 2rem;
}
.process__scene {
  margin-bottom: 2rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 1rem;
  position: relative;
  width: 100%;
}
@media only screen and (min-width:1024px) {
  .process__scene {
    margin-bottom: 0;
  }
}
.process__scene::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 1px #3F6074;
  box-shadow: inset 0 0 0 1px #3F6074;
  border-radius: 10px;
}
.process__scene::-webkit-scrollbar {
  margin-top: 2rem;
  height: 12px;
}
.process__scene::-webkit-scrollbar-thumb {
  background-color: #3F6074;
  border-radius: 10px;
}
.process__scene-image {
  background-repeat: no-repeat;
  background-size: contain;
  height: 358px;
  width: 800px;
}
@media only screen and (min-width:1024px) {
  .process__scene-image {
    height: 429px;
    width: 960px;
  }
}
@media only screen and (min-width:1441px) {
  .process__scene-image {
    height: 635px;
    width: 1380px;
  }
}
.process__point {
  height: 30px;
  width: 30px;
  background-color: #EEF1F4;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  cursor: pointer;
  opacity: 0.8;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.process__point:before {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #222222;
  content: attr(data-point);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.process .slick-arrow {
  position: absolute;
  top: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #24ADFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 4rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 3;
}
.process .icon-arrow--left {
  left: 0.5rem;
}
.process .icon-arrow--left:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.process .icon-arrow--right {
  right: 0.5rem;
}
.process .icon-arrow--right:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.process .slick-list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.process .slick-list .slick-track .slick-slide {
  outline: 0;
}
.process .slick-list .slick-track .slick-slide a {
  outline: 0;
}

/* Loop for active state */
#point1-active [data-point="1"] {
  background-color: #EC3737;
}
#point1-active [data-point="1"]:before {
  color: #FFFFFF;
}

#point2-active [data-point="2"] {
  background-color: #EC3737;
}
#point2-active [data-point="2"]:before {
  color: #FFFFFF;
}

#point3-active [data-point="3"] {
  background-color: #EC3737;
}
#point3-active [data-point="3"]:before {
  color: #FFFFFF;
}

#point4-active [data-point="4"] {
  background-color: #EC3737;
}
#point4-active [data-point="4"]:before {
  color: #FFFFFF;
}

#point5-active [data-point="5"] {
  background-color: #EC3737;
}
#point5-active [data-point="5"]:before {
  color: #FFFFFF;
}

#point6-active [data-point="6"] {
  background-color: #EC3737;
}
#point6-active [data-point="6"]:before {
  color: #FFFFFF;
}

#point7-active [data-point="7"] {
  background-color: #EC3737;
}
#point7-active [data-point="7"]:before {
  color: #FFFFFF;
}

#point8-active [data-point="8"] {
  background-color: #EC3737;
}
#point8-active [data-point="8"]:before {
  color: #FFFFFF;
}

#point9-active [data-point="9"] {
  background-color: #EC3737;
}
#point9-active [data-point="9"]:before {
  color: #FFFFFF;
}

#point10-active [data-point="10"] {
  background-color: #EC3737;
}
#point10-active [data-point="10"]:before {
  color: #FFFFFF;
}

#point11-active [data-point="11"] {
  background-color: #EC3737;
}
#point11-active [data-point="11"]:before {
  color: #FFFFFF;
}

#point12-active [data-point="12"] {
  background-color: #EC3737;
}
#point12-active [data-point="12"]:before {
  color: #FFFFFF;
}

#point13-active [data-point="13"] {
  background-color: #EC3737;
}
#point13-active [data-point="13"]:before {
  color: #FFFFFF;
}

#point14-active [data-point="14"] {
  background-color: #EC3737;
}
#point14-active [data-point="14"]:before {
  color: #FFFFFF;
}

#point15-active [data-point="15"] {
  background-color: #EC3737;
}
#point15-active [data-point="15"]:before {
  color: #FFFFFF;
}

#point16-active [data-point="16"] {
  background-color: #EC3737;
}
#point16-active [data-point="16"]:before {
  color: #FFFFFF;
}

#point17-active [data-point="17"] {
  background-color: #EC3737;
}
#point17-active [data-point="17"]:before {
  color: #FFFFFF;
}

#point18-active [data-point="18"] {
  background-color: #EC3737;
}
#point18-active [data-point="18"]:before {
  color: #FFFFFF;
}

#point19-active [data-point="19"] {
  background-color: #EC3737;
}
#point19-active [data-point="19"]:before {
  color: #FFFFFF;
}

#point20-active [data-point="20"] {
  background-color: #EC3737;
}
#point20-active [data-point="20"]:before {
  color: #FFFFFF;
}

/* refinery datapoints */
.process--refinery .process__point[data-point="1"] {
  left: 180px;
  top: 155px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="1"] {
    left: 224px;
    top: 190px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="1"] {
    left: 335px;
    top: 300px;
  }
}
.process--refinery .process__point[data-point="2"] {
  left: 230px;
  top: 150px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="2"] {
    left: 270px;
    top: 185px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="2"] {
    left: 395px;
    top: 283px;
  }
}
.process--refinery .process__point[data-point="3"] {
  left: 285px;
  top: 95px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="3"] {
    left: 335px;
    top: 127px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="3"] {
    left: 505px;
    top: 186px;
  }
}
.process--refinery .process__point[data-point="4"] {
  left: 270px;
  top: 285px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="4"] {
    left: 325px;
    top: 360px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="4"] {
    left: 481px;
    top: 462px;
  }
}
.process--refinery .process__point[data-point="5"] {
  left: 470px;
  top: 85px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="5"] {
    left: 510px;
    top: 110px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="5"] {
    left: 806px;
    top: 155px;
  }
}
.process--refinery .process__point[data-point="6"] {
  left: 270px;
  top: 254px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="6"] {
    left: 325px;
    top: 329px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="6"] {
    left: 481px;
    top: 431px;
  }
}
.process--refinery .process__point[data-point="7"] {
  left: 420px;
  top: 160px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="7"] {
    left: 460px;
    top: 195px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="7"] {
    left: 732px;
    top: 283px;
  }
}
.process--refinery .process__point[data-point="8"] {
  left: 515px;
  top: 209px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="8"] {
    left: 610px;
    top: 250px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="8"] {
    left: 882px;
    top: 375px;
  }
}
.process--refinery .process__point[data-point="9"] {
  left: 470px;
  top: 116px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="9"] {
    left: 510px;
    top: 141px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="9"] {
    left: 806px;
    top: 186px;
  }
}
.process--refinery .process__point[data-point="10"] {
  left: 270px;
  top: 223px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="10"] {
    left: 325px;
    top: 298px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="10"] {
    left: 481px;
    top: 400px;
  }
}
.process--refinery .process__point[data-point="11"] {
  left: 210px;
  top: 294px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="11"] {
    left: 255px;
    top: 350px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="11"] {
    left: 374px;
    top: 515px;
  }
}
.process--refinery .process__point[data-point="12"] {
  left: 475px;
  top: 305px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="12"] {
    left: 575px;
    top: 370px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="12"] {
    left: 834px;
    top: 541px;
  }
}
.process--refinery .process__point[data-point="13"] {
  left: 470px;
  top: 147px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="13"] {
    left: 510px;
    top: 173px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="13"] {
    left: 806px;
    top: 217px;
  }
}
.process--refinery .process__point[data-point="14"] {
  left: 470px;
  top: 178px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="14"] {
    left: 510px;
    top: 204px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="14"] {
    left: 806px;
    top: 248px;
  }
}
.process--refinery .process__point[data-point="15"] {
  left: 390px;
  top: 160px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="15"] {
    left: 430px;
    top: 195px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="15"] {
    left: 685px;
    top: 283px;
  }
}
.process--refinery .process__point[data-point="16"] {
  left: 470px;
  top: 209px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="16"] {
    left: 510px;
    top: 235px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="16"] {
    left: 806px;
    top: 279px;
  }
}
.process--refinery .process__point[data-point="17"] {
  left: 729px;
  top: 278px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="17"] {
    left: 877px;
    top: 335px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="17"] {
    left: 1266px;
    top: 475px;
  }
}
.process--refinery .process__point[data-point="18"] {
  left: 539px;
  top: 305px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="18"] {
    left: 655px;
    top: 360px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="18"] {
    left: 969px;
    top: 535px;
  }
}
.process--refinery .process__point[data-point="19"] {
  left: 570px;
  top: 305px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="19"] {
    left: 686px;
    top: 360px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="19"] {
    left: 1000px;
    top: 535px;
  }
}
.process--refinery .process__point[data-point="20"] {
  left: 470px;
  top: 240px;
}
@media only screen and (min-width:1024px) {
  .process--refinery .process__point[data-point="20"] {
    left: 510px;
    top: 266px;
  }
}
@media only screen and (min-width:1441px) {
  .process--refinery .process__point[data-point="20"] {
    left: 806px;
    top: 310px;
  }
}

.wysiwyg-content {
  background-color: #FFFFFF;
  padding: 2rem 0;
}
@media only screen and (min-width:1024px) {
  .wysiwyg-content {
    padding: 3.5rem 0;
  }
}
.wysiwyg-content-wrapper {
  margin: 0 auto;
  padding: 0 2rem;
}
@media only screen and (min-width:768px) {
  .wysiwyg-content-wrapper {
    padding: 0 4rem;
  }
}
@media (min-width: 1024px) {
  .wysiwyg-content-wrapper {
    max-width: 1620px;
  }
}
@media (min-width: 1201px) {
  .wysiwyg-content-wrapper {
    padding: 0 10rem;
  }
}
@media (min-width: 1441px) {
  .wysiwyg-content-wrapper {
    padding: 0 12rem;
  }
}

.ecom-header-feature {
  background-color: #3F6074;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, #0065A4), color-stop(85%, #075671));
  background-image: linear-gradient(90deg, #0065A4 15%, #075671 85%);
  padding: 3.4rem 0 2.6rem;
  position: relative;
}
.ecom-header-feature:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#222), color-stop(40%, rgba(34, 34, 34, 0)));
  background-image: linear-gradient(0deg, #222 0%, rgba(34, 34, 34, 0) 40%);
  content: "";
  opacity: 0.21;
  z-index: 0;
}
@media only screen and (min-width:1024px) {
  .ecom-header-feature {
    padding: 4.8rem 0 4rem;
  }
}
.ecom-header-feature .content-wrapper {
  max-width: 100%;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width:1024px) {
  .ecom-header-feature .content-wrapper {
    padding: 0 4rem;
  }
}
@media only screen and (min-width:1441px) {
  .ecom-header-feature .content-wrapper {
    padding: 0 8rem;
  }
}
.ecom-header-feature h1 {
  color: #FFFFFF;
  font-size: 3.8rem;
  font-weight: 100;
  letter-spacing: -0.7px;
  line-height: 0.85;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media only screen and (min-width:481px) {
  .ecom-header-feature h1 {
    font-size: 5rem;
  }
}
@media only screen and (min-width:1024px) {
  .ecom-header-feature h1 {
    font-size: 6.4rem;
  }
}

.header-crumbs {
  margin-bottom: 0.75rem;
}
@media only screen and (min-width:1024px) {
  .header-crumbs {
    margin-bottom: 1.5rem;
  }
}
.header-crumbs a, .header-crumbs span {
  font-size: 1.4rem;
}
@media only screen and (min-width:1024px) {
  .header-crumbs a, .header-crumbs span {
    font-size: 1.6rem;
  }
}
.header-crumbs a {
  font-weight: 600;
  position: relative;
  color: #5AC1FF;
}
.header-crumbs i {
  color: #ffffff;
  opacity: 0.5;
  line-height: 1.1;
  padding-left: 0.25rem;
}
@media only screen and (min-width:768px) {
  .header-crumbs i {
    padding-left: 0.5rem;
    line-height: 1.2;
  }
}
.header-crumbs span {
  color: #FFFFFF;
  font-weight: 500;
}
.header-crumbs span.desktop {
  display: none;
}
@media only screen and (min-width:768px) {
  .header-crumbs span.desktop {
    display: inline-block;
  }
}
.header-crumbs .desktop {
  display: none;
}
@media only screen and (min-width:768px) {
  .header-crumbs .desktop {
    display: inline-block;
  }
}
.header-crumbs .mobile {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (min-width:768px) {
  .header-crumbs .mobile {
    display: none;
  }
}

.nozzle-finder-card {
  background-color: #FFFFFF;
  border-top: 6px solid #D47070;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  margin: 0.25rem;
  min-width: 150px;
  padding: 1rem;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-card {
    margin: 2rem;
    width: 43%;
    padding: 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .nozzle-finder-card {
    width: 28%;
    padding: 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .nozzle-finder-card {
    padding: 4rem;
    width: 22%;
  }
}
.nozzle-finder-card-title {
  color: #222222;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-card-title {
    font-size: 2.4rem;
  }
}
.nozzle-finder-card-img {
  margin: 0 0 1rem;
  text-align: center;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-card-img {
    margin: 0 0 1.6rem;
    text-align: left;
  }
}
.nozzle-finder-card label {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: none;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-card label {
    font-size: 1.6rem;
  }
}
.nozzle-finder-card-table {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    width: 100%;
  }
}
.nozzle-finder-card-label {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  margin-bottom: 0;
  padding: 1rem 0.5rem 0 0;
}
.nozzle-finder-card-label.top {
  border-top: 0;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-card-label {
    font-size: 1.6rem;
    padding: 1rem 1rem 1rem 0;
    width: 44%;
  }
}
.nozzle-finder-card-cell {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  background-color: #EEF1F4;
  color: #7C909B;
  margin-bottom: 0;
  padding: 1rem;
  font-size: 1.4rem;
}
.nozzle-finder-card-cell.top {
  border-top: 0;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-card-cell {
    width: 56%;
    font-size: 1.6rem;
  }
}
.nozzle-finder-card-link {
  margin: 2rem 0 0;
  font-weight: 600;
  font-size: 1.4rem;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-card-link {
    font-size: 1.6rem;
  }
}
.nozzle-finder-card-link i {
  line-height: 1.3;
}

.nozzle-filters-menu-container {
  margin: 0 auto;
  position: relative;
  padding-top: 1rem;
  width: 100%;
  z-index: 50;
  background-color: #EEF1F4;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.8);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.8);
}
@media only screen and (min-width:1024px) {
  .nozzle-filters-menu-container {
    max-width: 1145px;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1145px) {
  .nozzle-filters-menu-container {
    max-width: 100%;
  }
}
.nozzle-filters-menu-container .result-indicator {
  background: #EEF1F4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(255, 255, 255, 0.8)), color-stop(62%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(0, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 62%);
  border-radius: 1px 1px 21px 21px;
  color: #3F6074;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 275px;
  padding: 1rem 1rem;
  bottom: -1.5rem;
  z-index: 5;
  text-align: center;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.8);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.8);
}
.nozzle-filters-menu-container .result-indicator::before {
  content: " ";
  display: block;
  height: 15px;
  width: 20px;
  background-color: #EEF1F4;
  position: absolute;
  top: 0px;
  left: -0.5rem;
  z-index: 10;
}
@media only screen and (min-width:1024px) {
  .nozzle-filters-menu-container .result-indicator::before {
    height: 20px;
    top: -6px;
  }
}
.nozzle-filters-menu-container .result-indicator::after {
  content: " ";
  display: block;
  height: 15px;
  width: 20px;
  background-color: #EEF1F4;
  position: absolute;
  top: 0px;
  right: -1rem;
  z-index: 10;
}
@media only screen and (min-width:1024px) {
  .nozzle-filters-menu-container .result-indicator::after {
    height: 20px;
    top: -6px;
    right: -1rem;
  }
}
.nozzle-filters-menu-container .result-indicator p {
  margin-bottom: 0 !important;
}
.nozzle-filters-menu-container .result-indicator .result-number {
  color: #24ADFF;
  font-weight: 500;
}
.nozzle-filters-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 40;
  padding-bottom: 1rem;
}
@media only screen and (min-width:1024px) {
  .nozzle-filters-menu {
    padding-bottom: 0;
  }
}
.nozzle-filters-menu .nozzle-menu-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.8rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  z-index: 40;
}
@media only screen and (min-width:481px) {
  .nozzle-filters-menu .nozzle-menu-item {
    font-size: 1.5rem;
  }
}
.nozzle-filters-menu .nozzle-menu-item:first-child {
  border: 0;
}
.nozzle-filters-menu .nozzle-menu-item strong {
  color: #222;
}
@media only screen and (min-width:1024px) {
  .nozzle-filters-menu .nozzle-menu-item.menu-filters {
    padding-left: 0;
  }
}
@media only screen and (min-width:1024px) {
  .nozzle-filters-menu .nozzle-menu-item.menu-reset {
    padding-right: 0;
  }
}
.nozzle-filters-menu i {
  font-size: 2rem;
  margin-right: 5px;
  color: #000000;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (min-width: 375px) {
  .nozzle-filters-menu i {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width:481px) {
  .nozzle-filters-menu i {
    font-size: 2.5rem;
  }
}
.nozzle-filters-menu i.icon-filter {
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nozzle-filters-menu i.icon-filter.collapsed {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.nozzle-filters-menu i.icon-reorder {
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
}
.nozzle-filters-menu i.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.nozzle-filters-menu strong {
  margin-right: 5px;
}
.nozzle-filters .advanced-nozzle-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px;
  font-size: 1.5rem;
  margin-bottom: 3rem;
}
.nozzle-filters .advanced-nozzle-menu-item:first-child {
  border: 0;
}
.nozzle-filters .advanced-nozzle-menu-item i {
  font-size: 2rem;
  margin-right: 5px;
  color: #000000;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (min-width: 375px) {
  .nozzle-filters .advanced-nozzle-menu-item i {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width:481px) {
  .nozzle-filters .advanced-nozzle-menu-item i {
    font-size: 2.5rem;
  }
}
.nozzle-filters .advanced-nozzle-menu-item i.icon-filter {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nozzle-filters .advanced-nozzle-menu-item i.collapsed {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.nozzle-filters .filter-text, .nozzle-filters .advanced-filter-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 600;
  height: 18px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (min-width:1024px) {
  .nozzle-filters .filter-text, .nozzle-filters .advanced-filter-text {
    height: 24px;
  }
}
.nozzle-filters .filter-text.collapsed .show-filter-text, .nozzle-filters .filter-text.collapsed .hide-filter-text, .nozzle-filters .advanced-filter-text.collapsed .show-filter-text, .nozzle-filters .advanced-filter-text.collapsed .hide-filter-text {
  top: 0;
}
.nozzle-filters .filter-text.collapsed .metric, .nozzle-filters .filter-text.collapsed .us, .nozzle-filters .filter-text.collapsed .f32 .usa, .f32 .nozzle-filters .filter-text.collapsed .usa, .nozzle-filters .advanced-filter-text.collapsed .metric, .nozzle-filters .advanced-filter-text.collapsed .us, .nozzle-filters .advanced-filter-text.collapsed .f32 .usa, .f32 .nozzle-filters .advanced-filter-text.collapsed .usa {
  top: 1px;
}
.nozzle-filters .show-filter-text,
.nozzle-filters .hide-filter-text,
.nozzle-filters .hide-advanced-filter-text,
.nozzle-filters .show-advanced-filter-text, .nozzle-filters .us, .nozzle-filters .f32 .usa, .f32 .nozzle-filters .usa, .nozzle-filters .metric {
  position: relative;
  top: -18px;
  color: #24ADFF;
  cursor: pointer;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
}
.nozzle-filters .show-filter-text:hover,
.nozzle-filters .hide-filter-text:hover,
.nozzle-filters .hide-advanced-filter-text:hover,
.nozzle-filters .show-advanced-filter-text:hover, .nozzle-filters .us:hover, .nozzle-filters .f32 .usa:hover, .f32 .nozzle-filters .usa:hover, .nozzle-filters .metric:hover {
  text-decoration: underline;
}
@media only screen and (min-width:481px) {
  .nozzle-filters .show-filter-text,
  .nozzle-filters .hide-filter-text,
  .nozzle-filters .hide-advanced-filter-text,
  .nozzle-filters .show-advanced-filter-text, .nozzle-filters .us, .nozzle-filters .f32 .usa, .f32 .nozzle-filters .usa, .nozzle-filters .metric {
    top: -19px;
  }
}
@media only screen and (min-width:1024px) {
  .nozzle-filters .show-filter-text,
  .nozzle-filters .hide-filter-text,
  .nozzle-filters .hide-advanced-filter-text,
  .nozzle-filters .show-advanced-filter-text, .nozzle-filters .us, .nozzle-filters .f32 .usa, .f32 .nozzle-filters .usa, .nozzle-filters .metric {
    top: -22px;
  }
}
.nozzle-filters .advanced-filter-text {
  font-size: 1.4rem;
}
@media only screen and (min-width:768px) {
  .nozzle-filters .advanced-filter-text {
    font-size: 1.6rem;
  }
}
.nozzle-filters .advanced-filter-text.collapsed .show-advanced-filter-text, .nozzle-filters .advanced-filter-text.collapsed .hide-advanced-filter-text {
  top: 0;
}
.nozzle-filters .advanced-wrapper {
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width:1024px) {
  .nozzle-filters .advanced-wrapper p {
    font-size: 1.8rem;
  }
}
.nozzle-filters .advanced-wrapper a {
  font-weight: 600;
}
.nozzle-filters .advanced-wrapper .icon-search {
  color: #222;
  font-size: 2.6rem;
  position: relative;
  top: 2px;
}
.nozzle-filters-wrapper, .nozzle-filters .advanced-nozzle-filters-wrapper {
  margin: 0 auto;
  max-width: 1145px;
}
.nozzle-filters label {
  text-transform: unset;
  font-size: 1.6rem;
}
.nozzle-filters-expanded {
  background: #FFFFFF;
  position: relative;
  text-align: center;
}
.nozzle-filters-expanded .nozzle-filters-form {
  padding: 5rem 0 1rem;
  text-align: left;
}
.nozzle-filters .spray-form-field {
  margin-bottom: 3rem;
  padding: 0 20px;
}
.nozzle-filters .spray-form-field label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  line-height: 1;
  display: inline-block;
}
.nozzle-filters .spray-form-field a.button-gray, .nozzle-filters .spray-form-field .order-card-actions a.reorder-button, .order-card-actions .nozzle-filters .spray-form-field a.reorder-button {
  padding: 0.5rem 0.25rem;
  min-width: 35px;
}
.nozzle-filters .spray-form-field i {
  color: #24ADFF;
}
.nozzle-filters .spray-form-field i.icon-circle-question-mark {
  margin-left: 0.35rem;
  cursor: pointer;
}
.nozzle-filters .spray-form-field i.icon-minus, .nozzle-filters .spray-form-field i.icon-plus {
  color: #3F6074;
  font-size: 3rem;
}
.nozzle-filters .spray-form-field .select-topic, .nozzle-filters .spray-form-field .minus-num, .nozzle-filters .spray-form-field .plus-num {
  border: 1px solid rgba(63, 96, 116, 0.25);
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
}
.nozzle-filters .spray-form-field .select-topic {
  border: none;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 rgba(63, 96, 116, 0.3);
  padding: 1.05rem 4rem 1.25rem 1.2rem;
}
.nozzle-filters .spray-form-field .select-topic:hover {
  -webkit-box-shadow: inset 0 -3px 0 0 #3F6074, 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 -3px 0 0 #3F6074, 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2);
}
@media only screen and (min-width:768px) {
  .nozzle-filters .spray-form-field .select-topic {
    padding: 0.9rem 4rem 1.1rem 1.2rem;
  }
}
.nozzle-filters .spray-form-field .minus-num:focus,
.nozzle-filters .spray-form-field .minus-num:active,
.nozzle-filters .spray-form-field .plus-num:active,
.nozzle-filters .spray-form-field .plus-num:focus {
  -webkit-box-shadow: inset 0 -3px 0 0 #006199;
  box-shadow: inset 0 -3px 0 0 #006199;
}
.nozzle-filters .spray-form-field .product-filter-active {
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #24ADFF;
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 0 0 1px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #24ADFF;
}
.nozzle-filters .spray-form-field .increment-filter-active {
  border: 2.5px solid #24ADFF;
}
.nozzle-filters .spray-form-field .increment-input input {
  border: 0;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.4), inset 0 -3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.4), inset 0 -3px 0 0 rgba(63, 96, 116, 0.2);
  min-width: 50px;
  height: 42px;
  padding: 1.2rem 0.8rem;
}
.nozzle-filters .spray-form-field .increment-input input:active, .nozzle-filters .spray-form-field .increment-input input:focus {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF;
  box-shadow: inset 0 0 0 2.5px #24ADFF;
}
.nozzle-filters .spray-pattern {
  margin-bottom: 1.6rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 440px) and (max-width: 767px) {
  .nozzle-filters .spray-pattern {
    max-width: 350px;
  }
}
.nozzle-filters .spray-pattern-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.6rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width:768px) {
  .nozzle-filters .spray-pattern-flex {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}
@media only screen and (min-width:1024px) {
  .nozzle-filters .spray-pattern-flex {
    margin-top: 1rem;
  }
}
.nozzle-filters .spray-pattern-inner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width:1024px) {
  .nozzle-filters .spray-pattern-inner-wrapper {
    width: 50%;
  }
}
.nozzle-filters .spray-pattern-item {
  cursor: pointer;
  text-align: center;
  max-width: 115px;
  width: 33%;
}
.nozzle-filters .spray-pattern-item label {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: normal;
  margin: 10px 0 0 0;
  text-transform: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.nozzle-filters .spray-pattern-item.selected .spray-pattern-item-inner {
  background: #EEF1F4;
  border: 3px solid #24ADFF;
}
.nozzle-filters .spray-pattern-item.selected .spray-pattern-item-inner svg {
  fill: #222;
  opacity: 1;
}
.nozzle-filters .spray-pattern-item-inner {
  border: 3px solid transparent;
  padding: 15px 10px;
}
.nozzle-filters .spray-pattern-item-inner svg {
  fill: rgb(63, 96, 116);
  opacity: 0.5;
  max-height: 90px;
}
.nozzle-filters .spray-pattern-item-inner svg:hover {
  fill: #3F6074;
  opacity: 1;
}
.nozzle-filters .button-gray, .nozzle-filters .order-card-actions .reorder-button, .order-card-actions .nozzle-filters .reorder-button {
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.nozzle-filters .button-gray:active, .nozzle-filters .order-card-actions .reorder-button:active, .order-card-actions .nozzle-filters .reorder-button:active, .nozzle-filters .button-gray:focus, .nozzle-filters .order-card-actions .reorder-button:focus, .order-card-actions .nozzle-filters .reorder-button:focus {
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2);
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2);
}
.nozzle-filters .button-gray:hover, .nozzle-filters .order-card-actions .reorder-button:hover, .order-card-actions .nozzle-filters .reorder-button:hover {
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #3F6074;
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #3F6074;
  background: #EEF1F4;
}
.nozzle-filters .increment-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}
.nozzle-filters .increment-to {
  padding: 0 0.7rem;
}
@media only screen and (min-width:481px) {
  .nozzle-filters .increment-to {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width:768px) {
  .nozzle-filters .increment-to {
    padding: 0 2rem;
  }
}
.nozzle-filters .increment-input {
  width: 50%;
}
.nozzle-filters .increment-input.advanced {
  width: 100%;
}

@media only screen and (min-width:768px) {
  .nozzle-filters-wrapper, .nozzle-filters .advanced-nozzle-filters-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .nozzle-filters .spray-form-field {
    width: 50%;
  }
  .nozzle-filters .spray-pattern {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .nozzle-filters .spray-pattern-wrapper {
    width: 50%;
  }
  .nozzle-filters .spray-pattern .spray-angle {
    width: 50%;
  }
}
@media only screen and (min-width:768px) and (min-width:768px) {
  .nozzle-filters .spray-pattern .spray-angle {
    margin-bottom: 0;
  }
}
@media only screen and (min-width:768px) {
  .nozzle-filters .increment-input {
    width: 100%;
  }
}
@media only screen and (min-width:1024px) {
  .nozzle-filters select {
    font-size: 1.6rem;
  }
  .nozzle-filters .advanced-wrapper {
    margin-bottom: 3rem;
  }
  .nozzle-filters-menu {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 52px;
    padding-top: 1rem;
  }
  .nozzle-filters-menu .menu-reset {
    border: 0;
    margin-left: auto;
    cursor: pointer;
  }
  .nozzle-filters .nozzle-menu-item {
    font-size: 1.8rem;
  }
  .nozzle-filters-expanded form {
    padding: 75px 0 50px;
  }
  .nozzle-filters .spray-form-field {
    margin-bottom: 4rem;
    width: 33.333%;
  }
  .nozzle-filters .spray-pattern {
    margin-bottom: 3rem;
    width: 100%;
  }
  .nozzle-filters .spray-pattern-wrapper {
    width: 66.66%;
  }
  .nozzle-filters .spray-pattern .spray-angle {
    width: 33.33%;
  }
  .nozzle-filters .spray-pattern-item {
    cursor: pointer;
  }
  .nozzle-filters .spray-pattern-item label {
    font-size: 1.6rem;
  }
  .nozzle-filters .spray-pattern-inner-wrapper {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
  .nozzle-filters .result-indicator {
    font-size: 1.8rem;
    min-width: 340px;
    max-width: 360px;
    bottom: -1.5rem;
  }
  .nozzle-filters .result-indicator p {
    margin-bottom: 0 !important;
  }
  .nozzle-filters .advanced-filter-text {
    font-size: 1.8rem;
    height: 24px;
  }
}
.range-slider {
  width: 100%;
}
.range-slider__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.range-slider input[type=number] {
  padding: 5px 0;
  text-align: center;
  width: 80px;
}
.range-slider .value-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 80px;
  max-width: 80px;
  margin: 0 auto;
}
.range-slider .value-wrapper::after {
  content: "°";
  display: inline-block;
  position: absolute;
  right: 2.3rem;
  top: 1.2rem;
}
.range-slider .range-slider__minus,
.range-slider .range-slider__plus {
  cursor: pointer;
}
.range-slider .range-slider__minus i,
.range-slider .range-slider__plus i {
  color: #24ADFF;
  font-size: 2.5rem;
  position: relative;
  top: 1px;
}
.range-slider .range-slider__value {
  -webkit-box-shadow: inset 0 -3px 0 0 rgba(63, 96, 116, 0.2) !important;
  box-shadow: inset 0 -3px 0 0 rgba(63, 96, 116, 0.2) !important;
  display: none;
  margin: 1rem auto;
  padding: 0 10px 5px;
  max-width: 80px;
  position: relative;
  text-align: center;
}
.range-slider .range-slider__value:focus, .range-slider .range-slider__value:active {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF !important;
  box-shadow: inset 0 0 0 2.5px #24ADFF !important;
}
.range-slider .range-slider__value::-webkit-inner-spin-button, .range-slider .range-slider__value::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.range-slider .range-slider__value::after {
  content: "°";
  display: block;
  height: 10px;
  width: 10px;
  top: 5rem;
  z-index: 100;
}
.range-slider .range-slider__value.show {
  display: inline-block;
}
.range-slider .range-slider__initial {
  -webkit-box-shadow: inset 0 -3px 0 0 rgba(63, 96, 116, 0.2) !important;
  box-shadow: inset 0 -3px 0 0 rgba(63, 96, 116, 0.2) !important;
  display: none;
  margin: 1rem auto;
  padding: 0 10px 5px;
  max-width: 80px;
  position: relative;
  text-align: center;
}
.range-slider .range-slider__initial:focus, .range-slider .range-slider__initial:active {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF !important;
  box-shadow: inset 0 0 0 2.5px #24ADFF !important;
}
.range-slider .range-slider__initial::-webkit-inner-spin-button, .range-slider .range-slider__initial::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.range-slider .range-slider__initial.show {
  display: inline-block;
}

.range-slider__range {
  -webkit-appearance: none;
  background-image: radial-gradient(circle, #A7A9AC 1px, transparent 1px);
  background-repeat: repeat-x;
  background-size: 5px 4px;
  background-position: center;
  opacity: 0.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px 2px;
  max-width: 300px;
  outline: none;
  padding: 0;
  position: relative;
  width: 100%;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #3F6074;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.range-slider__range::-moz-range-thumb {
  background: #3F6074;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.range-slider__range::-ms-track {
  background-color: transparent;
  background-image: radial-gradient(circle, #A7A9AC 1px, transparent 1px);
  background-repeat: repeat-x;
  background-size: 5px 4px;
  background-position: center;
  border-color: transparent;
  color: transparent;
  outline: 0;
}
.range-slider__range::-ms-fill-lower {
  background: transparent;
}
.range-slider__range::-ms-fill-upper {
  background: transparent;
}
.range-slider__range::-ms-thumb {
  background: #3F6074;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
}

::-moz-range-track {
  background: transparent;
  border: 0;
}

input[type=range]::-moz-focus-inner,
input[type=range]::-moz-focus-outer {
  border: 0;
}

.spray-angle-range-icon {
  text-align: center;
  padding-top: 1rem;
}
.spray-angle-range-icon i {
  color: #222222 !important;
  font-size: 5rem;
  line-height: 10px;
}

.spray-form-field.spray-angle {
  padding: 0rem;
}
@media only screen and (min-width:768px) {
  .spray-form-field.spray-angle {
    padding: 0 2rem;
  }
}

.spray-angle-range {
  border-bottom: 60px solid #EEF1F4;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
  height: 0;
  margin: 0 auto;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  width: 0;
}
.spray-angle-range[data-angle^="2"] {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
.spray-angle-range[data-angle^="3"] {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}
.spray-angle-range[data-angle^="4"] {
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
}
.spray-angle-range[data-angle^="5"] {
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}
.spray-angle-range[data-angle^="6"] {
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
}
.spray-angle-range[data-angle^="7"] {
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
}
.spray-angle-range[data-angle^="8"] {
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
}
.spray-angle-range[data-angle^="9"] {
  border-left: 90px solid transparent;
  border-right: 90px solid transparent;
}
.spray-angle-range[data-angle^="10"] {
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
}
.spray-angle-range[data-angle^="11"] {
  border-left: 110px solid transparent;
  border-right: 110px solid transparent;
}
.spray-angle-range[data-angle^="12"] {
  border-left: 120px solid transparent;
  border-right: 120px solid transparent;
}
.spray-angle-range[data-angle^="13"] {
  border-left: 130px solid transparent;
  border-right: 130px solid transparent;
}
.spray-angle-range[data-angle^="14"] {
  border-left: 140px solid transparent;
  border-right: 140px solid transparent;
}
.spray-angle-range[data-angle^="15"] {
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
}
.spray-angle-range[data-angle^="16"] {
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
}
.spray-angle-range[data-angle^="17"] {
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
}
.spray-angle-range[data-angle^="18"] {
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
}
.spray-angle-range[data-angle="0"] {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.spray-angle-range[data-angle="1"] {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.spray-angle-range[data-angle="2"] {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
.spray-angle-range[data-angle="3"] {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.spray-angle-range[data-angle="4"] {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.spray-angle-range[data-angle="5"] {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.spray-angle-range[data-angle="6"] {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.spray-angle-range[data-angle="7"] {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.spray-angle-range[data-angle="8"] {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.spray-angle-range[data-angle="9"] {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}
.spray-angle-range[data-angle="10"] {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.spray-angle-range[data-angle="11"] {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
}
.spray-angle-range[data-angle="12"] {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
.spray-angle-range[data-angle="13"] {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
.spray-angle-range[data-angle="14"] {
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
}
.spray-angle-range[data-angle="15"] {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
.spray-angle-range[data-angle="16"] {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}
.spray-angle-range[data-angle="17"] {
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}
.spray-angle-range[data-angle="18"] {
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
}
.spray-angle-range[data-angle="19"] {
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
}

.nozzle-filters-fixed-container {
  height: 42px;
}

.nozzle-filters-menu-container.affix {
  -webkit-animation: nozzle-filters-mobile forwards 0.5s;
  animation: nozzle-filters-mobile forwards 0.5s;
  position: fixed;
  border-top: 1px solid #D9DFE3;
}
@media screen and (min-width: 1201px) {
  .nozzle-filters-menu-container.affix {
    -webkit-animation: nozzle-filters-desktop forwards 0.5s;
    animation: nozzle-filters-desktop forwards 0.5s;
  }
}
.nozzle-filters-menu-container.affix .menu-filters {
  position: relative;
}
.nozzle-filters-menu-container.affix .menu-filters:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  content: "";
  z-index: 1;
}

.disabled-overlay {
  background-color: rgba(63, 96, 116, 0.5);
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  display: block;
}

@-webkit-keyframes nozzle-filters-mobile {
  0% {
    top: -100px;
  }
  100% {
    top: 0;
  }
}

@keyframes nozzle-filters-mobile {
  0% {
    top: -100px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes nozzle-filters-desktop {
  0% {
    top: -100px;
  }
  100% {
    top: 90px;
  }
}
@keyframes nozzle-filters-desktop {
  0% {
    top: -100px;
  }
  100% {
    top: 90px;
  }
}
.nozzle-tooltip-wrapper {
  position: relative;
}

.nozzle-tooltip {
  display: none;
  position: absolute;
  left: 0rem;
  width: 25rem;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.5);
  box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.5);
  padding: 2rem;
  margin: 0 auto;
  z-index: 502;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.nozzle-tooltip-link {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
}
.nozzle-tooltip-link i {
  font-weight: 600;
}
.nozzle-tooltip i.icon-plus {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 2.6rem;
  color: #000;
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
.nozzle-tooltip i.icon-double-arrow {
  color: #24ADFF;
}
.nozzle-tooltip-title {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.nozzle-tooltip-rule {
  border-top: 6px solid #D47070;
  width: 0;
  text-align: left;
  margin: 0 0 1rem;
  -webkit-transition: width 0.3s ease-in;
  transition: width 0.3s ease-in;
}
.nozzle-tooltip-rule.active {
  width: 60%;
}
.nozzle-tooltip-rule.active:hover {
  width: 40%;
}
.nozzle-tooltip-text {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
.nozzle-tooltip ul {
  font-size: 1.4rem;
  font-weight: 400;
}

.order-card-header {
  background-color: #f6f8f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 1.6rem 2rem 0 2rem;
}
.order-card-header-item {
  margin: 0 0 1.3rem 0;
  padding: 0.25rem 0.25rem 0.25rem 0;
}
.order-card-header-item:first-of-type {
  border-right: 0;
  margin-right: 2rem;
  padding-right: 2rem;
}
.order-card-header-item.order-hide {
  display: none;
}
.order-card-header-item.order-shipto, .order-card-header-item.order-price, .order-card-header-item.order-num-links {
  width: 100%;
}
.order-card-header-item .ship-title {
  display: block;
  pointer-events: none;
}
.order-card-header-item .ship-add {
  display: block;
  font-size: 0.9em;
  margin-top: 0.6rem;
}
.order-card-header-item .ship-add i {
  position: relative;
  top: 2px;
}
.order-card-header-item label {
  color: #3F6074;
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.13px;
  margin-bottom: 0.375rem;
}
@media screen and (min-width: 1625px) {
  .order-card-header-item label {
    font-size: 1.6rem;
  }
}
.order-card-header-item > span {
  color: #222222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.17px;
}
@media screen and (min-width: 1625px) {
  .order-card-header-item > span {
    font-size: 2rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 849px), screen and (min-width: 1024px) {
  .order-card-header-item:first-of-type {
    border-right: 2px dotted rgba(63, 96, 116, 0.2);
  }
  .order-card-header-item.order-shipto {
    border-right: 2px dotted rgba(63, 96, 116, 0.2);
    display: block !important;
    margin-right: 2rem;
    max-width: 220px;
    padding-right: 1.5rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 849px) and (min-width: 1625px), screen and (min-width: 1024px) and (min-width: 1625px) {
  .order-card-header-item.order-shipto {
    margin-right: 3rem;
    padding-right: 2.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 849px), screen and (min-width: 1024px) {
  .order-card-header-item.order-price {
    display: block !important;
    width: auto;
  }
}
@media only screen and (min-width:768px) {
  .order-card-header-item .ship-title {
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    top: -4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3;
  }
}
@media only screen and (min-width:768px) and (min-width: 1625px) {
  .order-card-header-item .ship-title {
    top: 0;
  }
}
@media only screen and (min-width:768px) {
  .order-card-header-item .ship-title:after {
    color: #BFC9D0;
    content: "\e91b";
    font-size: 1.8rem;
    font-family: "icomoon" !important;
    padding-left: 0.25rem;
    position: relative;
    top: 3px;
  }
  .order-card-header-item.ship-to-active .ship-title:after {
    content: "\e916";
  }
  .order-card-header-item .ship-address {
    display: none;
  }
}
@media screen and (min-width: 850px) and (max-width: 1023px), (min-width: 1275px) {
  .order-card-toggle {
    display: none;
  }
  .order-card-header {
    padding: 2.4rem 3rem 1.8rem;
  }
  .order-card-header-item {
    border-right: 2px dotted rgba(63, 96, 116, 0.2);
    margin-bottom: 0;
    margin-right: 2rem;
    padding-right: 2rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}
@media screen and (min-width: 850px) and (max-width: 1023px) and (min-width: 1625px), screen and (min-width: 1275px) and (min-width: 1625px) {
  .order-card-header-item {
    margin-right: 3rem;
    padding-right: 3rem;
  }
  .order-card-header-item:first-of-type {
    margin-right: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (min-width: 850px) and (max-width: 1023px), (min-width: 1275px) {
  .order-card-header-item:first-of-type {
    border-right: 2px dotted rgba(63, 96, 116, 0.2);
  }
  .order-card-header-item.order-hide {
    display: block !important;
    width: auto;
  }
  .order-card-header-item.order-price {
    border-right: 0;
    display: block !important;
  }
  .order-card-header-item.order-num-links {
    border-right: 0;
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
  }
}
.order-card {
  background-color: #FFFFFF;
  border: 1px solid rgba(63, 96, 116, 0.25);
  -webkit-box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15);
  margin-bottom: 2rem;
  position: relative;
}
@media only screen and (min-width:1024px) {
  .order-card {
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width:1441px) {
  .order-card {
    margin-bottom: 5rem;
  }
}
.order-card-toggle {
  position: absolute;
  top: -2px;
  right: 0;
  cursor: pointer;
  height: 72px;
  padding: 8px;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
  width: 100%;
  z-index: 2;
}
.order-card-toggle .bar {
  position: absolute;
  right: 1.5rem;
  bottom: 3rem;
  border-top: 3px solid rgb(187.6363636364, 198.2727272727, 205.3636363636);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 30px;
}
@media only screen and (min-width:481px) {
  .order-card-toggle .bar {
    right: 2rem;
  }
}
.order-card-toggle .bar.lower {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.order-card-active .order-card-toggle .bar.lower {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.order-card-links {
  color: #A7A9AC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 374px) {
  .order-card-links {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1625px) {
  .order-card-links {
    font-size: 2rem;
  }
}
.order-card-links-item {
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0 0.75rem;
}
@media screen and (min-width: 374px) {
  .order-card-links-item {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1625px) {
  .order-card-links-item {
    font-size: 2rem;
  }
}
.order-card-links-item:first-of-type {
  padding-left: 0;
}
.order-card-item {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 2rem;
}
.order-card-item:first-of-type {
  border-top: 0;
}
.order-card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5rem;
  width: 100%;
}
.order-card-image {
  padding-right: 2rem;
  min-width: 105px;
  width: 105px;
}
@media screen and (max-width: 350px) {
  .order-card-image {
    min-width: 85px;
    width: 85px;
  }
}
@media only screen and (min-width:1024px) {
  .order-card-image {
    padding-right: 2rem;
    min-width: 130px;
    width: 130px;
  }
}
@media screen and (min-width: 1275px) {
  .order-card-image {
    padding-right: 3rem;
  }
}
.order-card-title {
  color: #222222;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 0.75rem;
  width: 100%;
}
@media screen and (min-width: 1275px) {
  .order-card-title {
    font-size: 2.4rem;
  }
}
.order-card-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.order-card-meta-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 2px dotted rgba(63, 96, 116, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.25rem 1rem 0.25rem 0;
  padding-right: 1rem;
  position: relative;
}
@media screen and (max-width: 500px) {
  .order-card-meta-item {
    margin-bottom: 0.75rem;
  }
}
.order-card-meta-item:last-of-type {
  border-right: 0;
}
.order-card-meta-item label, .order-card-meta-item span {
  color: #3F6074;
  display: inline-block;
  font-size: 1.3rem;
}
@media screen and (min-width: 1275px) {
  .order-card-meta-item label, .order-card-meta-item span {
    font-size: 1.6rem;
  }
}
.order-card-meta-item label {
  padding-right: 0.5rem;
}
.order-card-meta-item.qty-meta {
  border-right: 0;
}
.order-card-actions {
  line-height: 1;
  margin-bottom: 2rem;
  width: 100%;
}
@media screen and (max-width: 400px) {
  .order-card-actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .order-card-actions .order-card-actions-item {
    width: 49%;
  }
}
.order-card-actions-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.order-card-actions-item i {
  position: absolute;
  left: 0.8rem;
  margin-top: -0.8rem;
  top: 50%;
}
.order-card-actions-item span {
  padding-left: 0.5rem;
}
.order-card-actions .cancel-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding: 1.2rem 2rem;
  font-size: 1.6rem;
}
@media only screen and (min-width:481px) {
  .order-card-actions .cancel-button {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:768px) {
  .order-card-actions .cancel-button {
    font-size: 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .order-card-actions .cancel-button {
    padding: 1.2rem 3rem;
  }
}
.order-card-actions .cancel-button i {
  font-size: 2rem;
  position: absolute;
  left: 0.8rem;
  margin-top: -1rem;
  top: 50%;
}
@media only screen and (min-width:768px) {
  .order-card-actions .cancel-button i {
    font-size: 2.75rem;
    margin-top: -1.2rem;
  }
}
@media only screen and (min-width:1024px) {
  .order-card-actions .cancel-button i {
    font-size: 3.125rem;
    margin-top: -1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .order-card-actions .cancel-button .icon-truck + span {
    padding-left: 1rem;
    letter-spacing: 0.7px;
    margin-right: -1rem;
  }
}
@media screen and (min-width: 1275px) {
  .order-card-actions .cancel-button .icon-truck + span {
    padding-left: 2.25rem;
  }
}
@media only screen and (min-width:1441px) {
  .order-card-actions .cancel-button .icon-truck + span {
    padding-left: 2.75rem;
    letter-spacing: 0.5px;
  }
}
@media screen and (max-width: 400px) {
  .order-card-actions .cancel-button .icon-return + span {
    letter-spacing: 0.8px;
  }
}
@media screen and (max-width: 357px) {
  .order-card-actions .cancel-button .icon-cancel + span {
    letter-spacing: 1.1px;
  }
}
.order-card-actions .cancel-button span {
  padding-left: 1rem;
}
@media only screen and (min-width:481px) {
  .order-card-actions .cancel-button span {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1275px) {
  .order-card-actions .cancel-button span {
    padding-left: 3rem;
  }
}
.order-card-actions .reorder-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding: 1.2rem 2rem;
  font-size: 1.6rem;
}
@media only screen and (min-width:481px) {
  .order-card-actions .reorder-button {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:768px) {
  .order-card-actions .reorder-button {
    font-size: 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .order-card-actions .reorder-button {
    padding: 1.2rem 3rem;
  }
}
.order-card-actions .reorder-button i {
  font-size: 2rem;
  position: absolute;
  left: 0.8rem;
  margin-top: -1rem;
  top: 50%;
}
@media only screen and (min-width:768px) {
  .order-card-actions .reorder-button i {
    font-size: 2.75rem;
    margin-top: -1.2rem;
  }
}
@media only screen and (min-width:1024px) {
  .order-card-actions .reorder-button i {
    font-size: 3.125rem;
    margin-top: -1.5rem;
  }
}
.order-card-actions .reorder-button span {
  padding-left: 1rem;
}
@media only screen and (min-width:481px) {
  .order-card-actions .reorder-button span {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1275px) {
  .order-card-actions .reorder-button span {
    padding-left: 3rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px), (min-width: 1275px) {
  .order-card-item {
    padding: 3rem;
  }
  .order-card-info {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-right: 1.5rem;
    width: calc(100% - 200px);
  }
  .order-card-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 200px;
  }
  .order-card-actions-item {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
  }
  .order-card-actions-item span {
    padding: 0;
  }
}
@media only screen and (min-width:1441px) {
  .order-card-info {
    width: calc(100% - 215px);
  }
  .order-card-actions {
    width: 215px;
  }
}
.order-card-alerts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  width: 100%;
}
@media screen and (min-width: 1625px) {
  .order-card-alerts {
    margin-left: 12rem;
  }
}
.order-card-alerts-item {
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 150px;
  padding: 0 0.5rem;
  position: relative;
  text-align: center;
  width: auto;
}
@media screen and (max-width: 350px) {
  .order-card-alerts-item {
    min-width: 132px;
  }
  .order-card-alerts-item:first-of-type {
    margin-left: -0.5rem;
  }
}
.order-card-alerts-item > i {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  opacity: 0.3;
  position: relative;
  top: -1px;
  z-index: 2;
}
.order-card-alerts-item p {
  font-size: 1.3rem;
  opacity: 0.3;
  margin-bottom: 0.375rem;
  z-index: 2;
}
.order-card-alerts-item p strong {
  display: block;
}
.order-card-alerts-item .add-reminder, .order-card-alerts-item .edit-reminder, .order-card-alerts-item .add-notifications, .order-card-alerts-item .edit-notifications {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
}
.order-card-alerts-item .add-reminder .cancel-text, .order-card-alerts-item .edit-reminder .cancel-text, .order-card-alerts-item .add-notifications .cancel-text, .order-card-alerts-item .edit-notifications .cancel-text {
  display: none;
}
.order-card-alerts-item .add-reminder, .order-card-alerts-item .add-notifications {
  color: #006199;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.order-card-alerts-item .add-reminder i, .order-card-alerts-item .add-notifications i {
  font-size: 2.25rem;
  left: -1.75px;
  position: relative;
  top: 0px;
}
.order-card-alerts-item .edit-reminder, .order-card-alerts-item .edit-notifications {
  display: none;
  margin: 0 auto;
  width: 50px;
}
.order-card-alerts-item.has-value i, .order-card-alerts-item.has-value p {
  opacity: 1;
}
.order-card-alerts-item.has-value .add-reminder, .order-card-alerts-item.has-value .add-notifications {
  display: none;
}
.order-card-alerts-item.has-value .edit-reminder, .order-card-alerts-item.has-value .edit-notifications {
  display: block;
}
.order-card-alerts-item:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  border-width: 20px 15px 0 15px;
  content: "";
  height: 0;
  margin-left: -30px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 0;
  z-index: 1;
}
.order-card-alerts-item.reminder-active:before, .order-card-alerts-item.notifications-active:before {
  bottom: -36px;
}
@media screen and (min-width: 768px) and (max-width: 1023px), (min-width: 1275px) {
  .order-card-alerts-item.reminder-active:before, .order-card-alerts-item.notifications-active:before {
    bottom: -46px;
  }
}
.order-card-alerts-item.reminder-active .icon-circle-plus:before, .order-card-alerts-item.notifications-active .icon-circle-plus:before {
  content: "\e90a";
}
.order-card-alerts-item.reminder-active .edit-text, .order-card-alerts-item.notifications-active .edit-text {
  display: none;
}
.order-card-alerts-item.reminder-active .cancel-text, .order-card-alerts-item.notifications-active .cancel-text {
  display: block;
}

@media screen and (min-width: 675px) {
  .order-card-alerts {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .order-card-alerts-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 2rem;
    padding: 0;
    text-align: left;
    width: auto;
  }
  .order-card-alerts-item.has-value {
    margin-right: 1rem;
  }
  .order-card-alerts-item:last-of-type {
    margin-right: 0;
  }
  .order-card-alerts-item i {
    margin: 0;
    padding-right: 0.5rem;
  }
  .order-card-alerts-item p {
    margin-bottom: 0;
    padding-right: 0.5rem;
  }
  .order-card-alerts-item p strong, .order-card-alerts-item p span {
    display: inline-block;
    padding-right: 0.5rem;
  }
}
@media screen and (min-width: 1275px) {
  .order-card-alerts {
    font-size: 1.6rem;
  }
  .order-card-alerts-item {
    font-size: 1.6rem;
  }
  .order-card-alerts-item p {
    font-size: 1.6rem;
  }
}
.order-card-status {
  background-color: #3F6074;
  border-radius: 15px;
  color: #FFFFFF;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
}
.order-card-status.s-processed {
  background-color: #F5A623;
}
.order-card-status.s-shipped {
  background-color: #7ED321;
}
.order-card-status.s-delivered {
  background-color: #3F6074;
}

@media screen and (min-width: 1275px) {
  .order-card-status {
    font-size: 1.6rem;
    padding: 0.5rem 1.5rem;
  }
}
.order-card-drawer {
  background-color: #075671;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 101, 164, 0.6)), to(#075671));
  background-image: linear-gradient(90deg, rgba(0, 101, 164, 0.6) 0%, #075671 100%);
  display: none;
  -webkit-box-shadow: inset 0 30px 100px -20px rgba(34, 34, 34, 0.8);
  box-shadow: inset 0 30px 100px -20px rgba(34, 34, 34, 0.8);
  padding: 3.8rem 2rem 2rem 2rem;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1023px), (min-width: 1275px) {
  .order-card-drawer {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.order-card-drawer .spray-form label {
  color: #EEF1F4;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.16px;
  text-transform: none;
}
.order-card-drawer .spray-form .field-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.order-card-drawer .spray-form .field-group div {
  width: 48%;
}
.order-card-drawer .spray-form .increment-input {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.order-card-drawer .spray-form .increment-input > a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3F6074;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 30px;
  padding: 1.45rem 0.5rem;
}
@media only screen and (min-width:1441px) {
  .order-card-drawer .spray-form .increment-input > a {
    padding: 1.55rem 0.5rem;
  }
}
.order-card-drawer .spray-form .increment-input > a i {
  font-size: 2rem;
}
.order-card-drawer .spray-form .increment-input > input {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  background-color: #FFFFFF;
  min-width: 60px;
  text-align: center;
  width: 60px;
}
.order-card-drawer .spray-form .increment-input > input::-webkit-inner-spin-button, .order-card-drawer .spray-form .increment-input > input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.order-card-drawer .spray-form-actions a {
  cursor: pointer;
  margin-bottom: 1rem;
}
.order-card-drawer .spray-form-actions .cancel-notifications-button, .order-card-drawer .spray-form-actions .cancel-reminder-button {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 2rem;
  padding-right: 2rem;
}

.set-reminder-success {
  display: none;
  width: 100%;
}
.set-reminder-success-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.set-reminder-success i {
  color: #FFFFFF;
  font-size: 3rem;
  margin-right: 1rem;
  position: relative;
  top: -2px;
}
.set-reminder-success span {
  color: #EEF1F4;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 1.2;
}
.set-reminder .spray-form-actions a:first-of-type {
  margin-right: 0.625rem;
}
.set-reminder .remind-me-every {
  display: none;
}
.set-reminder .spray-form-field {
  max-width: 300px;
}
.set-reminder .reminder-timing-active .remind-me-every {
  display: block;
}

@media screen and (min-width: 768px) and (max-width: 1023px), (min-width: 1275px) {
  .set-reminder-success i {
    font-size: 4rem;
    top: 0;
  }
  .set-reminder-success span {
    font-size: 2rem;
  }
  .set-reminder .spray-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .set-reminder .spray-form-field {
    margin-right: 2rem;
    max-width: 100%;
    width: 275px;
  }
  .set-reminder .spray-form-field:first-of-type {
    width: 200px;
  }
  .set-reminder .spray-form-actions {
    margin-top: 2.1rem;
  }
}
@media screen and (min-width: 1800px) {
  .set-reminder .spray-form-field:first-of-type {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.1rem;
    width: 360px;
  }
  .set-reminder .spray-form-field:first-of-type label {
    min-width: 160px;
  }
}
.set-notifications-success {
  display: none;
  width: 100%;
}
.set-notifications-success-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.set-notifications-success i {
  color: #FFFFFF;
  font-size: 3rem;
  margin-right: 1rem;
  position: relative;
  top: -2px;
}
.set-notifications-success span {
  color: #EEF1F4;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 1.2;
}
.set-notifications .notify-tag-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.set-notifications .notify-tag-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1.25rem 1rem 0;
}
.set-notifications .notify-tag-item > a {
  height: 20px;
  width: 20px;
  background-color: #51879A;
  border-radius: 50%;
  color: #FFFFFF;
  margin-right: 0.75rem;
}
.set-notifications .notify-tag-item > a i {
  font-size: 2rem;
}
.set-notifications .notify-tag-item > a i:before {
  display: block;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.set-notifications .notify-tag-item span {
  color: #EEF1F4;
  font-size: 1.6rem;
  letter-spacing: 0.15px;
}

@media screen and (min-width: 768px) and (max-width: 1023px), (min-width: 1275px) {
  .set-notifications-success i {
    font-size: 4rem;
    top: 0;
  }
  .set-notifications-success span {
    font-size: 2rem;
  }
  .set-notifications .spray-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .set-notifications .spray-form-field.select-users {
    margin-right: 2rem;
    width: 275px;
  }
  .set-notifications .spray-form-field.notify-tag {
    width: calc(100% - 295px);
  }
  .set-notifications .spray-form-actions {
    width: 100%;
  }
  .set-notifications .notify-tag-container {
    padding-top: 1.25rem;
  }
}
@media screen and (min-width: 1625px) {
  .set-notifications .spray-form .notify-tag {
    margin-right: auto;
    width: calc(100% - 615px);
  }
  .set-notifications .spray-form-actions {
    margin-top: 2.1rem;
    width: 320px;
  }
}
.order-filters-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 0;
}
.order-filters-header-container {
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .order-filters-header-container {
    display: none;
  }
}
.order-tabs {
  display: none;
}

@media screen and (min-width: 1280px) {
  .order-tabs {
    border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .order-tabs-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #006199;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.7rem;
    font-weight: 600;
    padding: 1rem 1rem;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .order-tabs-item:hover {
    text-decoration: none;
  }
  .order-tabs-item:hover:after {
    position: absolute;
    right: 1rem;
    bottom: -0.4rem;
    left: 1rem;
    border-bottom: 6px solid #D47070;
    content: "";
    display: block;
    height: 6px;
    width: calc(100% - 2rem);
  }
  .order-tabs-item:after {
    position: absolute;
    right: 1rem;
    bottom: -0.4rem;
    left: 1rem;
    border-bottom: 6px solid #D47070;
    content: "";
    display: none;
    height: 6px;
    width: calc(100% - 2rem);
  }
  .order-tabs-item.active-tab {
    color: #222222;
    pointer-events: none;
  }
  .order-tabs-item.active-tab:hover {
    text-decoration: none;
  }
  .order-tabs-item.active-tab:after {
    display: block;
  }
  .order-tabs-item i {
    color: rgba(7, 86, 113, 0.3);
    font-size: 2rem;
    margin-left: 0.5rem;
    text-align: center;
  }
  .order-tabs-item i:before {
    position: relative;
    top: 0;
  }
}
@media screen and (min-width: 1625px) {
  .order-tabs-item {
    font-size: 1.8rem;
    padding: 1rem 2rem;
  }
  .order-tabs-item:after {
    left: 2rem;
    right: 2rem;
    width: calc(100% - 4rem);
  }
}
@media screen and (min-width: 1810px) {
  .order-tabs-item {
    font-size: 2rem;
    padding: 1rem 3rem;
  }
  .order-tabs-item:after {
    left: 3rem;
    right: 3rem;
    width: calc(100% - 6rem);
  }
}
.order-search-trigger {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.order-search-trigger i {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.5rem;
  height: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  width: 30px;
}
.order-search-trigger .search-text {
  color: #006199;
  font-size: 1.6rem;
  letter-spacing: 0.17px;
}

@media screen and (min-width: 1280px) {
  .order-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .order-filters .order-show-field {
    display: none;
  }
}
.order-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem 1.5rem;
  width: 100%;
}
@media only screen and (min-width:481px) {
  .order-sort {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
  }
}
.order-sort-container {
  display: none;
}
.order-sort-field {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 275px;
}
.order-sort-field label {
  margin-bottom: 0;
  min-width: 110px;
  padding-right: 1rem;
  text-align: right;
}
.order-sort-field label span {
  font-weight: 300;
  text-transform: none;
}
.order-sort-field select {
  width: 165px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .order-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .order-sort-field {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    margin-right: 2rem;
    max-width: 100%;
    width: 100%;
  }
  .order-sort-field:last-of-type {
    margin-right: 0;
  }
  .order-sort-field label {
    margin-bottom: 0.6rem;
    min-width: 0;
    text-align: left;
  }
  .order-sort-field select {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .order-sort {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 2rem 2rem 2rem 0;
  }
  .order-sort-container {
    display: block;
  }
  .order-sort-field {
    margin-bottom: 0;
  }
}
@media only screen and (min-width:1441px) {
  .order-sort {
    padding: 4rem 2rem 4rem 0;
  }
}
.order-search {
  display: none;
}
.order-search-wrapper {
  padding: 1rem 0 1.5rem;
}
.order-search-wrapper label {
  display: none;
}
.order-search-input {
  position: relative;
  width: 100%;
}
.order-search-input input[type=text] {
  background-color: #FFFFFF;
  padding-right: 4rem;
}
.order-search-input input[type=text]::-ms-clear {
  display: none;
}
.order-search-input input[type=submit] {
  position: absolute;
  top: 1px;
  right: 0.75rem;
  background-color: transparent;
  background-image: url(../images/template/magnifying.svg);
  background-position: center 6px;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  font-size: 2rem;
  height: 49px;
  outline: 0;
  text-indent: -9999px;
  width: 38px;
}
.order-search-input-icon {
  font-size: 3rem;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}
.order-search-input-icon.order-search-active i:before {
  content: "\e91b";
  display: block;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media screen and (min-width: 1280px) {
  .order-search {
    display: block;
    margin-left: auto;
  }
  .order-search-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 0rem 2rem 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .order-search-wrapper {
    padding: 4rem 0 4rem 2rem;
  }
}
@media screen and (min-width: 1700px) {
  .order-search {
    width: 420px;
  }
  .order-search label {
    display: block;
    margin-bottom: 0;
    padding-right: 1rem;
  }
}
.order-sum-container {
  background-color: #f6f8f9;
  padding: 2rem;
}
@media only screen and (min-width:768px) {
  .order-sum-container {
    padding: 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .order-sum-container {
    padding: 4rem;
  }
}
.order-sum-title {
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.17px;
  margin-bottom: 1rem;
}

.order-sum {
  margin-bottom: 6.5rem;
}
.order-sum-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.25rem 0;
}
.order-sum-item label, .order-sum-item span {
  color: #222222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.21px;
}
@media only screen and (min-width:768px) {
  .order-sum-item label, .order-sum-item span {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1441px) {
  .order-sum-item label, .order-sum-item span {
    font-size: 2rem;
  }
}
.order-sum-item.order-sum-total label, .order-sum-item.order-sum-total span {
  font-weight: bold;
}
.order-sum-divider {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  padding-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.order-pay-method {
  margin-bottom: 4rem;
}
.order-pay-method-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.order-pay-method-item span {
  color: #222222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.21px;
  margin-left: 1rem;
}
@media only screen and (min-width:768px) {
  .order-pay-method-item span {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1441px) {
  .order-pay-method-item span {
    font-size: 2rem;
  }
}

.reorder-remind-container {
  padding: 0 1rem;
}
.reorder-remind-item {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5rem 0;
}
.reorder-remind-item:first-of-type {
  border-top: 0;
}
.reorder-remind-item-image {
  padding-right: 2rem;
}
.reorder-remind-item-image img {
  min-width: 65px;
  width: 65px;
}
.reorder-remind-item-content {
  padding-right: 2rem;
}
.reorder-remind-title {
  color: #222222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.17px;
  margin-bottom: 1rem;
}
.reorder-remind-date {
  color: #222222;
  font-size: 1.6rem;
  letter-spacing: 0.17px;
  margin-bottom: 1.5rem;
}
.reorder-remind-actions-item {
  border-left: 1px solid rgba(63, 96, 116, 0.4);
  font-size: 1.6rem;
  padding: 0.125rem 0.5rem 0.125rem 0.75rem;
}
.reorder-remind-actions-item:first-of-type {
  border-left: 0;
  padding-left: 0;
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .reorder-remind {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .reorder-remind-item {
    width: 47%;
  }
  .reorder-remind-item:nth-child(2) {
    border-top: 0;
  }
}
.shopping-cart-card {
  padding: 1rem 0;
  position: relative;
}
@media only screen and (min-width:768px) {
  .shopping-cart-card {
    padding: 2rem 0;
  }
}
.shopping-cart-card:first-of-type {
  padding-top: 0;
}
.shopping-cart-card-toggle {
  position: absolute;
  top: -2px;
  right: 0;
  cursor: pointer;
  height: 72px;
  padding: 8px;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
  width: 100%;
  z-index: 2;
}
.shopping-cart-card-item {
  background-color: #FFFFFF;
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  border: 1px solid rgba(63, 96, 116, 0.25);
  -webkit-box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 2rem;
}
.shopping-cart-card-item:first-of-type {
  border-top: 0;
}
.shopping-cart-card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
}
.shopping-cart-card-inner-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.shopping-cart-card-image {
  min-width: 105px;
  padding-right: 1rem;
  width: 105px;
}
@media screen and (max-width: 350px) {
  .shopping-cart-card-image {
    min-width: 85px;
    width: 85px;
  }
}
@media only screen and (min-width:1024px) {
  .shopping-cart-card-image {
    min-width: 130px;
    padding-right: 2rem;
    width: 130px;
  }
}
@media screen and (min-width: 1275px) {
  .shopping-cart-card-image {
    padding-right: 3rem;
  }
}
.shopping-cart-card-title-wrapper {
  width: 100%;
}
.shopping-cart-card-title {
  color: #222222;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 0.89rem;
  width: 100%;
}
@media screen and (min-width: 1275px) {
  .shopping-cart-card-title {
    font-size: 2.4rem;
  }
}
.shopping-cart-card-meta-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: row;
  -ms-flex: row nowrap;
  flex: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.5rem;
  margin-bottom: 1.6rem;
}
.shopping-cart-card-meta-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: inline-block;
  font-size: 1.3rem;
}
.shopping-cart-card-meta-item label, .shopping-cart-card-meta-item span {
  color: #3F6074;
  display: inline-block;
}
@media screen and (min-width: 1275px) {
  .shopping-cart-card-meta-item label, .shopping-cart-card-meta-item span {
    font-size: 1.6rem;
  }
}
.shopping-cart-card-remove {
  margin-left: 10px;
}
.shopping-cart-card-remove-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
@media only screen and (min-width:1024px) {
  .shopping-cart-card-remove-link {
    font-size: 1.6rem;
  }
}
.shopping-cart-card-remove-link i {
  color: #222222;
  font-size: 2.5rem;
  text-decoration: none;
  padding-right: 0.5rem;
}
.shopping-cart-card-qty-increment {
  line-height: 1.5;
  max-width: 160px;
  width: 100%;
}
.shopping-cart-card-qty-increment label {
  margin-bottom: 0;
  margin-right: 1rem;
}
.shopping-cart-card-qty-increment .spray-form-field {
  margin-bottom: 1rem;
  min-width: 160px;
}
.shopping-cart-card-qty-increment a.button-gray, .shopping-cart-card-qty-increment .order-card-actions a.reorder-button, .order-card-actions .shopping-cart-card-qty-increment a.reorder-button {
  max-height: 42px;
  min-width: 35px;
  padding: 0.5rem 0.25rem;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.shopping-cart-card-qty-increment a.button-gray i, .shopping-cart-card-qty-increment .order-card-actions a.reorder-button i, .order-card-actions .shopping-cart-card-qty-increment a.reorder-button i {
  font-size: 3.2rem;
}
.shopping-cart-card-qty-increment a.button-gray:active, .shopping-cart-card-qty-increment .order-card-actions a.reorder-button:active, .order-card-actions .shopping-cart-card-qty-increment a.reorder-button:active, .shopping-cart-card-qty-increment a.button-gray:focus, .shopping-cart-card-qty-increment .order-card-actions a.reorder-button:focus, .order-card-actions .shopping-cart-card-qty-increment a.reorder-button:focus {
  -webkit-box-shadow: inset 0 -3px 0 0 #3F6074, 0 9px 11px -5px rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 -3px 0 0 #3F6074, 0 9px 11px -5px rgba(63, 96, 116, 0.2);
}
.shopping-cart-card-qty-increment .button-gray:hover, .shopping-cart-card-qty-increment .order-card-actions .reorder-button:hover, .order-card-actions .shopping-cart-card-qty-increment .reorder-button:hover {
  background: #EEF1F4;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #3F6074;
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #3F6074;
}
.shopping-cart-card-qty-increment .increment-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}
.shopping-cart-card-qty-increment .increment-to {
  padding: 0 0.7rem;
}
@media only screen and (min-width:481px) {
  .shopping-cart-card-qty-increment .increment-to {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width:768px) {
  .shopping-cart-card-qty-increment .increment-to {
    padding: 0 2rem;
  }
}
.shopping-cart-card-qty-increment .increment-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.shopping-cart-card-qty-increment .increment-input input {
  min-width: 50px;
}
.shopping-cart-card-qty-update {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-left: 3.4rem;
  text-align: left;
}
@media only screen and (min-width:1024px) {
  .shopping-cart-card-qty-update {
    font-size: 1.6rem;
  }
}
.shopping-cart-card-total {
  color: #0065A4;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
  width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .shopping-cart-card-info {
    padding-right: 1.5rem;
  }
  .shopping-cart-card-title-wrapper {
    width: calc(100% - 300px);
  }
  .shopping-cart-card-qty-increment {
    margin: 0 1rem;
    max-width: 160px;
    padding: 0 1.5rem;
  }
  .shopping-cart-card-total {
    font-size: 1.8rem;
    margin: 0 1rem;
    max-width: 100px;
    padding: 1.1rem 1.5rem;
    text-align: right;
  }
}
@media only screen and (min-width:1024px) {
  .shopping-cart-card-item {
    padding: 3rem;
  }
  .shopping-cart-card-info {
    padding-right: 1.5rem;
  }
  .shopping-cart-card-title-wrapper {
    width: calc(100% - 180px);
  }
  .shopping-cart-card-qty-increment {
    margin: 0 1rem;
    padding: 0 1.5rem;
  }
  .shopping-cart-card-qty-increment input {
    min-width: 50px;
  }
  .shopping-cart-card-qty-update {
    line-height: 1.5;
  }
}
@media only screen and (min-width:1441px) {
  .shopping-cart-card-info {
    padding-right: 1.5rem;
  }
  .shopping-cart-card-title-wrapper {
    width: calc(100% - 300px);
  }
  .shopping-cart-card-meta-item {
    font-size: 1.6rem;
  }
  .shopping-cart-card-remove {
    margin-left: 2rem;
  }
  .shopping-cart-card-remove-link {
    font-size: 1.6rem;
  }
  .shopping-cart-card-qty-increment {
    margin: 0 1rem;
    max-width: 160px;
    padding: 0 1.5rem;
  }
  .shopping-cart-card-total {
    font-size: 1.8rem;
    margin: 0 1rem;
    max-width: 100px;
    padding: 1.1rem 1.5rem;
    text-align: right;
  }
}
.shopping-cart .ecom-aside-item {
  margin-bottom: 1rem;
}
.shopping-cart .ecom-aside-item:last-of-type {
  margin-bottom: 3rem;
}
@media only screen and (min-width:1024px) {
  .shopping-cart .ecom-aside-item {
    margin-bottom: 2rem;
  }
}
.shopping-cart .ecom-aside-item .aside-contact-form {
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.25);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.25);
  min-height: auto;
  padding: 2rem;
}
@media only screen and (min-width:1024px) {
  .shopping-cart .ecom-aside-item .aside-contact-form {
    padding: 3rem;
  }
}
.shopping-cart .ecom-aside-item .aside-contact-form .js-slide {
  display: none;
}
.shopping-cart .ecom-aside-item .aside-contact-form .js-toggle {
  top: 1.5rem;
  right: 2rem;
}
@media only screen and (min-width:1024px) {
  .shopping-cart .ecom-aside-item .aside-contact-form .js-toggle {
    top: 2.5rem;
    right: 3rem;
  }
}
.shopping-cart .ecom-aside-item .aside-contact-form.active .js-toggle {
  background: #EC3737;
}
.shopping-cart .ecom-aside-item .aside-contact-form.active .js-toggle .bar {
  border-top: 2px solid #FFFFFF;
}
.shopping-cart .ecom-aside-item .aside-contact-form legend {
  margin-bottom: 0;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
@media only screen and (min-width:768px) {
  .shopping-cart .ecom-aside-item .aside-contact-form legend {
    font-size: 2.4rem;
  }
}
.shopping-cart .ecom-aside-item .aside-contact-form legend:after {
  width: 0;
  -webkit-transition: width 0.3s ease-in;
  transition: width 0.3s ease-in;
}
.shopping-cart .ecom-aside-item .aside-contact-form.active legend {
  margin-bottom: 4rem;
}
.shopping-cart .ecom-aside-item .aside-contact-form.active legend:after {
  width: 80px;
}
.shopping-cart .ecom-aside-item .aside-contact-form .business-info {
  margin-bottom: 0;
}
.shopping-cart .ecom-aside-item .js-toggle {
  background: #EEF1F4;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  display: inline-block;
  height: 3rem;
  margin: 0;
  padding: 0;
  right: 2rem;
  top: 1.35rem;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 3rem;
}
.shopping-cart .ecom-aside-item .js-toggle .bar {
  border-top: 2px solid #222;
  position: absolute;
  right: 0.9rem;
  top: 1.4rem;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 12px;
}
.shopping-cart-checkout-container {
  background-color: #f6f8f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 2rem;
  border: 1px solid rgba(63, 96, 116, 0.25);
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
}
@media only screen and (min-width:1024px) {
  .shopping-cart-checkout-container {
    padding: 3rem;
  }
}
.shopping-cart-checkout {
  text-align: right;
  width: 100%;
}
@media only screen and (min-width:1024px) {
  .shopping-cart-checkout {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
  }
}
.shopping-cart-checkout-item {
  margin-bottom: 1.6rem;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 0.25rem 0;
}
.shopping-cart-checkout-item label {
  font-weight: 500;
  margin-right: 1rem;
}
.shopping-cart-checkout-item label, .shopping-cart-checkout-item span {
  color: #222222;
  font-size: 1.6rem;
}
@media only screen and (min-width:1024px) {
  .shopping-cart-checkout-item label, .shopping-cart-checkout-item span {
    font-size: 1.8rem;
  }
}
.shopping-cart-checkout-item span {
  color: #0065A4;
  font-weight: bold;
}
.shopping-cart-checkout-subtotal {
  text-align: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.shopping-cart-checkout .button-light-blue, .shopping-cart-checkout .checkout-sum-invoice-button, .shopping-cart-checkout .spray-form button, .spray-form .shopping-cart-checkout button, .shopping-cart-checkout .spray-form input[type=button], .spray-form .shopping-cart-checkout input[type=button], .shopping-cart-checkout .spray-form input[type=reset], .spray-form .shopping-cart-checkout input[type=reset], .shopping-cart-checkout .spray-form input[type=submit], .spray-form .shopping-cart-checkout input[type=submit], .shopping-cart-checkout .order-card-actions .cancel-button, .order-card-actions .shopping-cart-checkout .cancel-button {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.prod-add-container {
  background-color: #075671;
  color: #FFFFFF;
  padding: 2rem;
}
@media only screen and (min-width:768px) {
  .prod-add-container {
    padding: 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .prod-add-container {
    padding: 4rem;
  }
}
.prod-add-container label {
  color: #FFFFFF;
}
.prod-add-qty, .prod-add-price {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.prod-add-qty label, .prod-add-price label {
  color: #EEF1F4;
  font-size: 1.6rem;
  letter-spacing: 0.16px;
  margin-bottom: 0;
  padding-right: 1rem;
}
.prod-add-qty input, .prod-add-price input {
  max-width: 100px;
  width: 100px;
}
.prod-add-price {
  margin-bottom: 0.25rem;
}
.prod-add-bulk {
  font-size: 1.6rem;
  letter-spacing: -0.32px;
  margin-bottom: 2rem;
}
.prod-add-bulk a {
  white-space: nowrap;
}
.prod-add-bulk a i {
  position: relative;
  top: 2px;
}
.prod-add-stock {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.prod-add-buttons a {
  display: block;
}
.prod-add-buttons a:first-of-type {
  margin-bottom: 1rem;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .prod-add-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .prod-add-stock {
    margin-bottom: 0;
  }
  .prod-add-buttons {
    padding-left: 1.5rem;
    width: 50%;
  }
}
.product-detail .overlay {
  background-color: rgba(63, 96, 116, 0.5);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.2s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.2s;
  visibility: hidden;
  width: 100%;
  z-index: 902;
}
.product-detail .overlay-active .overlay {
  opacity: 1;
  visibility: visible;
}

.prod-features {
  background-color: #FFFFFF;
  border-top: 6px solid #D47070;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  padding: 2rem;
}
@media only screen and (min-width:768px) {
  .prod-features {
    padding: 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .prod-features {
    padding: 4rem;
  }
}
.prod-features-title {
  color: #222222;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
.prod-features label {
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: none;
}

.prod-config {
  margin-bottom: 2.5rem;
  width: 100%;
}
.prod-config-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0.5rem 0;
  width: 100%;
}
.prod-config-item:first-of-type {
  border-top: 0;
}
.prod-config-item label {
  margin-bottom: 0;
  width: 50%;
}
.prod-config-item select {
  width: 44%;
}

.prod-config-alert {
  margin: 0 auto 2.5rem;
  padding: 1rem;
  text-align: center;
  background-color: #D47070;
  color: #fff;
}

.prod-features-cta {
  margin: 0 auto 5rem;
  text-align: center;
}
.prod-features-cta-title {
  color: #3F6074;
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 1rem;
}
.prod-features-cta-button {
  line-height: 1;
}

.prod-table {
  width: 100%;
}
.prod-table .cold {
  color: #01B01A;
}
.prod-table .hot {
  color: #E94B35;
}
.prod-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  width: 100%;
}
.prod-table-row:first-of-type .prod-table-label,
.prod-table-row:first-of-type .prod-table-cell {
  border-top: 0;
}
.prod-table-label {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  margin-bottom: 0;
  padding: 1rem 1rem 1rem 0;
  width: 56%;
}
.prod-table-cell {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  background-color: #EEF1F4;
  color: #7C909B;
  padding: 1rem;
  width: 44%;
}
.prod-table-cell i {
  position: relative;
  top: 2px;
}

.prod-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.prod-images-container {
  margin-bottom: 4rem;
}
.prod-images img {
  width: 100%;
}
.prod-images-thumbs-item {
  height: 75px;
  width: 75px;
  display: block;
  background-color: #FFFFFF;
  border: 2px solid #CCD3DC;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  margin-bottom: 1.5rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.prod-images-thumbs-item:hover, .prod-images-thumbs-item.active-thumb {
  border-color: #0065A4;
  text-decoration: none;
}
.prod-images-thumbs .prod-images-video {
  padding: 1rem;
  text-align: center;
}
.prod-images-thumbs .prod-images-video i {
  height: 35px;
  width: 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #EEF1F4;
  border-radius: 50%;
  color: #006199;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 4rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
.prod-images-thumbs .prod-images-video i:before {
  position: relative;
  top: 1px;
}
.prod-images-thumbs .prod-images-video span {
  color: #778C98;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 1.5rem;
  letter-spacing: -0.31px;
  font-weight: 900;
  text-transform: uppercase;
}
.prod-images-expand {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
.prod-images-expand i {
  display: block;
  color: #E2E7EA;
  font-size: 3.5rem;
}
@media only screen and (min-width:1024px) {
  .prod-images-expand i {
    font-size: 5rem;
  }
}
.prod-images-large {
  margin-left: 1.5rem;
  width: 100%;
}
.prod-images-large-item {
  background-color: #FFFFFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1.3px solid #EEF1F4;
  min-height: 250px;
  max-height: 400px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .prod-images-large-item {
    min-height: 350px;
    max-height: 500px;
  }
}
@media screen and (min-width: 1600px) {
  .prod-images-large-item {
    min-height: 450px;
    max-height: 600px;
  }
}

.prod-images-download {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 600px), (min-width: 768px) and (max-width: 1023px) {
  .prod-images-download {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .prod-images-download .prod-images-button {
    width: 100%;
  }
  .prod-images-download .prod-images-fineprint {
    margin-top: 1rem;
    text-align: center;
  }
}
.prod-images-download .prod-images-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #EEF1F4;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 183px;
  padding: 1rem 2rem;
  position: relative;
}
@media screen and (min-width: 1560px) {
  .prod-images-download .prod-images-button {
    padding: 2rem;
  }
}
.prod-images-download .prod-images-button:hover {
  background-color: rgb(222.5178571429, 228.25, 233.9821428571);
  text-decoration: none;
}
.prod-images-download .prod-images-button i {
  color: #222222;
  font-size: 2.5rem;
  position: absolute;
  left: 0.8rem;
  margin-top: -1.125rem;
  top: 50%;
}
@media screen and (min-width: 1560px) {
  .prod-images-download .prod-images-button i {
    font-size: 4rem;
    margin-top: -2rem;
  }
}
.prod-images-download .prod-images-button span {
  padding-left: 2rem;
}
@media screen and (min-width: 1560px) {
  .prod-images-download .prod-images-button span {
    font-size: 1.8rem;
    padding-left: 3.25rem;
  }
}
.prod-images-download .prod-images-fineprint {
  color: #3F6074;
  font-size: 1.2rem;
  opacity: 0.8;
  padding-left: 1.5rem;
}
@media only screen and (min-width:768px) {
  .prod-images-download .prod-images-fineprint {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width:1441px) {
  .prod-images-download .prod-images-fineprint {
    font-size: 1.5rem;
  }
}

.prod-tabs-header {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (min-width:1024px) {
  .prod-tabs-header {
    padding-left: 2rem;
  }
}
.prod-tabs-header-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #006199;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1rem 1rem;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.prod-tabs-header-item:hover {
  text-decoration: none;
}
@media screen and (min-width: 375px) {
  .prod-tabs-header-item {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width:768px) {
  .prod-tabs-header-item {
    font-size: 1.7rem;
  }
}
@media only screen and (min-width:1024px) {
  .prod-tabs-header-item {
    padding: 1rem 3rem;
  }
}
@media screen and (min-width: 1025px) {
  .prod-tabs-header-item:hover {
    text-decoration: none;
  }
  .prod-tabs-header-item:hover:after {
    position: absolute;
    right: 1rem;
    bottom: -0.4rem;
    left: 1rem;
    border-bottom: 6px solid #D47070;
    content: "";
    display: block;
    height: 6px;
    width: calc(100% - 2rem);
  }
}
@media only screen and (min-width:1441px) {
  .prod-tabs-header-item {
    font-size: 2rem;
  }
}
.prod-tabs-header-item:after {
  position: absolute;
  right: 1rem;
  bottom: -0.4rem;
  left: 1rem;
  border-bottom: 6px solid #D47070;
  content: "";
  display: none;
  height: 6px;
  width: calc(100% - 2rem);
}
.prod-tabs-header-item.active-tab {
  color: #222222;
  pointer-events: none;
}
.prod-tabs-header-item.active-tab:hover {
  text-decoration: none;
}
.prod-tabs-header-item.active-tab:after {
  display: block;
}
.prod-tabs-header-item i {
  color: rgba(7, 86, 113, 0.3);
  font-size: 2rem;
  margin-left: 0.5rem;
  text-align: center;
}
.prod-tabs-header-item i:before {
  position: relative;
  top: 0;
}

.prod-tabs-item {
  color: #3F6074;
  font-size: 1.8rem;
  padding: 2rem 0;
}
.prod-tabs-item ul {
  font-weight: 400;
  margin-left: 5rem;
}

.sidebar-cards {
  padding-bottom: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width:768px) {
  .sidebar-cards {
    background: none;
    background-color: #EEF1F4;
    padding-bottom: 6rem;
  }
}
@media only screen and (min-width:1024px) {
  .sidebar-cards {
    padding-bottom: 8rem;
  }
}
.sidebar-cards select.no-border {
  border: 0;
}
.sidebar-cards-wrapper {
  margin: auto;
  max-width: 1600px;
  padding: 0.01rem 0 3rem;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-wrapper {
    padding: 0.01rem 2rem 3.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .sidebar-cards-wrapper {
    padding-bottom: 6.4rem;
  }
}
@media only screen and (min-width: 1640px) {
  .sidebar-cards-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.sidebar-cards-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sidebar-cards-grid-item {
  margin-bottom: 1rem;
  padding: 0 1rem;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item {
    border: 0;
    width: 50%;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .sidebar-cards-grid-item {
    width: 33%;
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width:1441px) {
  .sidebar-cards-grid-item {
    width: 25%;
  }
}
.sidebar-cards-grid-item .js-toggle-container {
  display: inline-block;
  height: 60px;
  position: absolute;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item .js-toggle-container {
    pointer-events: none;
  }
}
.sidebar-cards-grid-item .js-toggle {
  background: #EEF1F4;
  display: inline-block;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  height: 3rem;
  margin: 0;
  padding: 0;
  right: 2rem;
  top: 1.35rem;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 3rem;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item .js-toggle {
    display: none;
  }
}
.sidebar-cards-grid-item .js-toggle .bar {
  border-top: 2px solid #222222;
  position: absolute;
  right: 0.9rem;
  top: 1.4rem;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 12px;
}
.sidebar-cards-grid-item-wrapper {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  text-align: left;
}
.sidebar-cards-grid-item-wrapper.blue-background {
  background-color: #3F6074;
}
.sidebar-cards-grid-item-wrapper.blue-background h3, .sidebar-cards-grid-item-wrapper.blue-background p, .sidebar-cards-grid-item-wrapper.blue-background label, .sidebar-cards-grid-item-wrapper.blue-background address {
  color: #ffffff;
}
.sidebar-cards-grid-item-wrapper.active .js-toggle {
  background: #EC3737;
}
.sidebar-cards-grid-item-wrapper.active .js-toggle .bar {
  border-color: #FFFFFF;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .sidebar-cards-grid-item-wrapper.active .sidebar-cards-grid-item-wrapper-content {
    padding: 2rem;
  }
}
.sidebar-cards-grid-item-wrapper.active .sidebar-cards-grid-item-title {
  cursor: default;
  display: inline-block;
}
.sidebar-cards-grid-item-wrapper.active .sidebar-cards-grid-item-title h3:after {
  opacity: 1;
  width: 80px;
}
.sidebar-cards-grid-item-wrapper.active .sidebar-cards-grid-item-content p {
  opacity: 1;
}
.sidebar-cards-grid-item-wrapper.active .sidebar-cards-grid-item-callout-action {
  opacity: 1;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-wrapper {
    -webkit-box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
    box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  }
}
.sidebar-cards-grid-item-content {
  padding: 2rem;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-content {
    padding: 2.4rem 3rem 3rem;
  }
}
.sidebar-cards-grid-item-content .phone {
  color: #222222;
  font-weight: 500;
}
.sidebar-cards-grid-item-content p {
  opacity: 0;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-content p {
    opacity: 1;
  }
}
.sidebar-cards-grid-item-content .no-margin {
  margin-bottom: 0;
}
.sidebar-cards-grid-item-callout-action {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-callout-action {
    opacity: 1;
  }
}
.sidebar-cards-grid-item-callout-action form.find-rep-form:not(:last-of-type) {
  margin-bottom: 2rem;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-rep-zip {
  position: relative;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-rep-zip input.postal-code {
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  padding-right: 3.8rem;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-rep-zip input.postal-code:active, .sidebar-cards-grid-item-callout-action .find-rep-form .find-rep-zip input.postal-code:focus {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF;
  box-shadow: inset 0 0 0 2.5px #24ADFF;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-country {
  margin-bottom: 0;
  position: relative;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-country input.awesomplete {
  padding-right: 3.8rem;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-country .awesomplete {
  background-color: #FFFFFF;
  border: 0;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  display: block;
  width: 100%;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-country .awesomplete::-webkit-calendar-picker-indicator {
  display: none;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-country .awesomplete ul {
  background: #FFFFFF;
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-country .awesomplete ul li {
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-country .awesomplete ul::before {
  background: transparent;
  border: 0;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-country .awesomplete ul li mark {
  background-color: transparent;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .find-country .awesomplete:focus, .sidebar-cards-grid-item-callout-action .find-rep-form .find-country .awesomplete:active {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF;
  box-shadow: inset 0 0 0 2.5px #24ADFF;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .icon-search {
  background-color: transparent;
  background-image: url(../images/template/magnifying.svg);
  background-position: center 6px;
  background-repeat: no-repeat;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  font-size: 2rem;
  height: 30px;
  outline: 0;
  position: absolute;
  right: -10px;
  text-indent: -9999px;
  top: 21px;
  width: 38px;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-callout-action .find-rep-form .icon-search {
    top: 22px;
  }
}
.sidebar-cards-grid-item-callout-action .find-rep-form .icon-search:hover {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.sidebar-cards-grid-item-callout-action .find-rep-form .icon-search:active, .sidebar-cards-grid-item-callout-action .find-rep-form .icon-search:focus {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.sidebar-cards-grid-item-callout-result {
  display: none;
  margin: 2rem 0 3rem;
  line-height: 1.5;
}
.sidebar-cards-grid-item-callout-result p {
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}
.sidebar-cards-grid-item-callout-result p:last-of-type {
  margin-bottom: 0;
  line-height: 1.1;
}
.sidebar-cards-grid-item-callout-result p span {
  font-weight: 500;
}
.sidebar-cards-grid-item-callout-result:last-of-type {
  margin-bottom: none;
}
.sidebar-cards-grid-item-callout-result.show {
  display: block;
}
.sidebar-cards-grid-item-callout-result-office {
  border-bottom: 2px dotted rgba(255, 255, 255, 0.2);
  padding-bottom: 1rem;
  line-height: 1.5;
}
.sidebar-cards-grid-item-copy {
  color: #3F6074;
  display: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.425;
  margin: 0 3rem 0.6rem 2rem;
  opacity: 0.9;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-copy {
    display: block !important;
    margin: 0 3rem 0.6rem 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .sidebar-cards-grid-item-copy {
    font-size: 1.8rem;
    line-height: 1.333;
    margin: 0.5rem 4rem 1.6rem 3rem;
  }
}
.sidebar-cards-grid-item-title {
  display: inline-block;
  width: auto;
  font-weight: 500;
  cursor: default;
}
.sidebar-cards-grid-item-title:hover {
  border: 0;
  text-decoration: none;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .sidebar-cards-grid-item-title {
    cursor: not-allowed;
  }
}
.sidebar-cards-grid-item-title h3 {
  color: #222222;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.31px;
  line-height: 1;
  margin: 0;
  position: relative;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-title h3 {
    margin: 0 0 2.6rem;
  }
}
.sidebar-cards-grid-item-title h3:after {
  background-color: #D47070;
  bottom: -1.3rem;
  content: "";
  height: 6px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 0;
  z-index: 1;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-title h3:after {
    bottom: -1.5rem;
    opacity: 1;
    width: 80px;
  }
}
.sidebar-cards-grid-item-title h3:hover:after {
  width: 100%;
}
.active .sidebar-cards-grid-item-title h3 {
  margin-bottom: 2.4rem;
}
.sidebar-cards-grid-item-copy {
  color: #3F6074;
  display: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.425;
  margin: 0 0 0.6rem 0;
  opacity: 0.9;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-copy {
    display: block !important;
    margin: 0 0 0.6rem 0;
  }
}
@media only screen and (min-width:1024px) and (max-width:1440px) {
  .sidebar-cards-grid-item-copy {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width:1441px) {
  .sidebar-cards-grid-item-copy {
    font-size: 1.8rem;
    line-height: 1.333;
    margin: 0.5rem 0 1.6rem 0;
  }
}
.sidebar-cards-grid-item-callout-action {
  display: none;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-callout-action {
    display: block !important;
  }
}
.sidebar-cards-grid-item-callout-action a {
  color: #006199;
  font-weight: 600;
  line-height: 1;
  margin: 1.5rem 0 3rem;
  position: relative;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item-callout-action a {
    font-size: 1.6rem;
  }
}
.sidebar-cards-grid-item-callout-action i {
  color: #006199;
  font-weight: 600;
  line-height: 1;
}
.sidebar-cards-grid-item hr.js-slide {
  background: none;
  border-top: 2px dotted #E3E7E9;
  display: none;
  left: 0;
  margin-top: auto;
  position: relative;
  right: 0;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item hr.js-slide {
    display: block !important;
  }
}
.sidebar-cards-grid-item span.js-slide, .sidebar-cards-grid-item p.js-slide {
  display: none;
  font-size: 1.6rem;
}
@media only screen and (min-width:768px) {
  .sidebar-cards-grid-item span.js-slide, .sidebar-cards-grid-item p.js-slide {
    display: block !important;
  }
}
.sidebar-cards-grid-item-copy {
  padding-left: 1.5rem;
}
.sidebar-cards-grid-item-copy p {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.285;
  margin: 0 0 0.6rem;
  opacity: 0.9;
}
@media only screen and (min-width:1441px) {
  .sidebar-cards-grid-item-copy p {
    font-size: 1.6rem;
    line-height: 1.125;
  }
}
.sidebar-cards-grid-item-copy a {
  color: #006199;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.25;
}
@media only screen and (min-width:1441px) {
  .sidebar-cards-grid-item-copy a {
    font-size: 1.6rem;
  }
}

.event-card {
  padding-bottom: 3rem;
}
@media only screen and (min-width:768px) {
  .event-card {
    background: none;
    background-color: #EEF1F4;
    padding-bottom: 6rem;
  }
}
@media only screen and (min-width:1024px) {
  .event-card {
    padding-bottom: 8rem;
  }
}
.event-card-wrapper {
  margin: auto;
  max-width: 1600px;
  padding: 0.01rem 0 3rem;
}
@media only screen and (min-width:768px) {
  .event-card-wrapper {
    padding: 0.01rem 2rem 3.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .event-card-wrapper {
    padding-bottom: 6.4rem;
  }
}
@media only screen and (min-width: 1640px) {
  .event-card-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.event-card-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.event-card-grid > p {
  padding-left: 1rem;
}
.event-card-grid-item {
  margin-bottom: 3rem;
  padding: 0 1rem;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .event-card-grid-item {
    border: 0;
    margin-bottom: 3rem;
    padding: 0 1.5rem;
    width: 50%;
  }
}
@media only screen and (min-width:1024px) {
  .event-card-grid-item {
    margin-bottom: 4rem;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .event-card-grid-item {
    margin-bottom: 4rem;
    width: 33.33%;
  }
}
.event-card-grid-item-wrapper {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  text-align: left;
}
@media only screen and (min-width:768px) {
  .event-card-grid-item-wrapper {
    -webkit-box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
    box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  }
}
.event-card-grid-item-wrapper .event-card-information {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  border-top: 2px dotted #E3E7E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  margin-top: auto;
  padding: 1rem 1.5rem;
}
@media only screen and (min-width:768px) {
  .event-card-grid-item-wrapper .event-card-information {
    padding: 1.5rem 2.5rem;
  }
}
.event-card-grid-item-wrapper .event-card-information-content {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
.event-card-grid-item-wrapper .event-card-information i {
  color: #D9DFE3;
  font-size: 3rem;
}
.event-card-grid-item-wrapper .event-card-information span {
  color: #3F6074;
  padding: 0 1rem;
  position: relative;
  white-space: nowrap;
}
.event-card-grid-item-wrapper .event-card-information span:not(:last-child):after {
  background-color: #D9DFE3;
  content: "";
  height: 10px;
  position: absolute;
  right: -2px;
  top: 3px;
  width: 1px;
}
.event-card-grid-item-image-container {
  background-size: cover;
  -webkit-box-shadow: inset 0 0 100px #EEF1F4, inset 0 0 1px rgb(63, 96, 115);
  box-shadow: inset 0 0 100px #EEF1F4, inset 0 0 1px rgb(63, 96, 115);
  min-height: 1px;
  padding-bottom: 55%;
  overflow: hidden;
  position: relative;
}
.event-card-grid-item-image-container.gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#212323), to(#0064A2));
  background-image: linear-gradient(to bottom, #212323, #0064A2);
  background-size: cover;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 1px;
  padding-bottom: 55%;
  position: relative;
}
.event-card-grid-item-image-container.gradient .icon-calendar {
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  font-size: 12rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
}
.event-card-grid-item-image {
  cursor: pointer;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  z-index: 10;
}
.event-card-grid-item-image.tiered-card-image {
  max-width: 100%;
}
.event-card-grid-item-content {
  padding: 1.5rem;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
@media only screen and (min-width:768px) {
  .event-card-grid-item-content {
    padding: 2.4rem 3rem 2rem;
  }
}
.event-card-grid-item-copy {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.425;
  margin: 0 3rem 0.6rem 2rem;
  opacity: 0.9;
}
@media only screen and (min-width:768px) {
  .event-card-grid-item-copy {
    margin: 0 3rem 0.6rem 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .event-card-grid-item-copy {
    font-size: 1.8rem;
    line-height: 1.333;
    margin: 0.5rem 4rem 1.6rem 3rem;
  }
}
.event-card-grid-item-title {
  display: inline-block;
  width: auto;
}
.event-card-grid-item-title:hover {
  border: 0;
  text-decoration: none;
}
@media only screen and (max-width: 480px), only screen and (min-width:481px) and (max-width:767px) {
  .event-card-grid-item-title {
    cursor: not-allowed;
    pointer-events: none;
  }
}
.event-card-grid-item-title h3 {
  color: #222222;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.31px;
  line-height: 1;
  margin-bottom: 1rem;
  position: relative;
}
@media only screen and (min-width:768px) {
  .event-card-grid-item-title h3 {
    font-size: 2.4rem;
    margin: 0 0 1.6rem;
  }
}
@media only screen and (min-width:1441px) {
  .event-card-grid-item-title h3 {
    font-size: 2.8rem;
  }
}
.event-card-grid-item-title h3:after {
  background-color: #D47070;
  bottom: -1.3rem;
  content: "";
  height: 6px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 80px;
  z-index: 1;
}
@media only screen and (min-width:768px) {
  .event-card-grid-item-title h3:after {
    bottom: -1.5rem;
  }
}
.event-card-grid-item-title h3:hover:after {
  width: 100%;
}
.active .event-card-grid-item-title h3 {
  margin-bottom: 2.4rem;
}
.event-card-grid-item-title p {
  color: black;
}
.event-card-grid-item-copy {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.425;
  margin: 1.5rem 0;
  opacity: 0.9;
}
@media only screen and (min-width:1024px) and (max-width:1440px) {
  .event-card-grid-item-copy {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width:768px) {
  .event-card-grid-item-callout-action {
    display: block !important;
  }
}
.event-card-grid-item-callout-action a {
  color: #006199;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1;
  margin: 1.5rem 0 3rem;
  position: relative;
}
@media only screen and (min-width:768px) {
  .event-card-grid-item-callout-action a {
    font-size: 1.6rem;
  }
}
.event-card-grid-item-callout-action i {
  color: #006199;
  font-weight: 600;
  line-height: 1;
}
.event-card-grid-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.event-card-grid-item-amount {
  color: spray-blue;
  font-family: "mr-eaves-xl-modern-narrow", sans-serif;
  font-size: 4rem;
  font-weight: 900;
  line-height: 0.8;
  text-transform: uppercase;
}
.event-card-grid-item-copy p {
  color: #3F6074;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.285;
  margin: 0 0 0.6rem;
  opacity: 0.9;
}
@media only screen and (min-width:1441px) {
  .event-card-grid-item-copy p {
    font-size: 1.6rem;
    line-height: 1.125;
  }
}
.event-card-grid-item-copy a {
  color: #006199;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.25;
}
@media only screen and (min-width:1441px) {
  .event-card-grid-item-copy a {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width:768px) {
  html.filter-open .resource-grid-main .event-card-grid-item {
    width: 100%;
  }
}
@media only screen and (min-width:1024px) {
  html.filter-open .resource-grid-main .event-card-grid-item {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  html.filter-open .resource-grid-main .event-card-grid-item {
    width: 33.33%;
  }
}
@media screen and (min-width: 1600px) {
  html.filter-open .resource-grid-main .event-card-grid-item {
    width: 25%;
  }
}
.event-filters {
  position: fixed;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  background-color: #EEF1F4;
  display: none;
  height: calc(100% - 50px);
  overflow-y: auto;
  padding-bottom: 10rem;
  width: 100%;
  z-index: 50;
  /* custom checkbox */
}
@media only screen and (min-width:768px) {
  .event-filters {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    padding-bottom: 3rem;
    height: 100%;
    z-index: 31;
  }
}
.event-filters::-webkit-scrollbar {
  width: 5px;
}
.event-filters::-webkit-scrollbar-track {
  border-radius: 10px;
}
.event-filters::-webkit-scrollbar-thumb {
  background-color: #363636;
  border-radius: 10px;
}
.event-filters-section {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  padding-left: 4.375rem;
}
.event-filters-section:last-of-type {
  border-bottom: 0;
}
@media only screen and (min-width:768px) {
  .event-filters-section {
    padding-left: 5.75rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1201px) {
  .event-filters-section {
    padding-left: 3.5rem;
    margin-left: 2rem;
  }
}
.event-filters-section.checkbox-toggle {
  padding-left: 1.2rem;
}
@media only screen and (min-width:768px) {
  .event-filters-section.checkbox-toggle {
    margin-left: 1.7rem;
    padding-left: 0.5rem;
  }
}
.event-filters-section.checkbox-toggle label {
  margin-bottom: 0;
  padding: 0 0 0 4.5rem;
}
.event-filters-section.checkbox-toggle label span {
  padding-left: 0.5rem;
}
.event-filters-section.checkbox-toggle label.checkbox-checked {
  background-color: transparent;
  margin-bottom: 0;
}
.event-filters-section.checkbox-toggle label.checkbox-checked .event-filters-section-title {
  color: #0065A4;
}
.event-filters-section-toggle {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.event-filters-section-toggle label.checkbox:before {
  font-size: 2rem;
}
.event-filters-section-title {
  color: #222222;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 2.3rem 2rem 1.9rem 0rem;
  text-transform: uppercase;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.active .event-filters-section-title {
  color: #0065A4;
}
.event-filters-content {
  display: none;
  padding-bottom: 2rem;
}
.event-filters ul {
  list-style: none;
  margin: 0;
}
.event-filters ul li {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width:1024px) {
  .event-filters ul li {
    margin-bottom: 0.5rem;
  }
}
.event-filters ul ul {
  margin-left: 3rem;
}
.event-filters .filter-sub-menu {
  display: none;
}
.event-filters label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  color: #3F6074;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  margin-left: -1.75rem;
  padding: 1rem 1.5rem 1rem 4.5rem;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (min-width:1024px) {
  .event-filters label {
    margin-bottom: 0.5rem;
  }
}
.event-filters label:before, .event-filters label:after {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.event-filters label:before {
  position: absolute;
  top: 50%;
  left: 15px;
  height: 1.5em;
  width: 1.5em;
  background-image: url(../images/template/checkbox.svg);
  background-size: cover;
  content: "";
  margin-top: -14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}
.event-filters label.checkbox-checked {
  background-color: rgba(63, 96, 116, 0.05);
  color: #222222;
}
.event-filters label.checkbox-checked:before {
  background-image: url(../images/template/box-checked.svg);
}
.event-filters [type=checkbox] {
  left: -9999px;
  position: absolute;
}

@media screen and (max-width: 767px) {
  html.filter-open {
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    position: relative;
  }
  .filter-fixed .site-header {
    top: -7rem;
  }
}
.checkout-sum-container {
  background-color: #f6f8f9;
  border: 1px solid rgba(63, 96, 116, 0.25);
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  margin-bottom: 2rem;
  padding: 2rem;
}
@media only screen and (min-width:768px) {
  .checkout-sum-container {
    margin-top: 2rem;
    max-height: 330px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 3rem;
    width: 40%;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-sum-container {
    width: 30%;
    margin-right: 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .checkout-sum-container {
    max-height: 360px;
    padding: 4rem;
  }
}
.checkout-sum-title {
  color: #222222;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width:768px) {
  .checkout-sum-title {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-sum-title {
    font-size: 2.8rem;
  }
}

.checkout-sum {
  margin-bottom: 1.6rem;
}
.checkout-sum-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.25rem 0;
}
.checkout-sum-item label, .checkout-sum-item span {
  color: #222222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.21px;
}
@media only screen and (min-width:1441px) {
  .checkout-sum-item label, .checkout-sum-item span {
    font-size: 1.8rem;
  }
}
.checkout-sum-item.checkout-sum-total label, .checkout-sum-item.checkout-sum-total span {
  font-weight: bold;
}
.checkout-sum-item.checkout-sum-total span {
  color: #0065A4;
}
.checkout-sum-divider {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.order-pay-method {
  margin-bottom: 4rem;
}
.order-pay-method-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.order-pay-method-item span {
  color: #222222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.21px;
  margin-left: 1rem;
}
@media only screen and (min-width:768px) {
  .order-pay-method-item span {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width:1441px) {
  .order-pay-method-item span {
    font-size: 2rem;
  }
}

.checkout-sum-invoice-button {
  font-size: 2rem;
  width: 100%;
}

.checkout-process {
  padding: 0;
}
@media only screen and (min-width:768px) {
  .checkout-process {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 1.2rem 3rem 0 0;
    width: 60%;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-process {
    margin-top: -2rem;
    padding: 2rem 0 0;
    width: 65%;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-process {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.checkout-process a {
  cursor: pointer;
}
.checkout-process label {
  color: #222222;
  font-size: 1.6rem;
  font-weight: 500;
}
.checkout-process [type=radio]:not(:checked) + label:before, .checkout-process [type=radio]:checked + label:before {
  top: 0;
}
.checkout-process-item-outer {
  padding: 1.2rem 0;
}
@media only screen and (min-width:1024px) {
  .checkout-process-item-outer {
    padding: 2rem;
    width: 50%;
  }
}
.checkout-process-payment, .checkout-process-billing, .checkout-process-shipping, .checkout-process-method {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  height: 100%;
  padding: 0 1rem 2.5rem;
}
@media only screen and (min-width:768px) {
  .checkout-process-payment, .checkout-process-billing, .checkout-process-shipping, .checkout-process-method {
    padding: 0 0 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .checkout-process-payment {
    margin-right: 2rem;
  }
}
.checkout-process-title {
  color: #222222;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin-bottom: 1.7rem;
}
@media only screen and (min-width:768px) {
  .checkout-process-title {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-process-title {
    font-size: 2.8rem;
  }
}
.checkout-process-cc {
  color: #222222;
}
.checkout-process-cc .user-cc {
  margin-left: 3.25rem;
  padding: 1.6rem 0;
}
.checkout-process-cc .user-cc-default {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}
.checkout-process-cc .user-cc-default img {
  max-height: 35px;
  max-width: 50px;
}
.checkout-process-cc .user-cc-change {
  font-size: 1.4rem;
  margin: 1rem 0;
  font-weight: 600;
}
@media only screen and (min-width:1024px) {
  .checkout-process-cc .user-cc-change {
    font-size: 1.6rem;
  }
}
.checkout-process-cc .user-cc span {
  font-size: 1.4rem;
  font-weight: 600;
  margin-left: 1rem;
}
@media only screen and (min-width:1024px) {
  .checkout-process-cc .user-cc span {
    font-size: 1.6rem;
  }
}
.checkout-process-po {
  color: #222222;
  font-size: 1.6rem;
  font-weight: 500;
}
.checkout-process-billing .billing-title {
  color: #222222;
  font-weight: 500;
  margin-bottom: 0.7rem;
}
.checkout-process-billing .billing-address {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 1.4rem;
}
@media only screen and (min-width:1024px) {
  .checkout-process-billing .billing-address {
    font-size: 1.6rem;
  }
}
.checkout-process-billing .billing-change {
  font-size: 1.4rem;
  font-weight: 600;
}
@media only screen and (min-width:1024px) {
  .checkout-process-billing .billing-change {
    font-size: 1.6rem;
  }
}
.checkout-process-shipping [type=checkbox]:not(:checked) + label, .checkout-process-shipping [type=checkbox]:checked + label {
  padding-left: 3.5rem !important;
}
.checkout-process-shipping label::before {
  font-size: 2.4rem;
  margin-top: -5px;
  margin-left: -4px;
}
@media screen and (min-width: 1200px) {
  .checkout-process-shipping {
    margin-right: 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-process-shipping {
    border-bottom: none;
  }
}
.checkout-process-method {
  margin-bottom: 0;
}
@media only screen and (min-width:1024px) {
  .checkout-process-method {
    border-bottom: none;
  }
}
.checkout-process-method .default-shipping {
  margin-bottom: 2rem;
}
.checkout-process-method .my-shipping-method {
  margin-left: 3.25rem;
}
.checkout-process-method .my-shipping-default {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.6rem 0;
}
.checkout-process-method .my-shipping-default img {
  max-height: 35px;
  max-width: 30px;
}
.checkout-process-method .my-shipping-default.slideout {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkout-process-method .my-shipping-default.slideout img {
  position: relative;
  top: -7px;
}
.checkout-process-method .my-shipping-number {
  color: #222222;
  font-size: 1.4rem;
  font-weight: 500;
  margin-left: 1rem;
}
@media only screen and (min-width:1024px) {
  .checkout-process-method .my-shipping-number {
    font-size: 1.6rem;
  }
}
.checkout-process-method .shipping-change {
  font-size: 1.4rem;
  font-weight: 600;
}
@media only screen and (min-width:1024px) {
  .checkout-process-method .shipping-change {
    font-size: 1.6rem;
  }
}

.checkout-add-form-wrapper {
  background-color: #f6f8f9;
  border: 1px solid rgba(63, 96, 116, 0.15);
  -webkit-box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 20px 50px -5px rgba(63, 96, 116, 0.15);
  margin: 0 0 4rem;
  padding: 2rem;
  display: none;
}
.checkout-add-form-wrapper.edit {
  margin: 2rem 0 2rem;
}
@media only screen and (min-width:1024px) {
  .checkout-add-form-wrapper {
    padding: 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .checkout-add-form-wrapper {
    padding: 3rem 2rem;
  }
}
.checkout-add-form-wrapper .checkout-add-form input {
  margin-bottom: 2rem;
}
.checkout-add-form-wrapper .checkout-add-form .checkout-num {
  margin-bottom: 1rem;
}
.checkout-add-form-wrapper .checkout-add-form-imgs {
  margin-bottom: 2rem;
}
.checkout-add-form-wrapper .checkout-add-form-imgs.edit {
  margin: 2rem 0 2rem;
}
.checkout-add-form-wrapper .checkout-add-form-imgs img {
  margin-right: 0.5rem;
  max-height: 35px;
  max-width: 50px;
}
.checkout-add-form-wrapper .checkout-add-form label {
  font-size: 1.4rem;
  font-weight: 700;
}
@media only screen and (min-width:768px) {
  .checkout-add-form-wrapper .checkout-add-form label {
    font-size: 1.6rem;
  }
}
.checkout-add-form-wrapper .form-flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.checkout-add-form-wrapper .form-flex-wrapper-item {
  width: 50%;
}
.checkout-add-form-wrapper .form-flex-wrapper-item:first-of-type {
  padding-right: 1rem;
}
@media only screen and (min-width:1441px) {
  .checkout-add-form-wrapper .form-flex-wrapper-item {
    padding: 0 1rem;
  }
}
.checkout-add-form-wrapper .form-flex-wrapper i {
  color: #222222;
  font-size: 3rem;
}
.checkout-add-form-wrapper .form-flex-wrapper .cvv-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkout-add-form-wrapper .form-flex-wrapper .cvv-wrapper .cvv-input {
  max-width: 75%;
}
.checkout-add-form-wrapper .form-flex-wrapper .cvv-wrapper .icon-cvv {
  color: #222222;
  font-size: 3rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
}
.checkout-add-form-wrapper .button-flex-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.checkout-add-form-wrapper .button-flex-wrapper button {
  height: 42px;
  margin-left: 0.5rem;
  padding: 0.8rem 1.8rem;
}
@media screen and (min-width: 375px) {
  .checkout-add-form-wrapper .button-flex-wrapper button {
    padding: 0.8rem 2rem;
  }
}
.checkout-add-form-wrapper .button-flex-wrapper button.button-gray, .checkout-add-form-wrapper .button-flex-wrapper .order-card-actions button.reorder-button, .order-card-actions .checkout-add-form-wrapper .button-flex-wrapper button.reorder-button {
  background-color: #f6f8f9;
  -webkit-box-shadow: inset 0 0 0 1px rgba(63, 96, 115, 0.25), 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 0 1px rgba(63, 96, 115, 0.25), 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  color: #3F6074 !important;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 0;
}
.checkout-add-form-wrapper .button-flex-wrapper button.button-gray:hover, .checkout-add-form-wrapper .button-flex-wrapper .order-card-actions button.reorder-button:hover, .order-card-actions .checkout-add-form-wrapper .button-flex-wrapper button.reorder-button:hover {
  background-color: rgb(215.4, 224.2, 228.6);
}
.checkout-add-form-wrapper .button-flex-wrapper button.button-lt-blue {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}
@media only screen and (min-width:1441px) {
  .checkout-add-form-wrapper .checkout-add-form-item-wrapper, .checkout-add-form-wrapper .form-flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .checkout-add-form-wrapper .checkout-add-form-item-wrapper.edit {
    display: block;
  }
  .checkout-add-form-wrapper .checkout-add-form-item-wrapper.edit .checkout-add-form-item {
    width: 100%;
    padding: 0;
  }
  .checkout-add-form-wrapper .form-flex-wrapper {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .checkout-add-form-wrapper .form-flex-wrapper-item {
    width: 25%;
  }
  .checkout-add-form-wrapper .form-flex-wrapper-item .cvv-input, .checkout-add-form-wrapper .form-flex-wrapper-item .exp-input {
    margin-bottom: 0;
  }
  .checkout-add-form-wrapper .form-flex-wrapper-item.edit {
    width: 50%;
    margin-bottom: 2rem;
    padding: 0 1rem 0 0;
  }
  .checkout-add-form-wrapper .button-flex-wrapper.edit {
    margin-bottom: 0;
  }
  .checkout-add-form-wrapper .card-button-flex-wrapper {
    width: 50%;
  }
  .checkout-add-form-wrapper .card-button-flex-wrapper.edit {
    width: 100%;
    padding: 0;
  }
  .checkout-add-form-wrapper .checkout-add-form-item {
    padding: 0 1rem;
    width: 50%;
  }
  .checkout-add-form-wrapper .checkout-add-form-item.edit {
    width: 100%;
  }
}

.checkout-menu-wrapper {
  -webkit-overflow-scrolling: touch;
  background-color: #EEF1F4;
  height: 100%;
  overflow-y: auto;
  padding: 3.2rem 1rem;
  position: fixed;
  right: -1000px;
  top: 0;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.4s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.4s;
  width: 100%;
  z-index: 902;
}
@media only screen and (min-width:481px) {
  .checkout-menu-wrapper {
    max-width: 400px;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-menu-wrapper {
    padding: 3.2rem 2rem;
  }
}
.checkout-menu-wrapper.active {
  right: 0;
}
.checkout-menu-wrapper .close-search-button {
  opacity: 1;
}
.checkout-menu-wrapper .close-search-button .menu-global {
  border-color: #222222;
}
@media screen and (min-width: 1201px) {
  .checkout-menu-wrapper .close-search-button {
    margin-top: 0;
    top: 13px;
  }
}
.checkout-menu-wrapper .checkout-menu i {
  color: #24ADFF;
  font-size: 2.5rem;
  line-height: 1;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.checkout-menu-wrapper .checkout-menu i.active {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkout-menu-wrapper .checkout-menu i.icon-arrow {
  cursor: pointer;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.checkout-menu-wrapper .checkout-menu-toggle-back {
  cursor: pointer;
}
.checkout-menu-wrapper .checkout-menu-default-card-wrapper {
  padding: 0 0.5rem;
}
.checkout-menu-wrapper .checkout-menu-default-card label {
  font-weight: 500;
}
.checkout-menu-wrapper .checkout-menu-default-card .checkout-edit {
  font-weight: 600;
}
.checkout-menu-wrapper .checkout-menu-default-card-outer {
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  padding: 3rem 1rem 2rem;
}
.checkout-menu-wrapper .checkout-menu-default-card-outer.selected {
  background-color: #f6f8f9;
}
.checkout-menu-wrapper .checkout-menu-default-card-outer img {
  max-height: 35px;
  max-width: 50px;
  position: relative;
  top: -10px;
}
.checkout-menu-wrapper .checkout-menu-default-card-outer span, .checkout-menu-wrapper .checkout-menu-default-card-outer a {
  font-size: 1.6rem;
  margin-left: 0.5rem;
}
.checkout-menu-wrapper .checkout-menu-default-card-outer .checkout-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkout-menu-wrapper .checkout-menu-default-card-outer .checkout-edit {
  border-right: 2px dotted rgba(63, 96, 116, 0.2);
  font-size: 1.3rem;
  font-weight: 600;
  margin-right: 1rem;
  padding-right: 1.2rem;
}
@media screen and (min-width: 375px) {
  .checkout-menu-wrapper .checkout-menu-default-card-outer .checkout-edit {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-menu-wrapper .checkout-menu-default-card-outer .checkout-edit {
    font-size: 1.6rem;
  }
}
.checkout-menu-wrapper .checkout-menu-default-card-outer .checkout-edit.default {
  color: #222222;
}
@media only screen and (min-width:1441px) {
  .checkout-menu-wrapper .checkout-menu-default-card-outer {
    margin-right: 4rem;
  }
  .checkout-menu-wrapper .checkout-menu-default-card-outer:nth-of-type(2n + 2) {
    margin-right: 0;
  }
}
.checkout-menu-wrapper .checkout-menu .checkout-process-title {
  line-height: 1.3;
}
@media only screen and (min-width:768px) {
  .checkout-menu-wrapper .checkout-menu .checkout-process-title {
    line-height: 1;
  }
}
.checkout-menu-wrapper .checkout-menu .checkout-menu-toggle-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2.7rem;
  padding: 0 0 2rem;
}
.checkout-menu-wrapper .checkout-menu .checkout-menu-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkout-menu-wrapper .checkout-menu .alpha-sort {
  border-right: 2px dotted rgba(63, 96, 116, 0.2);
  color: #24ADFF;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  margin-right: 1rem;
  padding-right: 1rem;
}
.checkout-menu-wrapper .checkout-menu .alpha-sort:last-of-type {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
.checkout-menu-wrapper .checkout-menu .filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle {
  color: #24ADFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.4rem;
  font-weight: 600;
  height: 18px;
  overflow: hidden;
  padding-left: 0.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (min-width:1024px) {
  .checkout-menu-wrapper .checkout-menu .filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle {
    font-size: 1.6rem;
  }
}
.checkout-menu-wrapper .checkout-menu .filter-text .show-filter-text, .checkout-menu-wrapper .checkout-menu .filter-text .hide-filter-text, .checkout-menu-wrapper .checkout-menu .filter-text .show-edit-text, .checkout-menu-wrapper .checkout-menu .filter-text .hide-edit-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .show-filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .hide-filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .show-edit-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .hide-edit-text {
  position: relative;
  top: 0;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
}
@media only screen and (min-width:1024px) {
  .checkout-menu-wrapper .checkout-menu .filter-text .show-filter-text, .checkout-menu-wrapper .checkout-menu .filter-text .hide-filter-text, .checkout-menu-wrapper .checkout-menu .filter-text .show-edit-text, .checkout-menu-wrapper .checkout-menu .filter-text .hide-edit-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .show-filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .hide-filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .show-edit-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .hide-edit-text {
    top: -3px;
  }
}
.checkout-menu-wrapper .checkout-menu .filter-text.active .show-filter-text, .checkout-menu-wrapper .checkout-menu .filter-text.active .hide-filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle.active .show-filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle.active .hide-filter-text {
  top: -18px;
}
@media only screen and (min-width:1024px) {
  .checkout-menu-wrapper .checkout-menu .filter-text.active .show-filter-text, .checkout-menu-wrapper .checkout-menu .filter-text.active .hide-filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle.active .show-filter-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle.active .hide-filter-text {
    top: -22px;
  }
}
.checkout-menu-wrapper .checkout-menu .checkout-edit-toggle {
  padding-left: 0;
}
.checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .show-edit-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .hide-edit-text {
  font-size: 1.3rem;
}
.checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .show-edit-text:hover, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .hide-edit-text:hover {
  text-decoration: underline;
}
@media only screen and (min-width:481px) {
  .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .show-edit-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .hide-edit-text {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .show-edit-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle .hide-edit-text {
    font-size: 1.6rem;
    top: 0;
  }
}
.checkout-menu-wrapper .checkout-menu .checkout-edit-toggle.active .show-edit-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle.active .hide-edit-text {
  top: -16px;
}
@media only screen and (min-width:1024px) {
  .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle.active .show-edit-text, .checkout-menu-wrapper .checkout-menu .checkout-edit-toggle.active .hide-edit-text {
    top: -20px;
  }
}
.checkout-menu-wrapper .checkout-menu-default-billing {
  padding: 0.5rem 0.5rem;
}
.checkout-menu-wrapper .checkout-menu-default-billing img {
  max-height: 35px;
  max-width: 50px;
  position: relative;
  top: -10px;
}
.checkout-menu-wrapper .checkout-menu-default-billing span, .checkout-menu-wrapper .checkout-menu-default-billing a {
  font-size: 1.6rem;
  margin-left: 0.5rem;
}
@media only screen and (min-width:1441px) {
  .checkout-menu-wrapper .checkout-menu .checkout-select-wrapper {
    margin-right: 4rem;
  }
  .checkout-menu-wrapper .checkout-menu .checkout-select-wrapper:nth-of-type(2n + 2) {
    margin-right: 0;
  }
}
.checkout-menu-wrapper .checkout-menu .checkout-select {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 2px dotted rgba(63, 96, 116, 0.2);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2rem;
}
.checkout-menu-wrapper .checkout-menu .checkout-select.selected {
  background-color: #f6f8f9;
}
.checkout-menu-wrapper .checkout-menu .checkout-select label {
  font-weight: 500;
}
.checkout-menu-wrapper .checkout-menu .checkout-select p {
  margin-left: 3.1rem;
  margin-top: 1rem;
}
.checkout-menu-wrapper .checkout-menu .checkout-select p, .checkout-menu-wrapper .checkout-menu .checkout-select .checkout-edit {
  font-size: 1.4rem;
}
@media only screen and (min-width:1024px) {
  .checkout-menu-wrapper .checkout-menu .checkout-select p, .checkout-menu-wrapper .checkout-menu .checkout-select .checkout-edit {
    font-size: 1.6rem;
  }
}
.checkout-menu-wrapper .checkout-menu .checkout-select .checkout-edit.default {
  text-decoration: none;
  pointer-events: none;
  color: #222222;
}
.checkout-menu-wrapper .checkout-menu .checkout-select .checkout-edit:last-of-type {
  border-left: 2px dotted rgba(63, 96, 116, 0.2);
  margin-left: 1rem;
  padding-left: 1rem;
}
.checkout-menu-wrapper .checkout-menu .checkout-select-inner-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.checkout-menu-wrapper .checkout-menu .checkout-select-inner-flex .checkout-edit {
  font-weight: 600;
}
.checkout-menu-wrapper .checkout-menu .checkout-select-inner-flex .checkout-edit:first-of-type {
  margin-left: 3.1rem;
}
@media screen and (min-width: 375px) {
  .checkout-menu-wrapper .checkout-menu .checkout-select-inner-flex .checkout-edit {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-menu-wrapper .checkout-menu .checkout-select-inner-flex .checkout-edit {
    font-size: 1.6rem;
  }
}
.checkout-menu-wrapper .checkout-menu .checkout-select-button .button-light-blue, .checkout-menu-wrapper .checkout-menu .checkout-select-button .spray-form button, .spray-form .checkout-menu-wrapper .checkout-menu .checkout-select-button button, .checkout-menu-wrapper .checkout-menu .checkout-select-button .spray-form input[type=button], .spray-form .checkout-menu-wrapper .checkout-menu .checkout-select-button input[type=button], .checkout-menu-wrapper .checkout-menu .checkout-select-button .spray-form input[type=reset], .spray-form .checkout-menu-wrapper .checkout-menu .checkout-select-button input[type=reset], .checkout-menu-wrapper .checkout-menu .checkout-select-button .spray-form input[type=submit], .spray-form .checkout-menu-wrapper .checkout-menu .checkout-select-button input[type=submit], .checkout-menu-wrapper .checkout-menu .checkout-select-button .order-card-actions .cancel-button, .order-card-actions .checkout-menu-wrapper .checkout-menu .checkout-select-button .cancel-button, .checkout-menu-wrapper .checkout-menu .checkout-select-button .checkout-sum-invoice-button {
  padding: 0.8rem 2rem;
}
@media screen and (min-width: 375px) {
  .checkout-menu-wrapper .checkout-menu .checkout-select-button .button-light-blue, .checkout-menu-wrapper .checkout-menu .checkout-select-button .spray-form button, .spray-form .checkout-menu-wrapper .checkout-menu .checkout-select-button button, .checkout-menu-wrapper .checkout-menu .checkout-select-button .spray-form input[type=button], .spray-form .checkout-menu-wrapper .checkout-menu .checkout-select-button input[type=button], .checkout-menu-wrapper .checkout-menu .checkout-select-button .spray-form input[type=reset], .spray-form .checkout-menu-wrapper .checkout-menu .checkout-select-button input[type=reset], .checkout-menu-wrapper .checkout-menu .checkout-select-button .spray-form input[type=submit], .spray-form .checkout-menu-wrapper .checkout-menu .checkout-select-button input[type=submit], .checkout-menu-wrapper .checkout-menu .checkout-select-button .order-card-actions .cancel-button, .order-card-actions .checkout-menu-wrapper .checkout-menu .checkout-select-button .cancel-button, .checkout-menu-wrapper .checkout-menu .checkout-select-button .checkout-sum-invoice-button {
    padding: 0.8rem 3rem;
  }
}

@media only screen and (min-width:1441px) {
  .checkout-menu-wrapper {
    max-width: 800px;
  }
  .checkout-select-wrapper-outer, .checkout-menu-default-card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .checkout-select-wrapper, .checkout-menu-default-card-outer {
    width: 50%;
  }
}
@media only screen and (min-width:1024px) {
  .blockquote-slider-container {
    margin-left: 4rem;
  }
}
.blockquote-slider-container blockquote {
  font-size: 2.8rem;
}
@media only screen and (min-width:768px) {
  .blockquote-slider-container blockquote {
    font-size: 3.2rem;
  }
}
.blockquote-slider-container .slick-dots {
  padding-bottom: 2rem;
}
.blockquote-slider-container .slick-dots li {
  margin: 0 1rem;
}
.blockquote-slider-container .slick-dots li.slick-active button:before {
  color: #ffffff;
  opacity: 1;
}
.blockquote-slider-container .slick-dots li:hover button:before {
  opacity: 0.5;
}
.blockquote-slider-container .slick-dots button:before {
  color: #0065A4;
  font-size: 6rem;
  opacity: 0.1;
}
.blockquote-slider-container .slick-arrow {
  display: none !important;
  font-size: 7rem;
  color: #0065A4;
  opacity: 0.1;
  cursor: pointer;
}
@media only screen and (min-width:1024px) {
  .blockquote-slider-container .slick-arrow {
    display: inline-block !important;
  }
}
.blockquote-slider-container .slick-arrow:hover {
  opacity: 0.5;
}
.blockquote-slider-container .slick-arrow.right {
  position: absolute;
  right: 0;
  top: 40%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.blockquote-slider-container .slick-arrow.left {
  position: absolute;
  left: -70px;
  top: 40%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.breadcrumbs {
  padding: 9rem 2rem 1rem 2rem;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E0E0E0;
}
.breadcrumbs span, .breadcrumbs i {
  line-height: 1.5;
  font-size: 1.4rem;
}
@media only screen and (min-width:1024px) {
  .breadcrumbs span, .breadcrumbs i {
    font-size: 1.6rem;
  }
}
.breadcrumbs i {
  opacity: 0.5;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  padding-left: 0.25rem;
}
@media only screen and (min-width:768px) {
  .breadcrumbs i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}
.breadcrumbs a {
  color: #24ADFF;
  font-weight: 600;
}
.breadcrumbs.basic-header {
  background-color: #eef1f4;
}
@media only screen and (min-width:768px) {
  .breadcrumbs > .icon-double-arrow:first-child {
    display: none;
  }
}
.breadcrumbs .desktop {
  display: none;
}
@media only screen and (min-width:768px) {
  .breadcrumbs .desktop {
    display: inline-block;
  }
}
.breadcrumbs .mobile {
  display: inline-block;
}
@media only screen and (min-width:768px) {
  .breadcrumbs .mobile {
    display: none;
  }
}
@media screen and (min-width: 1201px) {
  .breadcrumbs {
    padding: 16rem 52.5px 1rem 52.5px;
  }
}
@media screen and (min-width: 1441px) {
  .breadcrumbs {
    padding: 16rem 61.25px 1rem 61.25px;
  }
}

.thin-hero-banner + .breadcrumbs {
  padding: 1rem 2rem 1rem 2rem;
}
@media screen and (min-width: 1201px) {
  .thin-hero-banner + .breadcrumbs {
    padding: 1rem 52.5px 1rem 52.5px;
  }
}
@media screen and (min-width: 1441px) {
  .thin-hero-banner + .breadcrumbs {
    padding: 1rem 61.25px 1rem 61.25px;
  }
}

.pagemode-edit .breadcrumbs, .pagemode-preview .breadcrumbs {
  padding-top: 1rem;
}

.spray-optimization .resource-grid .event-card-grid {
  width: 100%;
  margin-top: 3rem;
}
@media only screen and (min-width:1024px) {
  .spray-optimization .resource-grid .event-card-grid {
    margin-top: 4rem;
  }
}
@media only screen and (min-width:481px) {
  .spray-optimization .resource-grid .event-card-grid-item {
    width: 50%;
  }
}
@media only screen and (min-width:768px) {
  .spray-optimization .resource-grid .event-card-grid-item {
    width: 33.33%;
  }
}
@media only screen and (min-width:1024px) {
  .spray-optimization .resource-grid .event-card-grid-item {
    width: 25%;
  }
}

div.spray-table {
  margin-bottom: 1rem;
  max-width: 794px;
}
div.spray-table-wrapper {
  margin: 4rem 0;
  max-width: 794px;
  overflow-x: auto;
}
div.spray-table-header, div.spray-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 794px;
}
div.spray-table-header {
  background-color: #222222;
  color: #FFFFFF;
  border-bottom: 5px solid #3F6074;
}
div.spray-table-header .spray-table-cell {
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
  border-right: 2px dotted rgba(255, 255, 255, 0.3);
}
div.spray-table-header .spray-table-cell:last-of-type {
  border-right: none;
}
div.spray-table-cell {
  padding: 1rem;
  width: 100%;
  text-align: left;
  font-size: 1.6rem;
  text-align: left;
}
div.spray-table-cell-title {
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
}
div.spray-table-cell-image {
  text-align: center;
}
div.spray-table-cell-image img {
  border-radius: 50%;
  max-width: 100%;
}
div.spray-table-cell.one {
  text-align: center;
}
div.spray-table-cell.two {
  min-width: 185px;
  width: 100%;
}
div.spray-table-cell.four {
  min-width: 300px;
  width: 100%;
}
div.spray-table-row .spray-table-cell {
  border-right: 2px dotted rgba(63, 96, 116, 0.2);
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.5rem 1rem;
}
div.spray-table-row .spray-table-cell ul {
  margin-bottom: 0;
}
div.spray-table-row .spray-table-cell ul li {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 0 0 2rem;
}
div.spray-table-row:nth-of-type(even) {
  background-color: #f6f8f9;
}
div.spray-table-row:last-of-type {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
}
div.spray-table-link {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
div.spray-table-link a {
  font-weight: 600;
}
div.spray-table.eductor-sizing {
  max-width: 100%;
  min-width: 950px;
}
div.spray-table.eductor-sizing .spray-table-row {
  background-color: #ffffff;
  border-bottom: 2px dotted rgba(63, 96, 116, 0.4);
  max-width: 100%;
  min-width: 950px;
  margin: auto;
}
div.spray-table.eductor-sizing .spray-table-cell {
  text-align: center;
}
div.spray-table.eductor-sizing .spray-table-header {
  max-width: 100%;
  min-width: 950px;
  margin: auto;
}
div.spray-table.eductor-sizing .spray-table-cell.one {
  min-width: 100px;
}
div.spray-table.eductor-sizing .spray-table-cell.one .pad-top {
  padding-top: 3rem;
}
div.spray-table.eductor-sizing .spray-table-cell.one .spray-table-cell-title {
  padding-top: 6rem;
}
div.spray-table.eductor-sizing .spray-table-cell.two.header {
  padding: 1rem;
}
div.spray-table.eductor-sizing .spray-table-cell.two {
  min-width: 180px;
  padding: 0;
}
div.spray-table.eductor-sizing .spray-table-cell.two .pad-top {
  padding-top: 3rem;
}
div.spray-table.eductor-sizing .spray-table-cell.two .spray-table-sub-row {
  padding: 1rem;
  border-bottom: 2px dotted rgba(63, 96, 116, 0.4);
}
div.spray-table.eductor-sizing .spray-table-cell.two .spray-table-sub-row:last-of-type {
  border-bottom: 0;
}
div.spray-table.eductor-sizing .spray-table-cell.three.header {
  min-width: 600px;
  padding: 1rem 0 0;
}
div.spray-table.eductor-sizing .spray-table-cell.three.header .header-span {
  padding: 0 1rem;
  margin-bottom: 1rem;
}
div.spray-table.eductor-sizing .spray-table-cell.three.header .spray-table-sub-col {
  border-right: 2px dotted rgba(255, 255, 255, 0.3);
}
div.spray-table.eductor-sizing .spray-table-cell.three.header .spray-table-sub-col:nth-last-oftype {
  border-right: 0;
}
div.spray-table.eductor-sizing .spray-table-cell.three {
  min-width: 600px;
  padding: 0;
  border-right: 0;
}
div.spray-table.eductor-sizing .spray-table-cell.three .spray-table-sub-row {
  padding: 0;
  border-bottom: 2px dotted rgba(63, 96, 116, 0.4);
}
div.spray-table.eductor-sizing .spray-table-cell.three .spray-table-sub-row:last-of-type {
  border-bottom: 0;
}
div.spray-table.eductor-sizing .spray-table-cell.three .spray-table-sub-col {
  padding: 1rem;
  border-right: 2px dotted rgba(63, 96, 116, 0.2);
}
div.spray-table.eductor-sizing .spray-table-cell.three .spray-table-sub-col:last-of-type {
  border-right: 0;
}
div.spray-table.eductor-sizing .spray-table-sub-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 2px dotted rgba(255, 255, 255, 0.3);
}
div.spray-table.eductor-sizing .spray-table-sub-row.gray {
  background-color: #f6f8f6;
}
div.spray-table.eductor-sizing .spray-table-sub-col {
  min-width: 11.1%;
  padding: 1rem;
  border-right: 2px dotted rgba(255, 255, 255, 0.3);
  font-size: 1.4rem;
  font-weight: 500;
}
div.spray-table.eductor-sizing .spray-table-sub-col:last-of-type {
  border-right: 0;
}

.reference-table {
  padding: 0 0 0 2rem;
  display: none;
}
@media screen and (min-width: 780px) {
  .reference-table {
    padding: 0 2rem;
  }
}
.reference-table .scroll-instructions {
  margin-top: 4rem;
  border-bottom: 1px dotted gray;
  line-height: 0;
  margin-bottom: 1.5rem;
  margin-left: 0.5rem;
  text-align: right;
}
.reference-table .scroll-instructions span {
  background: #eef1f4;
  font-size: 1.4rem;
  padding-left: 1rem;
  line-height: 0;
}
.reference-table .scroll-instructions i.icon-arrow {
  line-height: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 2.4rem;
}
.reference-table .spray-table-wrapper {
  margin-top: 0;
}

table.spray-table {
  table-layout: auto;
  border-collapse: separate;
  margin-bottom: 1rem;
  max-width: 794px;
  width: 100%;
}
table.spray-table.full-width {
  max-width: none;
}
table.spray-table-wrapper {
  margin: 4rem 0;
  max-width: 794px;
  overflow-x: auto;
}
table.spray-table tr:first-of-type {
  background-color: #222222;
  color: #FFFFFF;
}
table.spray-table tr:first-of-type td, table.spray-table tr:first-of-type th {
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
  border-right: 2px dotted rgba(255, 255, 255, 0.3);
  border-bottom: 5px solid #3F6074;
}
table.spray-table tr:first-of-type td:last-of-type, table.spray-table tr:first-of-type th:last-of-type {
  border-right: none;
}
table.spray-table td, table.spray-table th {
  padding: 1rem;
  width: auto;
  text-align: left;
  font-size: 1.6rem;
  text-align: left;
}
table.spray-table td-title, table.spray-table th-title {
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
}
table.spray-table td-image, table.spray-table th-image {
  text-align: center;
}
table.spray-table td-image img, table.spray-table th-image img {
  border-radius: 50%;
  max-width: 100%;
}
table.spray-table td.one, table.spray-table th.one {
  text-align: center;
}
table.spray-table td.two, table.spray-table th.two {
  min-width: 185px;
  width: 100%;
}
table.spray-table td.four, table.spray-table th.four {
  min-width: 300px;
  width: 100%;
}
table.spray-table tr:not(:first-of-type) {
  background-color: #ffffff;
}
table.spray-table tr:not(:first-of-type) td {
  border-right: 2px dotted rgba(63, 96, 116, 0.2);
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.5rem 1rem;
}
table.spray-table tr:not(:first-of-type) td ul {
  margin-bottom: 0;
}
table.spray-table tr:not(:first-of-type) td ul li {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 0 0 2rem;
}
table.spray-table tr:not(:first-of-type).highlight td:first-of-type {
  border-left: 5px solid;
}
table.spray-table tr:not(:first-of-type):nth-of-type(even) {
  background-color: #f6f8f9;
}
table.spray-table tr:not(:first-of-type):last-of-type {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
}
table.spray-table .spray-table-link {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
table.spray-table .spray-table-link a {
  font-weight: 600;
}

table.simple-list {
  margin: auto;
}
table.simple-list td {
  padding: 0.25rem 1rem;
}
table.simple-list td:first-of-type {
  font-weight: 700;
}

.tankjet-content {
  background-color: #EEF1F4;
  padding: 3rem 0 0;
}
.tankjet-content .main-outer-wrapper {
  max-width: 1360px;
  margin: 0 auto;
}
@media screen and (min-width: 1600px) {
  .tankjet-content .main-outer-wrapper {
    max-width: 1550px;
    padding-right: 19.5%;
  }
}
@media screen and (min-width: 1700px) {
  .tankjet-content .main-outer-wrapper {
    max-width: 1610px;
    padding-right: 18%;
  }
}
@media screen and (min-width: 1800px) {
  .tankjet-content .main-outer-wrapper {
    max-width: 1680px;
  }
}
.tankjet-content .resource-grid-header .items-showing, .tankjet-content .menu-reset {
  display: none;
}
.tankjet-content .main-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (min-width:768px) {
  .tankjet-content .main-wrapper {
    padding: 3rem 1rem;
  }
}
@media only screen and (min-width:1024px) {
  .tankjet-content .main-wrapper {
    padding: 5rem 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .tankjet-content .main-wrapper {
    max-width: 1300px;
    padding: 6rem 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .tankjet-content .main-wrapper {
    margin: 0;
  }
}
@media screen and (min-width: 1800px) {
  .tankjet-content .main-wrapper {
    padding: 6rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .tankjet-content .flex-column-container {
    width: calc(100% - 310px);
  }
}
@media screen and (min-width: 1800px) {
  .tankjet-content .flex-column-container {
    width: calc(100% - 370px);
  }
}
.tankjet-content .flex-column-container .resource-grid-header-container, .tankjet-content .flex-column-container .tankjet-navigation-link {
  padding: 1rem 0;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (min-width: 1200px) {
  .tankjet-content .flex-column-container .resource-grid-header-container, .tankjet-content .flex-column-container .tankjet-navigation-link {
    display: none;
  }
}
.tankjet-content .flex-column-container .resource-grid-header-container a, .tankjet-content .flex-column-container .tankjet-navigation-link a {
  text-decoration: none;
  font-size: 1.4rem;
}
@media only screen and (min-width:481px) {
  .tankjet-content .flex-column-container .resource-grid-header-container a, .tankjet-content .flex-column-container .tankjet-navigation-link a {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .tankjet-content .flex-column-container .resource-grid-header-container a, .tankjet-content .flex-column-container .tankjet-navigation-link a {
    font-size: 1.8rem;
  }
}
.tankjet-content .flex-column-container .resource-grid-header-container i, .tankjet-content .flex-column-container .tankjet-navigation-link i {
  position: relative;
  top: -2px;
  font-size: 25px;
  font-weight: 400;
  margin-right: 0.5rem;
}
@media only screen and (min-width:481px) {
  .tankjet-content .flex-column-container .resource-grid-header-container i, .tankjet-content .flex-column-container .tankjet-navigation-link i {
    top: 0px;
  }
}
@media only screen and (min-width:1024px) {
  .tankjet-content .flex-column-container .resource-grid-header-container i, .tankjet-content .flex-column-container .tankjet-navigation-link i {
    top: 1px;
  }
}
.tankjet-content .tankjet-filters {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  background-color: #EEF1F4;
  display: none;
  height: 100%;
  overflow-y: auto;
  padding: 5rem 0;
  width: 100%;
  z-index: 50;
}
@media screen and (min-width: 1200px) {
  .tankjet-content .tankjet-filters {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block !important;
    height: 100%;
    padding: 0 0 3rem 0;
    z-index: 31;
  }
}
.tankjet-content .tankjet-filters .close-search-button {
  display: none;
}
.tankjet-content .tankjet-filters .close-search-button .menu-global {
  border-top: 3px solid #000;
}
@media screen and (min-width: 1200px) {
  .tankjet-content .tankjet-filters {
    display: block;
    margin-top: -1rem;
    max-width: 310px;
    padding: 0;
  }
}
@media screen and (min-width: 1800px) {
  .tankjet-content .tankjet-filters {
    max-width: 370px;
  }
}
.tankjet-content .tankjet-filters-container {
  list-style-type: none;
  margin: 0;
  padding: 0 4rem 0 0;
}
.tankjet-content .tankjet-filters-container li {
  display: block;
  margin: 0 0 2.4rem;
  padding: 0;
}
.tankjet-content .tankjet-filters-container li .nav-functional-item {
  color: #3F6074;
  font-size: 2rem;
  font-weight: 500;
  text-transform: capitalize;
}
.tankjet-content .tankjet-filters-container li.landmark .nav-functional-item {
  color: #222222;
  position: relative;
}
.tankjet-content .tankjet-filters-container li.landmark .nav-functional-item:hover {
  text-decoration: none;
}
.tankjet-content .tankjet-filters-container li.landmark .nav-functional-item:before {
  background-color: #D47070;
  content: "";
  height: 0.6rem;
  width: 100%;
  position: absolute;
  bottom: -1rem;
}
.tankjet-content .tankjet-filters-container li ul {
  display: none;
  margin: 2rem 0 1.5rem 1.5rem;
}
.tankjet-content .tankjet-filters-container li ul li {
  margin-bottom: 1.5rem;
}
.tankjet-content .tankjet-filters-container li ul li a {
  color: #3F6074;
}
.tankjet-content .tankjet-filters-container li ul li a:hover {
  color: #24ADFF;
}

.tankjet-filter-open .tankjet-content .tankjet-filters .close-search-button {
  display: block !important;
}
@media screen and (min-width: 1200px) {
  .tankjet-filter-open .tankjet-content .tankjet-filters .close-search-button {
    display: none !important;
  }
}

.tankjet-filters {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  background-color: #EEF1F4;
  display: none;
  height: 100%;
  overflow-y: auto;
  padding: 5rem 0;
  width: 100%;
  z-index: 50;
}
@media only screen and (min-width:768px) {
  .tankjet-filters.tankjet-sidebar.tankjet {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    padding: 0 0 3rem 0;
    height: 100%;
    z-index: 31;
  }
}
.tankjet-filters::-webkit-scrollbar {
  width: 5px;
}
.tankjet-filters::-webkit-scrollbar-track {
  border-radius: 10px;
}
.tankjet-filters::-webkit-scrollbar-thumb {
  background-color: #363636;
  border-radius: 10px;
}
.tankjet-filters .close-search-button {
  display: none;
}
.tankjet-filters-section {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  padding-left: 4.375rem;
}
.tankjet-filters-section:last-of-type {
  border-bottom: 0;
}
@media only screen and (min-width:768px) {
  .tankjet-filters-section {
    padding-left: 5.75rem;
  }
}
@media screen and (min-width: 1201px) {
  .tankjet-filters-section {
    padding-left: 3.5rem;
    margin-left: 2rem;
  }
}
.tankjet-filters-section-toggle {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tankjet-filters-section-title {
  color: #222222;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 2.3rem 2rem 1.9rem 0;
  text-transform: uppercase;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.active .tankjet-filters-section-title {
  color: #0065A4;
}
.tankjet-filters-content {
  display: none;
  padding-bottom: 2rem;
}
.tankjet-filters ul {
  list-style: none !important;
  margin: 0;
}
.tankjet-filters ul li {
  margin-bottom: 1.5rem;
}
.tankjet-filters ul li a {
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: normal;
}
.tankjet-filters ul li a:hover {
  color: #24ADFF;
}
.tankjet-filters ul ul {
  margin-left: 3rem;
}
.tankjet-filters .filter-sub-menu {
  display: none;
}
.tankjet-filters label {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 20px;
  color: #3F6074;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  margin-left: -1.75rem;
  padding: 1rem 1.5rem 1rem 4.5rem;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (min-width:1024px) {
  .tankjet-filters label {
    margin-bottom: 0.5rem;
  }
}
.tankjet-filters label:before, .tankjet-filters label:after {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tankjet-filters label:before {
  position: absolute;
  top: 50%;
  left: 15px;
  height: 1.5em;
  width: 1.5em;
  background-image: url(../images/template/checkbox.svg);
  background-size: cover;
  content: "";
  margin-top: -14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}
.tankjet-filters label.checkbox-checked {
  background-color: rgba(63, 96, 116, 0.05);
  color: #222222;
}
.tankjet-filters label.checkbox-checked:before {
  background-image: url(../images/template/box-checked.svg);
}

.resource-filters.tankjet .close-search-button {
  display: none;
}
.resource-filters.tankjet ul {
  list-style: none !important;
  margin: 0;
}
.resource-filters.tankjet ul li {
  margin-bottom: 1.5rem;
}
.resource-filters.tankjet ul li a {
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: normal;
}
.resource-filters.tankjet ul li a:hover {
  color: #24ADFF;
}
.resource-filters.tankjet ul ul {
  margin-left: 3rem;
}

@media screen and (max-width: 1200px) {
  html.tankjet-filter-open {
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    position: relative;
  }
  .tankjet-filter-fixed .site-header {
    top: -7rem;
  }
}
.accordion {
  margin: 0 auto;
  max-width: 1064px;
  padding: 2rem 0;
}
.accordion-header {
  text-align: left;
}
.accordion-header.headCenter {
  text-align: center;
}
.accordion-header.headLeft {
  text-align: left;
}
.accordion-header.headRight {
  text-align: right;
}
.accordion-grid-item {
  margin-bottom: 1rem;
  width: 100%;
}
.accordion-grid-item:last-child {
  margin-bottom: 0;
}
.accordion-grid-item-inner {
  background-color: #fff;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  position: relative;
  text-align: left;
}
.accordion-grid-item-inner.active .js-toggle-container .js-toggle {
  background: #EC3737;
}
.accordion-grid-item-inner.active .js-toggle-container .js-toggle .bar {
  border-color: #fff;
}
.accordion-grid-item-inner.active .accordion-grid-item-content h3:after {
  opacity: 1;
  width: 80px;
}
.accordion-grid-item-inner.edit-mode {
  padding: 2rem;
}
.accordion-grid-item .js-toggle-container {
  cursor: pointer;
  display: inline-block;
  height: 60px;
  position: absolute;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .accordion-grid-item .js-toggle-container {
    height: 80px;
  }
}
.accordion-grid-item .js-toggle-container .js-toggle {
  background: #eef1f4;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 -2px 0 rgba(63, 96, 116, 0.3), 0 2px 4px 0 rgba(63, 96, 116, 0.2);
  display: inline-block;
  height: 3rem;
  margin-left: 1rem;
  position: absolute;
  right: 2rem;
  top: 1.35rem;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 3rem;
  z-index: 2;
}
@media only screen and (min-width:768px) {
  .accordion-grid-item .js-toggle-container .js-toggle {
    top: 2.4rem;
  }
}
.accordion-grid-item .js-toggle-container .js-toggle .bar {
  border-top: 2px solid #222;
  position: absolute;
  right: 0.9rem;
  top: 1.4rem;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 12px;
}
.accordion-grid-item-content {
  padding: 2rem;
}
@media only screen and (min-width:768px) {
  .accordion-grid-item-content {
    padding: 3rem;
  }
}
.accordion-grid-item-title {
  pointer-events: none;
}
.accordion-grid-item-title:hover {
  text-decoration: none;
}
.accordion-grid-item-title h3 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
  padding-right: 4.5rem;
  position: relative;
}
.accordion-grid-item-title h3:after {
  background-color: #D47070;
  bottom: -1.3rem;
  content: "";
  height: 6px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 0;
  z-index: 1;
}
.accordion-grid-item-text {
  display: none;
  margin: 2.5rem 0 0;
}
@media only screen and (min-width:1024px) {
  .accordion-grid-item-text {
    font-size: 1.8rem;
  }
}
.accordion-grid-item-text.edit-mode {
  display: block;
}
.accordion-grid-item.reverse .accordion-grid-item-inner {
  background-color: #3F6074;
}
.accordion-grid-item.reverse .accordion-grid-item-content p, .accordion-grid-item.reverse .accordion-grid-item-content ul {
  color: #fff;
}
.accordion-grid-item.reverse .accordion-grid-item-content ul {
  margin-left: 2rem;
  margin-top: 1rem;
}
.accordion-grid-item.reverse .accordion-grid-item-content ul li:last-of-type {
  margin-bottom: 0;
}
.accordion-grid-item.reverse .accordion-grid-item-title h3 {
  color: #fff;
}

.iframe-container {
  padding: 0 0 2rem;
}
@media only screen and (min-width:768px) {
  .iframe-container {
    padding: 0 0 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .iframe-container {
    padding: 0 0 4rem;
  }
}

.alert-banner {
  background-color: #98102E;
  color: #FFFFFF;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  min-height: calc(1em + 20px);
}
.alert-banner p {
  margin: 0;
  padding: 0.5em 0;
  font-size: 1.5rem;
}
.alert-banner a {
  color: #FFFFFF;
  text-decoration: underline;
}
.alert-banner i {
  vertical-align: baseline;
}
.alert-banner.collapsed .alert-banner__toggle {
  top: 0.5em;
}
@media only screen and (min-width: 768px) {
  .alert-banner.collapsed .alert-banner__toggle {
    top: calc(50% - 10px);
    right: 2em;
  }
}
.alert-banner.collapsed .alert-banner__toggle:before {
  background-color: #FFFFFF;
}

.alert-banner__container {
  max-width: 1493px;
  margin: 0 auto;
  padding: 0 6rem 0 2rem;
}
@media only screen and (min-width: 1440px) {
  .alert-banner__container {
    padding: 0 2rem;
  }
}

.alert-banner__toggle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 22px;
  height: 20px;
  overflow: hidden;
  padding: 20px 0 0 0;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: 1em;
  right: 1em;
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .alert-banner__toggle {
    top: calc(50% - 10px);
    right: 2em;
  }
}
.alert-banner__toggle:before {
  content: "";
  width: 2px;
  height: 14px;
  background-color: transparent;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 8px;
}
.alert-banner__toggle:after {
  content: "";
  width: 14px;
  height: 2px;
  background-color: #FFFFFF;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 2px;
}

@media only screen and (max-width: 1200px) {
  .is-scrolled .site-header {
    top: -9.2rem !important;
  }
}
.lang-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #003C50;
  color: #eee;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  min-height: calc(1em + 20px);
}

.lang-alert-container {
  max-width: 1493px;
  margin: 0 auto;
  padding: 0 1rem 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 4rem;
}

.lang-alert-text {
  padding: 0 1rem 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  letter-spacing: 0.5px;
  line-height: 1.1;
}

.lang-alert-select {
  -webkit-appearance: none;
  border: none;
  background: #67d1ff url(../images/template/select-dropdown.svg) no-repeat 98% 50%;
  border-radius: 7px;
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.7rem;
  height: 32px;
  width: 200px;
  outline: 0;
  padding: 0.5rem 0rem 0.5rem 1rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0px;
}

.lang-alert-button {
  -webkit-appearance: none;
  font-family: "proxima-nova", sans-serif;
  padding: 0.5rem 1rem 0.5rem 1rem;
  height: 32px;
  border: 0;
  border-radius: 7px;
  color: #000;
  cursor: pointer;
  font-size: 1.7rem;
  letter-spacing: 0.1rem;
  margin-top: 0;
  margin-left: 1rem;
  text-transform: none;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  outline: 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lang-alert-close {
  border: none;
  border-radius: 50%;
  background-color: #fff;
  color: #fff;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  font-size: 1.7rem;
  font-weight: 600;
  display: block;
  position: relative;
  margin-left: 1rem;
  height: 30px;
  width: 25px;
  color: #000;
  cursor: pointer;
}

@media only screen and (max-width: 1200px) {
  .is-scrolled .site-header {
    top: -9.2rem !important;
  }
}
/*
We declare all variables here as default so that they are easy to override...
*/
/* Border, shadows, ... */
/* Colors */
/* Spacing */
/* Breakpoints */
.klaro .cookie-modal,
.klaro .cookie-notice {
  /* The switch - the box around the slider */
  font-size: 14px;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label::before,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label::before {
  display: none;
}

.klaro .cookie-modal .cm-list-input + .cm-list-label::before,
.klaro .cookie-notice .cm-list-input + .cm-list-label::before {
  display: none;
}

.klaro .cookie-modal .cm-list-input + .cm-list-label {
  padding-left: initial !important;
  position: initial;
}

.klaro .cookie-modal .cm-switch-container,
.klaro .cookie-notice .cm-switch-container {
  display: block;
  position: relative;
  padding: 10px;
  padding-left: 66px;
  line-height: 20px;
  vertical-align: middle;
  min-height: 40px;
  border-bottom: 1px solid #ccc;
}

.klaro .cookie-modal .cm-switch-container:last-child,
.klaro .cookie-notice .cm-switch-container:last-child {
  border-bottom: 0;
}

.klaro .cookie-modal .cm-switch-container:first-child,
.klaro .cookie-notice .cm-switch-container:first-child {
  margin-top: 0;
}

.klaro .cookie-modal .cm-switch-container p,
.klaro .cookie-notice .cm-switch-container p {
  margin-top: 0;
}

.klaro .cookie-modal .cm-switch,
.klaro .cookie-notice .cm-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: #67D1FF;
  background-color: var(--green1, #67D1FF);
}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
  background-color: #67D1FF;
  background-color: var(--green1, #67D1FF);
  opacity: 0.6;
}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
  background-color: #24cc9a;
  background-color: var(--green2, #24cc9a);
  opacity: 0.8;
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider::before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: #24cc9a;
  background-color: var(--green2, #24cc9a);
  opacity: 0.8;
  cursor: not-allowed;
}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider {
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro .cookie-modal .cm-list-input,
.klaro .cookie-notice .cm-list-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 50px;
  height: 30px;
}

.klaro .cookie-modal .cm-list-title,
.klaro .cookie-notice .cm-list-title {
  font-size: 14px;
  font-weight: 600;
}

.klaro .cookie-modal .cm-list-description,
.klaro .cookie-notice .cm-list-description {
  font-size: 14px;
  padding-top: 4px;
  color: #FFFFFF;
}

.klaro .cookie-modal .cm-list-label,
.klaro .cookie-notice .cm-list-label {
  /* The slider */
  /* Rounded sliders */
}

.klaro .cookie-modal .cm-list-label .cm-switch,
.klaro .cookie-notice .cm-list-label .cm-switch {
  position: absolute;
  left: 0;
}

.klaro .cookie-modal .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 50px;
  display: inline-block;
}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.klaro .cookie-modal .cm-list-label .slider.round,
.klaro .cookie-notice .cm-list-label .slider.round {
  border-radius: 30px;
}

.klaro .cookie-modal .cm-list-label .slider.round::before,
.klaro .cookie-notice .cm-list-label .slider.round::before {
  border-radius: 50%;
}

.klaro .cookie-modal .cm-list-label input:focus + .slider,
.klaro .cookie-notice .cm-list-label input:focus + .slider {
  box-shadow-color: #48dfb2;
  box-shadow-color: var(--green3, #48dfb2);
  -webkit-box-shadow: 0 0 1px #48dfb2;
  box-shadow: 0 0 1px #48dfb2;
}

.klaro .cookie-modal .cm-list-label input:checked + .slider::before,
.klaro .cookie-notice .cm-list-label input:checked + .slider::before {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider {
  -webkit-box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
  box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider {
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro .cookie-modal a,
.klaro .cookie-notice a {
  color: #67D1FF;
  color: var(--green1, #67D1FF);
  text-decoration: none;
}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
  color: #eee;
  color: var(--font-color-dark, #eee);
}

.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-top: 0.7em;
}

.klaro .cookie-modal .cm-link,
.klaro .cookie-notice .cm-link {
  margin-right: 0.5em;
  vertical-align: middle;
}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn {
  color: #eee;
  color: var(--font-color-dark, #eee);
  background: #AEBDC6;
  border-radius: 6px;
  padding: 6px 10px;
  margin-right: 0.5em;
  border: 0;
  padding: 0.4em;
  font-size: 1em;
  font-weight: bold;
}

.klaro .cookie-modal .cm-btn:disabled,
.klaro .cookie-notice .cm-btn:disabled {
  opacity: 0.5;
}

.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close {
  background: #aaa;
  color: #000;
}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
  background: #67D1FF;
  background: var(--green1, #67D1FF);
}

.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info {
  background: #0065A4;
  background: var(--blue1, #0065A4);
}

.klaro .cookie-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 1000;
}

.klaro .cookie-modal.cm-embedded {
  position: relative;
  height: inherit;
  width: inherit;
  left: inherit;
  right: inherit;
  z-index: 0;
}

.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {
  position: relative;
  -webkit-transform: none;
  transform: none;
}

.klaro .cookie-modal .cm-bg {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.klaro .cookie-modal .cm-modal.cm-klaro {
  z-index: 1001;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  background: #2B6F86;
  color: #eee;
}

@media (min-width: 660px) {
  .klaro .cookie-modal .cm-modal.cm-klaro {
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    max-width: 640px;
    height: auto;
    width: auto;
  }
}
.klaro .cookie-modal .cm-modal .hide {
  border-style: none;
  background: none;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.klaro .cookie-modal .cm-modal .hide svg {
  stroke: #eee;
}

.klaro .cookie-modal .cm-modal .cm-footer {
  padding: 1em;
  border-top: 0px solid #555;
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  font-size: 0.8em;
  padding-top: 4px;
  text-align: right;
  padding-right: 8px;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
  color: #999;
}

.klaro .cookie-modal .cm-modal .cm-header {
  padding: 1em;
  padding-right: 24px;
  border-bottom: 0px solid #555;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
  margin: 0;
  font-size: 2em;
  display: block;
}

.klaro .cookie-modal .cm-modal .cm-header h1.title {
  padding-right: 20px;
}

.klaro .cookie-modal .cm-modal .cm-body {
  padding: 1em;
}

.klaro .cookie-modal .cm-modal .cm-body ul {
  display: block;
}

.klaro .cookie-modal .cm-modal .cm-body span {
  display: inline-block;
  width: auto;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes {
  padding: 0;
  margin: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret {
  color: #888;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content {
  margin-left: -40px;
  display: none;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded {
  margin-top: 10px;
  display: block;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
  position: relative;
  line-height: 20px;
  vertical-align: middle;
  padding-left: 60px;
  min-height: 40px;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child {
  margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p {
  margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes {
  font-size: 0.8em;
  color: #999;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
  border-top: 1px solid #555;
  padding-top: 1em;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {
  font-weight: 600;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
  padding-left: 0.2em;
  font-size: 0.8em;
  color: #999;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
  background: #2B6F86;
  z-index: 999;
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 400px;
  }
}
@media (max-width: 1023px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    border-style: none;
    border-radius: 0;
  }
}
.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded {
  position: relative;
  height: inherit;
  width: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  z-index: 0;
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body {
  padding-top: 0.5em;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
  margin-bottom: 0;
  margin-right: 0;
  bottom: 0;
  padding: 1em;
  padding-top: 0;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
  margin-bottom: 0.5em;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
  text-decoration: underline;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
  display: inline-block;
  margin-top: -0.5em;
}

@media (max-width: 384px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
    width: 100%;
  }
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
  margin-top: 0.5em;
}

@media (max-width: 384px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    width: calc(50% - 0.5em);
  }
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  margin-top: -0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {
  margin-top: 0.5em;
}

.klaro .cookie-modal-notice {
  z-index: 1001;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  background: #2B6F86;
  color: #eee;
  padding: 1em;
  padding-top: 0.2em;
}

@media (min-width: 400px) {
  .klaro .cookie-modal-notice {
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
    height: auto;
    width: auto;
  }
}
.klaro .cookie-modal-notice .cn-ok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1em;
}

.klaro .cookie-notice-hidden {
  display: none !important;
}

.secondary-menu {
  padding: 0 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.secondary-menu:hover {
  z-index: 100;
}
@media (max-width: 1200px) {
  .secondary-menu {
    display: none;
  }
}
.secondary-menu.sticky {
  position: fixed;
  top: 15rem;
  z-index: 2;
}
@media (min-width: 1200px) {
  .secondary-menu.sticky + section[data-menu] {
    margin-top: 6rem;
  }
}
.secondary-menu .menu-link {
  background-color: #f3f3f3;
  color: black;
  text-align: center;
  padding: 1.8rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
}
.secondary-menu .menu-link:not(:last-child) {
  border-right: 1px solid #ccc;
}
.secondary-menu .menu-link:hover, .secondary-menu .menu-link.active {
  background: #0065a5;
  color: white;
  text-decoration: none;
}
.secondary-menu .menu-link.active {
  position: relative;
}
.secondary-menu .menu-link.active:after {
  content: "";
  display: block;
  bottom: 0;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid white;
}

section[data-menu].active .mobile-toggle::after {
  display: none;
}
section[data-menu] .content-wrapper {
  padding: 4rem;
}
section[data-menu] .mobile-toggle {
  display: none;
  cursor: pointer;
  width: 100%;
  padding: 2rem;
  background: #4c4b4b;
  border: none;
  color: white;
  text-transform: uppercase;
  font-size: 1.8rem;
  text-align: left;
  position: relative;
}
section[data-menu] .mobile-toggle::before, section[data-menu] .mobile-toggle::after {
  content: "";
  display: block;
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.8rem;
  height: 4px;
  background-color: white;
  border-radius: 5px;
}
section[data-menu] .mobile-toggle::after {
  height: 2.8rem;
  width: 4px;
  right: calc(3.4rem - 2px);
  display: block;
}

@media (max-width: 1200px) {
  section[data-menu] {
    margin: 0;
  }
  section[data-menu] .mobile-toggle {
    display: block;
  }
  section[data-menu] .content-wrapper {
    display: block;
  }
}
.is-scrolled .secondary-menu.sticky {
  top: 12rem;
}

.scrolling-chapters .secondary-menu-vertical {
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: block;
  padding: 0;
  position: static !important;
}
.scrolling-chapters .secondary-menu-vertical .menu-link {
  display: block;
  text-align: left;
  background: none;
  color: #0164a7;
  border: 0;
  position: relative;
  padding: 10px 40px;
}
@media (min-width: 992px) {
  .scrolling-chapters .secondary-menu-vertical .menu-link {
    font-size: 18px;
  }
}
.scrolling-chapters .secondary-menu-vertical .menu-link:before {
  content: "";
  display: block;
  height: 100%;
  width: 2px;
  background: #d2d2d0;
  position: absolute;
  top: 0;
  left: 5px;
}
.scrolling-chapters .secondary-menu-vertical .menu-link:first-child:before {
  height: 50%;
  top: 50%;
}
.scrolling-chapters .secondary-menu-vertical .menu-link:last-child:before {
  height: 50%;
}
.scrolling-chapters .secondary-menu-vertical .menu-link:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  border: 2px solid #d2d2d0;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .scrolling-chapters .secondary-menu-vertical .menu-link.active {
    font-weight: 700;
  }
  .scrolling-chapters .secondary-menu-vertical .menu-link.active:after {
    border: 2px solid #0065A4;
    background: #0065A4;
  }
}
@media (max-width: 991px) {
  .scrolling-chapters .secondary-menu-vertical {
    margin-bottom: 30px;
  }
}
.scrolling-chapters .scrolling-chapters-sections {
  padding: 30px 2rem;
}
.scrolling-chapters .scrolling-chapters-rail {
  padding: 30px 2rem;
}
.scrolling-chapters .scrolling-chapters-rail > div {
  margin-bottom: 30px;
}
.scrolling-chapters .scrolling-chapters-rail .wysiwyg-content {
  padding: 0;
  margin-bottom: 30px;
}
.scrolling-chapters .scrolling-chapters-rail .wysiwyg-content-wrapper {
  padding: 0;
}
.scrolling-chapters .social-links-rail {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
@media (min-width: 992px) {
  .scrolling-chapters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .scrolling-chapters .scrolling-chapters-rail {
    display: block;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 12rem;
    width: 30%;
  }
  .scrolling-chapters .secondary-menu-vertical.sticky {
    position: static !important;
  }
  .scrolling-chapters .scrolling-chapters-sections {
    width: 70%;
  }
}

@media (min-width: 992px) {
  .main-content.scrolling-chapters-main-content {
    overflow: unset;
  }
}

.video-feature-container.title-inside .video-feature {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.video-feature-container.title-inside .video-feature__wrapper-image {
  position: relative;
  width: 100%;
}
.video-feature-container.title-inside .video-feature-image {
  width: 100%;
  max-width: none;
  padding-bottom: 3rem;
  display: inline-block;
}
.video-feature-container.title-inside .video-feature-text {
  width: 100%;
  padding: 0 4rem;
  margin-top: 3.4rem;
}
.video-feature-container.title-inside .eyebrow {
  font-size: 4.8rem;
  color: #FFFFFF;
}
.video-feature-container.title-inside .video-feature_wrapper-title {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  text-align: center;
}
.video-feature-container.title-inside .video-feature-subtitle {
  color: #FFFFFF;
  font-size: 2.8rem;
  margin-bottom: 1.8rem;
}
.video-feature-container.title-inside .video-feature-text-copy {
  font-size: 1.8rem;
}
.video-feature-container.title-outside .video-feature {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.video-feature-container.title-outside .video-feature-image {
  width: 100%;
  max-width: none;
  padding-bottom: 3rem;
}
.video-feature-container.title-outside .video-feature-text {
  width: 100%;
  padding: 0 4rem;
}
.video-feature-container.title-outside .eyebrow {
  font-size: 4.8rem;
  color: #000000;
}
.video-feature-container.title-outside .video-feature-subtitle {
  color: #000000;
  font-size: 2.8rem;
  margin-bottom: 1.8rem;
}
.video-feature-container.title-outside .video-feature-text-copy {
  font-size: 1.8rem;
}

.table-full {
  padding: 4rem 4rem 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.table-full .title-feature {
  background: #4c4b4b;
}
.table-full .small-description {
  color: #003b61;
  font-size: 1.2rem;
  margin-top: 1rem;
}
.table-full .model-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 126rem;
  margin: auto;
  padding-bottom: 3.4rem;
}
.table-full .model {
  width: 100%;
  max-width: 38.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.table-full .model + .model {
  margin-left: 5.6rem;
}
.table-full .model-title {
  color: #0065a5;
  font-size: 2.4rem;
  margin-bottom: 0.6rem;
}
.table-full .model-description {
  margin-top: 8.2rem;
  margin-bottom: 0;
  font-size: 1.8rem;
  color: #000000;
}
.table-full .table-wrapper {
  margin: 0 auto;
  width: 100%;
}
.table-full table {
  border: 1px solid #b4b3b3;
  width: 100%;
  font-size: 16px;
}
.table-full td {
  padding: 0.8rem 2rem;
}
.table-full td:not(:first-of-type) {
  border-left: 1px solid #b4b3b3;
}
.table-full tr {
  color: #111111;
}
.table-full tr.main-info {
  border-bottom: 1px solid #b4b3b3;
  color: #0065a5;
  font-size: 1.8rem;
}
.table-full tr:nth-child(even):not(.main-info) {
  background-color: #e4e1e1;
}
.table-full .main-title {
  color: #ffffff;
  font-size: 1.8rem;
}
.table-full .select-wrapper {
  width: 100%;
}
.table-full .table-select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 1.5rem;
  font-size: 2.4rem;
  color: #7f7f7f;
  cursor: pointer;
}
.table-full .table-select option:nth-child(even):not(.main-info) {
  background-color: #e4e1e1;
}
.table-full .select-wrapper {
  display: none;
}

@media only screen and (max-width: 768px) {
  .table-full .model-wrapper {
    display: none;
  }
  .table-full .model {
    margin: 0 auto 4rem;
  }
  .table-full .model + .model {
    margin: 0 auto 4rem;
  }
  .table-full .table-wrapper {
    display: none;
  }
  .table-full .table-wrapper.active {
    display: block;
  }
  .table-full .model-description {
    margin-top: 2rem;
  }
  .table-full thead {
    display: none;
  }
  .table-full tr td:not(:first-child) {
    display: none;
  }
  .table-full tr td.visible {
    display: table-cell;
  }
  .table-full .select-wrapper {
    display: block;
    position: relative;
  }
  .table-full .select-wrapper::after {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 21px solid grey;
    right: 2.9rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.table-half {
  padding: 4rem;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.table-half .small-description {
  color: #003b61;
  font-size: 1.2rem;
  margin-top: 1rem;
}
.table-half .model-wrapper {
  margin: 0 2.4rem;
}
.table-half .model-wrapper .model-title {
  font-size: 2.4rem;
  color: #0065a5;
  line-height: 1.16;
  letter-spacing: -0.9px;
  margin-bottom: 0.6rem;
  font-weight: 300;
}
.table-half .model-wrapper .model-image {
  width: 100%;
}
.table-half .model-wrapper .model-description {
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #000000;
  letter-spacing: 0.0125rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .table-half .model-wrapper {
    width: 50%;
  }
}
.table-half .table-wrapper {
  margin: 0 2.4rem;
}
.table-half table {
  font-size: 16px;
  width: 100%;
  border: 1px solid #b4b3b3;
}
.table-half table tr {
  color: #111111;
}
.table-half table tr.main-info {
  color: #0065a5;
  font-size: 1.8rem;
  border-bottom: 1px solid #b4b3b3;
}
.table-half table tr.white {
  background-color: #ffffff;
}
.table-half table tr.gray {
  background-color: #e4e1e1;
}
.table-half table td {
  padding: 1rem 1.8rem;
  border-right: 1px solid #b4b3b3;
}
.table-half .accordion-container.expanded .accordion-trigger .main-title::after {
  display: none;
}
.table-half .accordion-trigger {
  cursor: pointer;
  position: relative;
  width: 100%;
  border: none;
  display: none;
}
.table-half .accordion-trigger .main-title::before, .table-half .accordion-trigger .main-title::after {
  content: "";
  display: block;
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.8rem;
  height: 4px;
  background-color: white;
  border-radius: 5px;
}
.table-half .accordion-trigger .main-title::after {
  height: 2.8rem;
  width: 4px;
  right: calc(3.4rem - 2px);
  display: block;
}
.table-half .title-feature {
  background: #4c4b4b;
  padding: 1rem 0;
  text-align: left;
}
.table-half .main-title {
  color: #ffffff;
  font-size: 1.8rem;
  margin-bottom: 0;
  padding: 0.3rem 0 0.3rem 2rem;
}
.table-half .small-description {
  color: #003b61;
  font-size: 1.2rem;
  margin-top: 1rem;
  font-weight: 300;
  line-height: 1.4;
}
.table-half + div {
  margin-left: 5rem;
}

@media only screen and (max-width: 767px) {
  .table-half {
    padding: 3.5rem 3rem;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    margin-right: 0;
  }
  .table-half .model-wrapper,
  .table-half .table-wrapper {
    max-width: none;
    margin: 0;
  }
  .table-half .model-wrapper .modal-description {
    display: none;
  }
  .table-half .mobile-hidden {
    display: none;
  }
  .table-half table tr.main-info {
    font-size: 1.7rem;
  }
  .table-half table tr td {
    padding: 1rem 0.6rem;
    text-align: center;
  }
  .table-half .title-feature {
    padding: 2.3rem 0;
    text-align: left;
  }
  .table-half .accordion-content {
    display: none;
  }
  .table-half .accordion-trigger {
    display: block;
  }
  .table-half + div {
    margin-left: 0;
  }
}
.tabs-with-tables {
  padding: 5rem 1rem;
  width: 1500px;
  max-width: 100%;
  margin: 0 auto;
}
.tabs-with-tables h2 {
  color: #0065A5;
  font-size: 24px;
  margin-bottom: 15px;
}

.r-tabs .r-tabs-nav {
  margin: 0 -1rem;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.r-tabs .r-tabs-tab {
  display: block;
  margin: 0;
  list-style: none;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  background: #f3f3f3;
  border-left: 1px solid #b4b3b3;
  font-weight: bold;
  position: relative;
}
.r-tabs .r-tabs-tab:first-child {
  border-left: 0;
}
.r-tabs .r-tabs-tab.r-tabs-state-active {
  background: #4c4b4b;
}
.r-tabs .r-tabs-tab.r-tabs-state-active:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -7px 0 0 -7px;
  display: block;
  width: 14px;
  height: 14px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.r-tabs .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {
  color: #fff;
}
.r-tabs .r-tabs-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 10px 10px 14px;
  color: #000;
  text-decoration: none;
}
.r-tabs .r-tabs-panel {
  padding-top: 15px;
  display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}
.r-tabs .r-tabs-accordion-title {
  display: none;
}

.table-wrapper {
  overflow: auto;
}

.data-table {
  border: 1px solid #b4b3b3;
}
.data-table .tr, .data-table .f32 .tur, .f32 .data-table .tur {
  background: #e4e1e1;
}
.data-table .tr:nth-child(even), .data-table .f32 .tur:nth-child(even), .f32 .data-table .tur:nth-child(even) {
  background: #f3f3f3;
}
.data-table .th, .data-table .f32 .tha, .f32 .data-table .tha {
  background: #fff;
  padding: 6px 15px;
  font-size: 18px;
  border: 1px solid #0065A5;
  color: #24ADFF;
  text-align: left;
}
.data-table .td, .data-table .f32 .tcd, .f32 .data-table .tcd {
  vertical-align: top;
  padding: 6px 15px;
  border: 1px solid #b4b3b3;
}

.data-table .tr .th > div, .data-table .f32 .tur .th > div, .f32 .data-table .tur .th > div, .data-table .tr .f32 .tha > div, .f32 .data-table .tr .tha > div, .data-table .f32 .tur .tha > div, .f32 .data-table .tur .tha > div,
.data-table .tr .td > div,
.data-table .f32 .tur .td > div,
.f32 .data-table .tur .td > div,
.data-table .tr .f32 .tcd > div,
.f32 .data-table .tr .tcd > div,
.data-table .f32 .tur .tcd > div,
.f32 .data-table .tur .tcd > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.mobile-accordion-trigger {
  padding: 0;
  font-family: inherit;
  font-size: 16px;
  border: 0;
  background: none;
  text-align: left;
}

/*** Media ***/
@media only screen and (max-width: 991px) {
  .data-table {
    border: 0;
  }
  .data-table .tr, .data-table .f32 .tur, .f32 .data-table .tur {
    border: 0;
  }
  .data-table .tr .td > div > div, .data-table .f32 .tur .td > div > div, .f32 .data-table .tur .td > div > div, .data-table .tr .f32 .tcd > div > div, .f32 .data-table .tr .tcd > div > div, .data-table .f32 .tur .tcd > div > div, .f32 .data-table .tur .tcd > div > div {
    width: 50%;
    height: 100%;
    padding: 15px;
  }
  .data-table .th, .data-table .f32 .tha, .f32 .data-table .tha {
    display: none;
  }
  .data-table .td, .data-table .f32 .tcd, .f32 .data-table .tcd {
    border: 0;
    background: #fff;
    padding: 0;
    position: relative;
  }
  .data-table .td:nth-child(even), .data-table .f32 .tcd:nth-child(even), .f32 .data-table .tcd:nth-child(even) {
    background: #f3f3f3;
  }
  .data-table .td:not(:first-child):after, .data-table .f32 .tcd:not(:first-child):after, .f32 .data-table .tcd:not(:first-child):after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background: #b4b3b3;
  }
  .data-table .td:first-child, .data-table .f32 .tcd:first-child, .f32 .data-table .tcd:first-child {
    padding: 0;
    border: 1px solid #b4b3b3;
  }
  .data-table .td:first-child div, .data-table .f32 .tcd:first-child div, .f32 .data-table .tcd:first-child div {
    display: block;
  }
  .data-table .td .mobile-accordion-trigger, .data-table .f32 .tcd .mobile-accordion-trigger, .f32 .data-table .tcd .mobile-accordion-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 40px 20px 20px;
    background: #fff;
  }
  .data-table .td .mobile-accordion-trigger:before, .data-table .f32 .tcd .mobile-accordion-trigger:before, .f32 .data-table .tcd .mobile-accordion-trigger:before {
    width: 20px;
    height: 2px;
    right: 15px;
  }
  .data-table .td .mobile-accordion-trigger:after, .data-table .f32 .tcd .mobile-accordion-trigger:after, .f32 .data-table .tcd .mobile-accordion-trigger:after {
    width: 2px;
    height: 20px;
    right: 25px;
  }
  .data-table .td.toggle-active .mobile-accordion-trigger:after, .data-table .f32 .toggle-active.tcd .mobile-accordion-trigger:after, .f32 .data-table .toggle-active.tcd .mobile-accordion-trigger:after {
    display: none;
  }
  .data-table .td:not(:first-child), .data-table .f32 .tcd:not(:first-child), .f32 .data-table .tcd:not(:first-child) {
    display: none;
    border-left: 1px solid #b4b3b3;
    border-right: 1px solid #b4b3b3;
  }
  .data-table .td.item-show:not(:first-child), .data-table .f32 .item-show.tcd:not(:first-child), .f32 .data-table .item-show.tcd:not(:first-child) {
    display: block;
  }
  .data-table .td .mobile-accordion-trigger:before, .data-table .f32 .tcd .mobile-accordion-trigger:before, .f32 .data-table .tcd .mobile-accordion-trigger:before,
  .data-table .td .mobile-accordion-trigger:after,
  .data-table .f32 .tcd .mobile-accordion-trigger:after,
  .f32 .data-table .tcd .mobile-accordion-trigger:after {
    content: "";
    position: absolute;
    top: 50%;
    border-radius: 2px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #000;
  }
}
@media only screen and (min-width: 992px) {
  .r-tabs .r-tabs-nav {
    margin: 0;
  }
  .r-tabs .r-tabs-anchor {
    padding: 20px;
  }
  .r-tabs .r-tabs-panel {
    padding-top: 30px;
  }
  .t-mobile-only {
    display: none;
  }
  .data-table .tr, .data-table .f32 .tur, .f32 .data-table .tur {
    background: #e4e1e1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .data-table .tr .th, .data-table .f32 .tur .th, .f32 .data-table .tur .th, .data-table .tr .f32 .tha, .f32 .data-table .tr .tha, .data-table .f32 .tur .tha, .f32 .data-table .tur .tha,
  .data-table .tr .td,
  .data-table .f32 .tur .td,
  .f32 .data-table .tur .td,
  .data-table .tr .f32 .tcd,
  .f32 .data-table .tr .tcd,
  .data-table .f32 .tur .tcd,
  .f32 .data-table .tur .tcd {
    width: 20%;
    padding: 15px 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .data-table .tr .th:nth-child(4), .data-table .f32 .tur .th:nth-child(4), .f32 .data-table .tur .th:nth-child(4), .data-table .tr .f32 .tha:nth-child(4), .f32 .data-table .tr .tha:nth-child(4), .data-table .f32 .tur .tha:nth-child(4), .f32 .data-table .tur .tha:nth-child(4),
  .data-table .tr .td:nth-child(4),
  .data-table .f32 .tur .td:nth-child(4),
  .f32 .data-table .tur .td:nth-child(4),
  .data-table .tr .f32 .tcd:nth-child(4),
  .f32 .data-table .tr .tcd:nth-child(4),
  .data-table .f32 .tur .tcd:nth-child(4),
  .f32 .data-table .tur .tcd:nth-child(4) {
    width: 11%;
  }
  .data-table .tr .th:nth-child(6), .data-table .f32 .tur .th:nth-child(6), .f32 .data-table .tur .th:nth-child(6), .data-table .tr .f32 .tha:nth-child(6), .f32 .data-table .tr .tha:nth-child(6), .data-table .f32 .tur .tha:nth-child(6), .f32 .data-table .tur .tha:nth-child(6),
  .data-table .tr .td:nth-child(6),
  .data-table .f32 .tur .td:nth-child(6),
  .f32 .data-table .tur .td:nth-child(6),
  .data-table .tr .f32 .tcd:nth-child(6),
  .f32 .data-table .tr .tcd:nth-child(6),
  .data-table .f32 .tur .tcd:nth-child(6),
  .f32 .data-table .tur .tcd:nth-child(6) {
    width: 12%;
  }
}
@media only screen and (min-width: 1441px) {
  .r-tabs .r-tabs-tab {
    font-size: 18px;
  }
}
.ecom-wrapper {
  margin-top: 2rem;
  overflow-x: hidden;
  padding: 0 1rem;
}
@media only screen and (min-width:768px) {
  .ecom-wrapper {
    padding: 0 2rem;
  }
}
.ecom-wrapper.no-marg-top {
  margin-top: 0;
}
@media only screen and (min-width:1024px) {
  .ecom-wrapper.no-marg-top {
    margin-top: 2rem;
  }
}
.ecom-main {
  margin-bottom: 3rem;
  width: 100%;
}
.ecom-aside-item {
  margin-bottom: 4rem;
}
.ecom-aside-item-title {
  color: #222222;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.31px;
  line-height: 1;
  margin: 0 0 2rem;
  position: relative;
}
@media only screen and (min-width:768px) {
  .ecom-aside-item-title {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width:1024px) and (max-width:1440px) {
  .ecom-aside-item-title {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width:1441px) {
  .ecom-aside-item-title {
    font-size: 2.8rem;
  }
}
.ecom-aside-item-title:after {
  background-color: #D47070;
  bottom: -1.3rem;
  content: "";
  height: 6px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  width: 80px;
  z-index: 1;
}
@media only screen and (min-width:768px) {
  .ecom-aside-item-title:after {
    bottom: -1.5rem;
  }
}

@media only screen and (min-width:1024px) {
  .ecom-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4rem;
    padding: 0 4rem;
  }
  .ecom-main {
    margin-right: 4rem;
    width: calc(100% - 310px);
  }
  .ecom-aside {
    width: 310px;
  }
}
@media only screen and (min-width:1441px) {
  .ecom-wrapper {
    padding: 0 8rem;
  }
  .ecom-main {
    margin-right: 8rem;
    width: calc(100% - 430px);
  }
  .ecom-aside {
    width: 430px;
  }
  .ecom-aside-item {
    margin-bottom: 8rem;
  }
}
@media screen and (min-width: 769px) {
  .ecom-three-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
    padding: 0 4rem;
  }
  .ecom-three-col .ecom-main {
    margin-right: 4rem;
    width: calc(100% - 310px);
  }
  .ecom-three-col .ecom-aside {
    width: 310px;
  }
}
@media screen and (min-width: 1200px) {
  .ecom-three-col .ecom-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8rem;
  }
  .ecom-three-col .ecom-main-item:nth-child(1) {
    width: calc(60% - 2rem);
  }
  .ecom-three-col .ecom-main-item:nth-child(2) {
    width: calc(40% - 2rem);
  }
}
@media only screen and (min-width:1441px) {
  .ecom-three-col {
    padding: 0 8rem;
  }
  .ecom-three-col .ecom-main {
    width: calc(100% - 335px);
  }
  .ecom-three-col .ecom-aside {
    width: 335px;
  }
}
.industry .site-container {
  background-color: #EEF1F4;
}
@media screen and (min-width: 1361px) {
  .industry .header-feature-cta {
    margin-left: auto;
    margin-right: auto;
  }
}
.industry.is-scrolled .header-feature {
  background-position: center -1rem !important;
}
.industry.engineering .article-copy ul, .industry.other .article-copy ul {
  margin-top: 2rem;
}
.industry.engineering .article-copy ol, .industry.other .article-copy ol {
  margin-top: 2rem;
}
.industry.engineering .article-copy ol li, .industry.other .article-copy ol li {
  margin-bottom: 1rem;
  font-weight: 400;
}
.industry.engineering .cards-default-container, .industry.other .cards-default-container {
  padding: 3rem 0;
}
@media only screen and (min-width:768px) {
  .industry.engineering .cards-default-container, .industry.other .cards-default-container {
    padding: 6rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .industry.engineering .cards-default-container, .industry.other .cards-default-container {
    padding: 8rem 0;
  }
}

.industry-subpage .header-feature-cta-title {
  text-transform: none !important;
  letter-spacing: -0.3rem;
  line-height: 0.95;
  font-size: 4.2rem;
}
@media only screen and (min-width:768px) {
  .industry-subpage .header-feature-cta-title {
    font-size: 5rem;
  }
}
@media only screen and (min-width:1024px) {
  .industry-subpage .header-feature-cta-title {
    font-size: 6.4rem;
  }
}
@media only screen and (min-width:1024px) {
  .industry-subpage .cards-feature-container {
    padding: 5rem 0;
  }
}

.bakery .header-feature {
  background-position: center 7rem;
}
@media only screen and (min-width: 1201px) {
  .bakery .header-feature {
    background-position: center 16rem;
  }
}
.bakery.is-scrolled .header-feature {
  background-position: center 9rem !important;
}
@media only screen and (max-width: 1201px) {
  .bakery.is-scrolled .header-feature {
    background-position: center 0 !important;
  }
}

.cards-industries-grid {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.resource-grid-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #EEF1F4;
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 0.25rem 1rem 0;
  position: relative;
  z-index: 51;
}
@media screen and (min-width: 375px) {
  .resource-grid-header {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .resource-grid-header.affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 1rem;
  }
}
.resource-grid-header-container {
  height: 52px;
  margin-bottom: 1rem;
  padding: 0 1rem;
  width: 100%;
}

@media only screen and (min-width:768px) {
  .resource-grid-header {
    padding: 1rem 0 1rem 0;
  }
  .resource-grid-header-container {
    margin-bottom: 2rem;
    padding: 0 3.5rem;
  }
}
@media only screen and (min-width:768px) and (min-width:1024px) {
  .resource-grid-header-container {
    padding: 0 4rem;
  }
}
@media only screen and (min-width:768px) {
  .resource-grid-header-container.six-across {
    padding: 0 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .resource-grid-header-container {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .resource-grid-header {
    padding: 1rem 0;
  }
  .resource-grid-header-container {
    margin-bottom: 3rem;
    padding: 0 4rem;
  }
}
@media only screen and (min-width:1441px) {
  .resource-grid-header-container {
    padding: 0 16rem;
  }
  .resource-grid-header-container.six-across {
    padding: 0 15rem;
  }
}
.resource-grid {
  overflow: hidden;
  padding-bottom: 1rem;
}
@media only screen and (min-width:768px) {
  .resource-grid {
    padding: 0 2rem 0;
  }
}
@media only screen and (min-width:1441px) {
  .resource-grid {
    padding: 0 14rem 0;
  }
}
@media screen and (max-width: 767px) {
  .resource-grid .cards-industries-grid-item {
    margin-bottom: 3rem;
  }
}

.filter-trigger {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filter-trigger i {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.5rem;
  height: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  width: 30px;
}
.filter-trigger .filter-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 18px;
  overflow: hidden;
  padding-left: 0.5rem;
}
@media only screen and (min-width:1024px) {
  .filter-trigger .filter-text {
    height: 24px;
  }
}
.filter-trigger .show-filter-text, .filter-trigger .hide-filter-text {
  color: #006199;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.17px;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
}
@media only screen and (min-width:481px) {
  .filter-trigger .show-filter-text, .filter-trigger .hide-filter-text {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .filter-trigger .show-filter-text, .filter-trigger .hide-filter-text {
    font-size: 1.8rem;
  }
}
.filter-trigger .show-filter-text {
  position: relative;
  top: 1px;
}
.filter-trigger .hide-filter-text {
  position: relative;
  top: 0;
}

.filter-open .filter-trigger i, .order-filter-open .filter-trigger i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.filter-open .filter-trigger .show-filter-text, .filter-open .filter-trigger .hide-filter-text, .order-filter-open .filter-trigger .show-filter-text, .order-filter-open .filter-trigger .hide-filter-text {
  top: -18px;
}
@media only screen and (min-width:1024px) {
  .filter-open .filter-trigger .show-filter-text, .filter-open .filter-trigger .hide-filter-text, .order-filter-open .filter-trigger .show-filter-text, .order-filter-open .filter-trigger .hide-filter-text {
    top: -21px;
  }
}

@media screen and (min-width: 1200px) {
  .resource-grid-header .filter-trigger i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .resource-grid-header .filter-trigger .show-filter-text, .resource-grid-header .filter-trigger .hide-filter-text {
    top: -22px;
  }
  .filter-open .filter-trigger i, .order-filter-open .filter-trigger i {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  .filter-open .filter-trigger .show-filter-text, .filter-open .filter-trigger .hide-filter-text, .order-filter-open .filter-trigger .show-filter-text, .order-filter-open .filter-trigger .hide-filter-text {
    top: 1px;
  }
}
.items-showing {
  color: #3F6074;
  font-size: 1.4rem;
  line-height: 1.25;
  letter-spacing: 0.17px;
  margin-left: auto;
}
@media only screen and (min-width:768px) {
  .items-showing {
    font-size: 1.6rem;
  }
}
.items-showing.number-showing {
  display: none;
}
@media screen and (min-width: 375px) {
  .items-showing.number-showing {
    display: block;
  }
}
.items-showing .keyword {
  font-style: italic;
}

.menu-reset {
  cursor: pointer;
  padding-left: 1rem;
  border-left: 1px solid #ccc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.4rem;
  font-weight: 600;
  margin-left: 1rem;
  display: inline-block;
}
@media screen and (max-width: 374px) {
  .menu-reset {
    border-left: none;
  }
}
@media only screen and (min-width:481px) {
  .menu-reset {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .menu-reset {
    font-size: 1.8rem;
  }
}
.menu-reset i {
  font-size: 2.5rem;
}
.menu-reset a {
  position: relative;
  top: 3px;
}
@media only screen and (min-width:1024px) {
  .menu-reset a {
    top: 1px;
  }
}
.menu-reset .icon-reorder {
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
}
.menu-reset .icon-reorder.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.keyword-filter-container {
  padding: 1rem 0.5rem;
}
@media only screen and (min-width:768px) {
  .keyword-filter-container {
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.keyword-filter-container #keyword-search {
  padding-right: 35px;
}
.keyword-filter-container input[type=button].icon-search {
  position: absolute;
  top: 1px;
  right: 0.75rem;
  background-color: transparent;
  background-image: url(../images/template/magnifying.svg);
  background-position: center 6px;
  background-repeat: no-repeat;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  font-size: 2rem;
  height: 40px;
  outline: 0;
  right: 0px;
  text-indent: -9999px;
  top: 4px;
  width: 38px;
}

.resource-grid {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5px;
  width: 100%;
}
.resource-grid-main {
  width: 100%;
}
.resource-grid-main .cards-industries-grid-item-title h3 {
  word-break: break-word;
}
.resource-grid-main.six-across {
  padding: 0.5rem;
}
.resource-grid-main.six-across .cards-industries-grid-item {
  margin-bottom: 1rem;
  padding: 0 0.5rem;
  width: 50%;
}
.resource-grid-main.six-across .cards-industries-grid-item-title h3 {
  font-size: 1.8rem !important;
}
.resource-grid-main.six-across p {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.resource-grid-sidebar {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}
.resource-grid .cards-industries-grid-item-content {
  padding: 1rem 1.4rem !important;
}
.resource-grid .cards-industries-grid-item-callout-action {
  line-height: 1;
}
.resource-grid .cards-industries-grid-item-callout-action a {
  font-size: 1.4rem !important;
}

@media only screen and (min-width:768px) {
  .resource-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .resource-grid-main {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 100%;
  }
  .resource-grid-main .cards-industries-grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    min-width: 1px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 50%;
  }
  .resource-grid-main .cards-industries-grid-item-title h3 {
    font-size: 2.4rem !important;
  }
  .resource-grid-main.six-across .cards-industries-grid-item {
    padding: 0 1rem;
    margin-bottom: 2rem;
    width: 33.33%;
  }
  .resource-grid-main.six-across .cards-industries-grid-item-content {
    padding: 1.6rem 2rem !important;
  }
  .resource-grid-main.six-across .cards-industries-grid-item-wrapper {
    -webkit-box-shadow: 0 15px 30px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
    box-shadow: 0 15px 30px -5px rgba(63, 96, 116, 0.15), inset 0 0 0 1px rgba(63, 96, 115, 0.15);
  }
  .resource-grid-main.six-across p {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .resource-grid-main.six-across .resource-card-asset-type {
    padding: 0.9rem;
  }
  .resource-grid-sidebar {
    margin-left: -100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 310px;
  }
  html.filter-open .resource-grid-main {
    width: calc(100% - 310px);
  }
  html.filter-open .resource-grid-main .cards-industries-grid-item {
    width: 100%;
  }
  html.filter-open .resource-grid-main.six-across .cards-industries-grid-item {
    width: 50%;
  }
  html.filter-open .resource-grid-sidebar {
    margin-left: 0;
  }
}
@media only screen and (min-width:1024px) {
  .resource-grid-main .cards-industries-grid-item {
    width: 33.33%;
  }
  .resource-grid-main.six-across .cards-industries-grid-item {
    width: 25%;
  }
  html.filter-open .resource-grid-main .cards-industries-grid-item {
    width: 50%;
  }
  html.filter-open .resource-grid-main.six-across .cards-industries-grid-item {
    width: 33.33%;
  }
}
@media screen and (min-width: 1201px) {
  .resource-grid-main {
    width: calc(100% - 310px);
  }
  .resource-grid-main .cards-industries-grid-item {
    width: 33.3%;
  }
  .resource-grid-main .cards-industries-grid-item-title {
    font-size: 2.4rem;
  }
  .resource-grid-main.six-across .cards-industries-grid-item {
    width: 25%;
  }
  .resource-grid-sidebar {
    margin-left: 0;
  }
  html.filter-open .resource-grid-main {
    width: 100%;
  }
  html.filter-open .resource-grid-main .cards-industries-grid-item {
    width: 25%;
  }
  html.filter-open .resource-grid-main.six-across .cards-industries-grid-item {
    width: 20%;
  }
  html.filter-open .resource-grid-sidebar {
    margin-left: -100%;
  }
}
@media screen and (min-width: 1480px) {
  .resource-grid-main.six-across .cards-industries-grid-item {
    width: 20%;
  }
  html.filter-open .resource-grid-main .cards-industries-grid-item {
    width: 20%;
  }
  html.filter-open .resource-grid-main.six-across .cards-industries-grid-item {
    width: 16.6%;
  }
}
@media screen and (min-width: 1680px) {
  .resource-grid-main.six-across .cards-industries-grid-item {
    width: 16.6%;
  }
}
@media screen and (min-width: 1800px) {
  .resource-grid-main {
    width: calc(100% - 370px);
  }
  .resource-grid-sidebar {
    width: 370px;
  }
}
.nozzle-finder {
  overflow-x: hidden;
}

.main-content .tooltip-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(63, 96, 116, 0.5);
  height: 100%;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.2s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.2s;
  visibility: hidden;
  width: 100%;
  z-index: 501;
}
.main-content .tooltip-overlay.open {
  visibility: visible;
  opacity: 1;
}
.main-content .basic-header-feature .nozzle-finder-head {
  margin: 0 auto;
}
@media only screen and (min-width:1024px) {
  .main-content .basic-header-feature .nozzle-finder-head {
    max-width: 70%;
    padding-bottom: 0;
  }
}
@media only screen and (min-width:1024px) {
  .main-content .basic-header-feature.small-lower-pad {
    padding-bottom: 0;
  }
}

.nozzle-finder-search-results {
  background-color: #EEF1F4;
  padding: 1rem;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-search-results {
    padding: 3rem;
  }
}
@media only screen and (min-width:1441px) {
  .nozzle-finder-search-results {
    padding: 5rem;
  }
}
.nozzle-finder-search-results-wrapper {
  margin: 0 auto;
}
.nozzle-finder-search-results-wrapper .swipe-instructions {
  border-bottom: 1px dotted gray;
  line-height: 0;
  margin-bottom: 1.5rem;
  text-align: right;
  margin-left: 0.5rem;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-search-results-wrapper .swipe-instructions {
    display: none;
  }
}
.nozzle-finder-search-results-wrapper .swipe-instructions span {
  background: #EEF1F4;
  font-size: 1.4rem;
  padding-left: 1rem;
}
.nozzle-finder-search-results-wrapper .swipe-instructions span i {
  font-size: 2.4rem;
  line-height: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.nozzle-finder-search-results h2, .nozzle-finder-search-results p {
  color: #3F6074;
  text-align: center;
}
.nozzle-finder-search-results .red {
  color: #EC3737;
}
.nozzle-finder-search-results h2 {
  margin: 3rem 0 1rem;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-search-results h2 {
    margin: 4rem 0 2rem;
  }
}
.nozzle-finder-search-results p {
  padding: 0 1rem;
  font-size: 1.5rem;
  margin: 1rem 0 2rem;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-search-results p {
    font-size: 1.8rem;
    margin: 2rem 0;
    padding: 0 3rem;
  }
}

.nozzle-finder-card-grid-wrapper {
  margin: 0 auto;
}

.nozzle-finder-card-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 auto;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width:768px) {
  .nozzle-finder-card-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
  }
}
.nozzle-finder-card-grid::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 1px #3F6074;
  box-shadow: inset 0 0 0 1px #3F6074;
  border-radius: 10px;
}
.nozzle-finder-card-grid::-webkit-scrollbar {
  margin-top: 2rem;
  height: 12px;
}
.nozzle-finder-card-grid::-webkit-scrollbar-thumb {
  background-color: #3F6074;
  border-radius: 10px;
}

.autojet-1550 .site-container {
  background-color: #EEF1F4;
}
@media screen and (min-width: 1361px) {
  .autojet-1550 .header-feature-cta {
    margin-left: auto;
    margin-right: auto;
  }
}
.autojet-1550 .wysiwyg-content-wrapper ul {
  margin-top: 2rem;
}
.autojet-1550.is-scrolled .header-feature {
  background-position: center -1rem !important;
}

.nozzles-general-purpose .site-container {
  background-color: #EEF1F4;
}
@media screen and (min-width: 1361px) {
  .nozzles-general-purpose .header-feature-cta {
    margin-left: auto;
    margin-right: auto;
  }
}
.nozzles-general-purpose .wysiwyg-content-wrapper ul {
  margin-top: 2rem;
}
.nozzles-general-purpose.is-scrolled .header-feature {
  background-position: center -1rem !important;
}

.find-rep.main-content {
  padding-bottom: 3rem;
}
@media only screen and (min-width:768px) {
  .find-rep.main-content {
    padding-bottom: 6rem;
  }
}
@media only screen and (min-width:1024px) {
  .find-rep.main-content {
    padding-bottom: 8rem;
  }
}
@media only screen and (min-width:768px) {
  .find-rep.main-content .cards-default-container .cards-default-grid-item {
    margin-bottom: 0;
  }
}
.find-rep-form-wrapper {
  margin: 0 auto;
  padding-bottom: 3rem;
}
@media only screen and (min-width:768px) {
  .find-rep-form-wrapper {
    padding-bottom: 4rem;
  }
}
.find-rep .find-rep-form {
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
  max-width: 400px;
}
@media only screen and (min-width:481px) {
  .find-rep .find-rep-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 800px;
  }
}
@media only screen and (min-width:481px) {
  .find-rep .find-rep-form #find-rep-country-select {
    width: 380px;
  }
}
.find-rep .find-rep-form.postal-active #find-rep-postal, .find-rep .find-rep-form.postal-active #find-rep-country-select {
  width: 100%;
}
.find-rep .find-rep-form #find-rep-postal {
  display: none;
}
.find-rep .find-rep-form .find-rep-zip {
  position: relative;
}
.find-rep .find-rep-form .find-rep-zip input.postal-code {
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  padding-right: 3.8rem;
}
.find-rep .find-rep-form .find-rep-zip input.postal-code:active, .find-rep .find-rep-form .find-rep-zip input.postal-code:focus {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF;
  box-shadow: inset 0 0 0 2.5px #24ADFF;
}
.find-rep .find-rep-form .find-country {
  margin-bottom: 2rem;
  position: relative;
}
@media only screen and (min-width:481px) {
  .find-rep .find-rep-form .find-country {
    margin-right: 2rem;
  }
}
.find-rep .find-rep-form .find-country input.awesomplete {
  padding-right: 3.8rem;
}
.find-rep .find-rep-form .find-country .awesomplete {
  background-color: #FFFFFF;
  border: 0;
  -webkit-box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  box-shadow: inset 0 3px 0 0 rgba(63, 96, 116, 0.2);
  display: block;
  width: 100%;
}
.find-rep .find-rep-form .find-country .awesomplete::-webkit-calendar-picker-indicator {
  display: none;
}
.find-rep .find-rep-form .find-country .awesomplete ul {
  background: #FFFFFF;
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.find-rep .find-rep-form .find-country .awesomplete ul li {
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.find-rep .find-rep-form .find-country .awesomplete ul::before {
  background: transparent;
  border: 0;
}
.find-rep .find-rep-form .find-country .awesomplete ul li mark {
  background-color: transparent;
}
.find-rep .find-rep-form .find-country .awesomplete:focus, .find-rep .find-rep-form .find-country .awesomplete:active {
  -webkit-box-shadow: inset 0 0 0 2.5px #24ADFF;
  box-shadow: inset 0 0 0 2.5px #24ADFF;
}
.find-rep .find-rep-form .icon-search {
  background-color: transparent;
  background-image: url(../images/template/magnifying.svg);
  background-position: center 6px;
  background-repeat: no-repeat;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  font-size: 2rem;
  height: 30px;
  outline: 0;
  position: absolute;
  right: -10px;
  text-indent: -9999px;
  top: 21px;
  width: 38px;
}
.find-rep .find-rep-form .icon-search:hover {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.find-rep .find-rep-form .icon-search:active, .find-rep .find-rep-form .icon-search:focus {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media only screen and (min-width:768px) {
  .find-rep .find-rep-form .icon-search {
    top: 23px;
  }
}
@media only screen and (min-width:1024px) {
  .find-rep .find-rep-form .icon-search {
    top: 25px;
  }
}
.find-rep .grid-item-callout-result-header {
  width: 100%;
}
.find-rep .grid-item-callout-result-header p {
  font-size: 1.6rem;
}
.find-rep .grid-item-callout-result-header .offices-result {
  margin-right: 1rem;
  display: block;
}
@media only screen and (min-width:481px) {
  .find-rep .grid-item-callout-result-header .offices-result {
    margin-right: 2rem;
    display: inline;
  }
}
.find-rep .grid-item-callout-result-wrapper {
  padding: 2rem;
  width: 100%;
  display: none;
  margin: 0 auto;
  max-width: 1170px;
}
@media only screen and (min-width:768px) {
  .find-rep .grid-item-callout-result-wrapper {
    padding: 2rem 4rem;
  }
}
.find-rep .grid-item-callout-result-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.find-rep .sidebar-cards-grid-item-callout-result {
  display: block;
  margin: 0 0 3rem;
  padding-right: 6rem;
  max-width: 270px;
}
.find-rep .sidebar-cards-grid-item-callout-result-office {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
}

.checkout-wrapper {
  background: #EEF1F4;
  padding: 1rem;
}
@media only screen and (min-width:768px) {
  .checkout-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-wrapper {
    padding: 2rem 2rem 0 2rem;
  }
}
@media only screen and (min-width:1441px) {
  .checkout-wrapper {
    padding: 2rem 6rem;
  }
}
.checkout-item-review {
  padding: 0 2rem;
}
@media only screen and (min-width:768px) {
  .checkout-item-review {
    padding: 0 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-item-review {
    padding: 0 0 0 4rem;
    width: 65%;
  }
}
@media only screen and (min-width:1441px) {
  .checkout-item-review {
    padding: 0 0 0 8rem;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-process-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.checkout-process-review .shopping-cart-card {
  width: 100%;
  padding: 1rem 0;
}
.checkout-process-review .shopping-cart-card:first-of-type {
  padding-top: 0;
}
@media only screen and (min-width:768px) {
  .checkout-process-review .shopping-cart-card {
    padding: 2rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-process-review .shopping-cart-card {
    padding-right: 2rem;
  }
}
.checkout-process-title-wrapper {
  margin-bottom: 0.5rem;
}
.checkout-process-button {
  padding: 3rem 0 4rem;
}
@media only screen and (min-width:768px) {
  .checkout-process-button {
    padding: 2rem 0 7rem;
    text-align: right;
  }
}
@media only screen and (min-width:1024px) {
  .checkout-process-button {
    padding-right: 2rem;
  }
}
.checkout-process-button a {
  width: 100%;
}

.overlay {
  background-color: rgba(63, 96, 116, 0.5);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.2s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.2s;
  visibility: hidden;
  width: 100%;
  z-index: 902;
}

.overlay-active .overlay {
  opacity: 1;
  visibility: visible;
}

.checkout-top-button {
  padding: 1rem;
  background-color: #f6f8f9;
  text-align: center;
  position: fixed;
  top: -75px;
  right: 0;
  width: 100%;
  z-index: 99;
  opacity: 0;
  -webkit-box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  box-shadow: 0 10px 20px -5px rgba(63, 96, 116, 0.15);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.checkout-top-button .button-light-blue, .checkout-top-button .spray-form button, .spray-form .checkout-top-button button, .checkout-top-button .spray-form input[type=button], .spray-form .checkout-top-button input[type=button], .checkout-top-button .spray-form input[type=reset], .spray-form .checkout-top-button input[type=reset], .checkout-top-button .spray-form input[type=submit], .spray-form .checkout-top-button input[type=submit], .checkout-top-button .order-card-actions .cancel-button, .order-card-actions .checkout-top-button .cancel-button, .checkout-top-button .checkout-sum-invoice-button {
  width: 100%;
  font-size: 2rem;
}
.checkout-top-button.affix {
  top: 0;
  opacity: 1;
}
@media only screen and (min-width:1024px) {
  .checkout-top-button {
    display: none;
  }
}

.shopping-cart .ecom-main {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.shopping-cart .ecom-aside {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media only screen and (min-width:1024px) {
  .shopping-cart .ecom-main {
    margin-bottom: 5rem;
  }
}

.about-us .cards-default-container {
  padding: 3rem 0;
}
@media only screen and (min-width:768px) {
  .about-us .cards-default-container {
    padding: 6rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .about-us .cards-default-container {
    padding: 8rem 0;
  }
}
.about-us .video-feature-container.right {
  padding: 1rem 1rem 0;
}
@media only screen and (min-width:768px) {
  .about-us .video-feature-container.right {
    padding: 4rem 6rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .about-us .video-feature-container.right {
    padding: 6rem 8rem 0;
  }
}
@media screen and (min-width: 1300px) {
  .about-us .video-feature-container.right {
    padding-left: 0;
    padding-right: 0;
  }
}

.careers-bottom {
  margin: 0 auto 0;
  max-width: 850px;
  padding: 0 2rem 3rem;
}
@media only screen and (min-width:768px) {
  .careers-bottom {
    padding-bottom: 6rem;
  }
}
@media only screen and (min-width:1024px) {
  .careers-bottom {
    padding-bottom: 8rem;
  }
}
.careers-bottom-desc-container {
  padding: 4rem 0 2rem;
}
@media only screen and (min-width:1024px) {
  .careers-bottom-desc-container {
    padding: 7.5rem 0 3.5rem;
  }
}
.careers-bottom-desc {
  color: #222222;
  font-size: 1.8rem;
  font-weight: 600;
}
@media only screen and (min-width:768px) {
  .careers-bottom-desc {
    font-size: 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .careers-bottom-desc {
    font-size: 2.4rem;
  }
}
.careers-bottom-header {
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width:768px) {
  .careers-bottom-header {
    font-size: 3.4rem;
  }
}
@media only screen and (min-width:1024px) {
  .careers-bottom-header {
    font-size: 4rem;
  }
}
.careers .spray-form input, .careers .spray-form textarea {
  margin-bottom: 2rem;
}
.careers .spray-form textarea {
  background-color: #ffffff;
}
.careers .spray-form label.interest, .careers .spray-form label.checkbox {
  margin-bottom: 2rem;
}
.careers .spray-form label.checkbox {
  color: #3F6074;
  font-weight: 400;
  margin-left: -5px;
}
.careers .spray-form .checkbox::before {
  font-size: 2.8rem;
  top: -10px;
}
.careers .spray-form [type=checkbox]:not(:checked) + label, .careers .spray-form [type=checkbox]:checked + label {
  padding-left: 4rem !important;
}
.careers .spray-form .file-upload {
  line-height: 1.5;
  margin: 3rem 0;
}
.careers .spray-form .file-upload i {
  font-size: 2.5rem;
  color: #222222;
}
.careers .spray-form .file-upload a {
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 600;
  margin-left: 5px;
}
@media only screen and (min-width:1024px) {
  .careers .spray-form .file-upload a {
    font-size: 1.8rem;
  }
}
.careers .spray-form *[id$=CaptchaValue_wrapper], .careers .spray-form .g-recaptcha {
  margin-bottom: 3rem;
  margin-left: -1rem;
}
@media screen and (min-width: 375px) {
  .careers .spray-form *[id$=CaptchaValue_wrapper], .careers .spray-form .g-recaptcha {
    margin-left: 0;
  }
}
.careers .spray-form-field {
  margin-bottom: 0;
}
.careers-bottom-form-desc {
  font-size: 1.6rem;
}
@media only screen and (min-width:768px) {
  .careers-bottom-form-desc {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .careers-bottom-form-desc {
    font-size: 2rem;
    margin-bottom: 4.5rem;
  }
}
.careers .cards-default-container {
  padding: 3rem 0;
}
@media only screen and (min-width:768px) {
  .careers .cards-default-container {
    padding: 6rem 0;
  }
}
@media only screen and (min-width:1024px) {
  .careers .cards-default-container {
    padding: 8rem 0;
  }
}
.careers .button-container {
  margin-top: 3rem;
  text-align: center;
}
@media only screen and (min-width:1024px) {
  .careers .button-container .button-blue, .careers .button-container .order-sum-invoice-button, .careers .button-container .prod-features-cta-button {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width:768px) {
  .careers .video-feature-container.left {
    padding-bottom: 0;
  }
}
@media only screen and (min-width:768px) {
  .careers-form-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .careers-form-item {
    padding-right: 4rem;
    width: 50%;
  }
  .careers-form-item:nth-of-type(2n+2) {
    padding-right: 0;
  }
  .careers-form-inner .spray-form-field {
    padding-right: 4rem;
    width: 50%;
  }
  .careers-form-inner .spray-form-field:nth-of-type(2n+2) {
    padding-right: 0;
  }
}
.careers input[type=file] {
  display: none;
}

.landing-page .header-feature-cta-title {
  text-transform: none !important;
  letter-spacing: -0.3rem;
  line-height: 0.95;
  font-size: 4.2rem;
}
@media only screen and (min-width:768px) {
  .landing-page .header-feature-cta-title {
    font-size: 5rem;
  }
}
@media only screen and (min-width:1024px) {
  .landing-page .header-feature-cta-title {
    font-size: 6.2rem;
  }
}
@media only screen and (min-width:1441px) {
  .landing-page .header-feature-cta-title {
    font-size: 6.4rem;
  }
}
.landing-page .article-copy {
  background-color: #EEF1F4;
  padding: 2rem;
}
.landing-page .article-copy ul {
  margin-top: 2rem;
}
@media only screen and (min-width:768px) {
  .landing-page .article-copy-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
  }
}
@media only screen and (min-width:768px) {
  .landing-page .article-copy-flex-main-col {
    width: 50%;
    padding: 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .landing-page .article-copy-flex-main-col {
    width: 60%;
    padding: 4.5rem;
  }
}
.landing-page .article-copy-flex-secondary-col {
  padding-top: 2rem;
}
@media only screen and (min-width:768px) {
  .landing-page .article-copy-flex-secondary-col {
    width: 50%;
    padding: 2rem;
  }
}
@media only screen and (min-width:1024px) {
  .landing-page .article-copy-flex-secondary-col {
    width: 40%;
    padding: 4.5rem;
  }
}
.landing-page-cta-link:hover {
  text-decoration: none;
}
.landing-page-cta-link h3 {
  color: #0065A4;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.landing-page-cta-link .icon-double-arrow {
  color: #24ADFF;
  font-size: 3.7rem;
  margin-bottom: 2rem;
  position: relative;
  top: -5px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media only screen and (min-width:768px) {
  .landing-page-cta-link .icon-double-arrow {
    -webkit-transform: none;
    transform: none;
  }
}
.landing-page .spray-form-header {
  margin-bottom: 4.5rem;
  position: relative;
}
.landing-page .spray-form-header::after {
  background-color: #D47070;
  bottom: -1.3rem;
  content: "";
  height: 6px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  width: 80px;
  z-index: 1;
}
.landing-page .spray-form-field {
  margin-bottom: 2rem;
}
.landing-page .spray-form .checkbox, .landing-page .spray-form .events-interest {
  margin-bottom: 2rem;
}
.landing-page .spray-form .checkbox label {
  color: #3F6074;
  font-weight: 400;
  margin-left: -6px;
  padding-left: 4rem !important;
}
.landing-page .spray-form .checkbox label.consent-text {
  font-weight: 700;
}
.landing-page .spray-form .checkbox label::before {
  font-size: 2.8rem;
  top: -10px;
}
.landing-page .spray-form button {
  margin-top: 1rem;
}

.nozzle-brands .article-copy p + ul {
  margin-top: 2rem;
}

.calculator.spray-coverage .basic-header-feature.centered {
  padding: 4rem 0 3rem;
}
.calculator.eductor-sizing .spray-table-wrapper {
  max-width: 100%;
}
.calculator .content-wrapper {
  max-width: 790px;
  padding: 0 2rem;
}
.calculator .content-wrapper .spray-coverage-note-wrapper {
  margin-top: 3rem;
}
@media only screen and (min-width:481px) {
  .calculator .content-wrapper .spray-coverage-note-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.calculator .content-wrapper .spray-coverage-note-wrapper .spray-coverage-note {
  font-size: 1.5rem;
  line-height: 1.5;
}
@media only screen and (min-width:481px) {
  .calculator .content-wrapper .spray-coverage-note-wrapper .spray-coverage-note {
    width: 80%;
  }
}
@media only screen and (min-width:768px) {
  .calculator .content-wrapper .spray-coverage-note-wrapper .spray-coverage-note {
    font-size: 1.8rem;
  }
}
.calculator .content-wrapper .spray-coverage-note-wrapper .spray-coverage-image {
  width: 70%;
  margin: 0 auto;
  max-width: 250px;
}
@media only screen and (min-width:481px) {
  .calculator .content-wrapper .spray-coverage-note-wrapper .spray-coverage-image {
    width: 50%;
    max-width: 170px;
  }
}
.calculator .content-wrapper .spray-coverage-note-wrapper .spray-coverage-image img {
  width: 100%;
  margin: 0 1rem;
}
.calculator-wrapper {
  margin: 0 auto;
  max-width: 790px;
  padding: 0 2rem;
}
.calculator-wrapper.eductor {
  max-width: 830px;
}
.calculator-wrapper.eductor .spray-form-field-header-wrapper {
  padding: 0 2rem;
}
.calculator-wrapper.eductor .calculator-results {
  max-width: 750px;
  margin: 0 auto;
}
.calculator .spray-form-field-filter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
  margin-bottom: 2rem;
}
.calculator .spray-form-field-wrapper.coverage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.calculator .spray-form-field-wrapper.coverage .spray-form-field {
  width: 50%;
}
.calculator .spray-form-field-wrapper.coverage .spray-form-field.pad-right {
  padding-right: 1rem;
}
.calculator .spray-form-field-wrapper.coverage .spray-form-field.pad-left {
  padding-left: 1rem;
}
.calculator .spray-form-field-wrapper.eductor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.calculator .spray-form-field-wrapper.eductor .spray-form-field {
  width: 100%;
  margin-bottom: 3rem;
}
@media screen and (min-width: 500px) {
  .calculator .spray-form-field-wrapper.eductor .spray-form-field {
    padding: 0 2rem;
    width: 50%;
  }
}
.calculator .spray-form-field-wrapper.eductor .spray-form-field input.disabled {
  background-color: #D9DFE3;
}
.calculator .spray-form-field-wrapper.eductor .spray-form-field ~ .note {
  position: relative;
  top: -1.5rem;
  font-size: 1.5rem;
  font-style: italic;
}
@media screen and (min-width: 500px) {
  .calculator .spray-form-field-wrapper.eductor .spray-form-field ~ .note {
    padding: 0 2rem;
  }
}
.calculator .spray-form-field-wrapper.last {
  margin-bottom: 2rem;
}
@media only screen and (min-width:768px) {
  .calculator .spray-form-field-wrapper.last {
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width:1024px) {
  .calculator .spray-form-field-wrapper.last {
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width:1024px) {
  .calculator .spray-form-field {
    margin-bottom: 4rem;
  }
}
.calculator .spray-form-field .radio-select-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.calculator .spray-form-field .radio-select-wrapper .radio-select {
  width: 125px;
  margin: 1.5rem 0 0;
}
.calculator .spray-form-field .radio-select {
  margin: 1.5rem 0;
}
.calculator .spray-form-field .radio-select span {
  font-size: 1.4rem;
  color: #222;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.6rem;
}
@media only screen and (min-width:768px) {
  .calculator .spray-form-field .radio-select span {
    font-size: 1.6rem;
  }
}
.calculator .spray-form-field label {
  display: inline-block;
}
.calculator .spray-form-field i.icon-circle-question-mark {
  color: #24ADFF;
  cursor: pointer;
  font-size: 1.4rem;
  margin-left: 0.7rem;
}
@media only screen and (min-width:768px) {
  .calculator .spray-form-field i.icon-circle-question-mark {
    font-size: 1.6rem;
  }
}
.calculator .spray-form-field [type=radio]:not(:checked) + label:before, .calculator .spray-form-field [type=radio]:checked + label:before {
  top: -1px;
}
.calculator .spray-form-field label.radio, .calculator .spray-form-field label.radio span {
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: 400;
  margin-left: 0.3rem;
  line-height: 1.3;
  padding-right: 1rem;
}
.calculator .spray-form-field label.radio span {
  margin-left: 0;
}
.calculator .spray-form-field.variable-select {
  display: none;
}
.calculator .spray-form-field.spray-angle, .calculator .spray-form-field.spray-cover, .calculator .spray-form-field.spray-height {
  margin-bottom: 3rem;
}
@media only screen and (min-width:768px) {
  .calculator .spray-form-field.spray-angle, .calculator .spray-form-field.spray-cover, .calculator .spray-form-field.spray-height {
    margin-bottom: 4rem;
  }
}
.calculator .spray-form-field .button-gray, .calculator .spray-form-field .order-card-actions .reorder-button, .order-card-actions .calculator .spray-form-field .reorder-button {
  height: 42px;
}
.calculator .spray-form-field .button-gray:hover, .calculator .spray-form-field .order-card-actions .reorder-button:hover, .order-card-actions .calculator .spray-form-field .reorder-button:hover {
  background: #EEF1F4;
  -webkit-box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #3F6074;
  box-shadow: 0 9px 11px -5px rgba(63, 96, 116, 0.2), inset 0 -3px 0 0 #3F6074;
}
.calculator .spray-form-field .flex-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calculator .spray-form-field .flex-fields .field-one {
  width: 70%;
}
.calculator .spray-form-field .flex-fields .field-two {
  width: 30%;
}
.calculator .spray-form-field .flex-fields .field-one {
  padding-right: 0.75rem;
}
.calculator .spray-form-field .flex-fields .field-two {
  padding-left: 0.75rem;
}
.calculator .spray-dry-selector {
  display: block;
}
@media screen and (min-width: 550px) {
  .calculator .spray-dry-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.calculator .spray-dry-selector .spray-form-field.third {
  width: 100%;
}
@media screen and (min-width: 550px) {
  .calculator .spray-dry-selector .spray-form-field.third {
    margin-right: 1.5rem;
    margin-bottom: 0;
    width: 33.33%;
  }
  .calculator .spray-dry-selector .spray-form-field.third:last-of-type() {
    margin-right: 0;
  }
}
@media only screen and (min-width:768px) {
  .calculator .spray-dry-selector .spray-form-field.third {
    margin-right: 4rem;
  }
  .calculator .spray-dry-selector .spray-form-field.third:last-of-type() {
    margin-right: 0;
  }
}
.calculator .spray-pressure-conditional-form {
  display: none;
}
.calculator .nozzle-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  font-size: 1.4rem;
  font-weight: 600;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1rem;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  z-index: 40;
}
@media only screen and (min-width:481px) {
  .calculator .nozzle-menu-item {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width:1024px) {
  .calculator .nozzle-menu-item {
    font-size: 1.8rem;
  }
}
.calculator .nozzle-menu-item:first-child {
  border: 0;
}
.calculator .nozzle-menu-item strong {
  color: #222;
}
@media only screen and (min-width:1024px) {
  .calculator .nozzle-menu-item.menu-filters {
    padding-left: 0;
  }
}
.calculator .nozzle-menu-item.menu-reset.reset-only {
  margin-left: auto;
  border-left: 0;
}
@media only screen and (min-width:1024px) {
  .calculator .nozzle-menu-item.menu-reset {
    padding-right: 0;
  }
}
.calculator .nozzle-menu-item a {
  cursor: pointer;
}
.calculator .nozzle-menu-item i {
  color: #222222;
  font-size: 2.5rem;
  margin-right: 0.25rem;
  position: relative;
  top: -2px;
}
@media only screen and (min-width:1024px) {
  .calculator .nozzle-menu-item i {
    top: 0;
  }
}
.calculator .nozzle-menu-item i.icon-reorder {
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  top: -2px;
}
.calculator .nozzle-menu-item i.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.calculator .nozzle-menu-item strong {
  margin-right: 0.5rem;
}
.calculator .nozzle-menu-item .filter-text-metric {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 600;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (min-width:1024px) {
  .calculator .nozzle-menu-item .filter-text-metric {
    height: 22px;
  }
}
.calculator .nozzle-menu-item .filter-text-metric label {
  padding-right: 1.5rem;
  font-size: 100%;
  line-height: unset;
  margin-bottom: unset;
}
.calculator .nozzle-menu-item .filter-text-metric label:before {
  top: 0;
}
.calculator .nozzle-menu-item .filter-text-metric .us, .calculator .nozzle-menu-item .filter-text-metric .f32 .usa, .f32 .calculator .nozzle-menu-item .filter-text-metric .usa, .calculator .nozzle-menu-item .filter-text-metric .metric {
  color: #24ADFF;
  top: -18px;
  position: relative;
  cursor: pointer;
  -webkit-transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
  transition: cubic-bezier(0.79, 0.24, 0.51, 0.95) 0.3s;
}
.calculator .nozzle-menu-item .filter-text-metric .us:hover, .calculator .nozzle-menu-item .filter-text-metric .f32 .usa:hover, .f32 .calculator .nozzle-menu-item .filter-text-metric .usa:hover, .calculator .nozzle-menu-item .filter-text-metric .metric:hover {
  text-decoration: underline;
}
@media only screen and (min-width:1024px) {
  .calculator .nozzle-menu-item .filter-text-metric .us, .calculator .nozzle-menu-item .filter-text-metric .f32 .usa, .f32 .calculator .nozzle-menu-item .filter-text-metric .usa, .calculator .nozzle-menu-item .filter-text-metric .metric {
    top: -22px;
  }
}
.calculator .nozzle-menu-item .filter-text-metric.collapsed .metric, .calculator .nozzle-menu-item .filter-text-metric.collapsed .us, .calculator .nozzle-menu-item .filter-text-metric.collapsed .f32 .usa, .f32 .calculator .nozzle-menu-item .filter-text-metric.collapsed .usa {
  top: 0px;
}
.calculator-form-button {
  margin-bottom: 3rem;
}
.calculator-form-button button {
  width: 100%;
}
@media only screen and (min-width:481px) {
  .calculator-form-button button {
    width: auto;
  }
}
@media only screen and (min-width:481px) {
  .calculator-form-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.calculator-form-button.eductor {
  margin-top: 2rem;
  padding: 0 2rem;
}
.calculator .blue-container {
  padding: 2rem;
  background-color: #3F6074;
  text-align: center;
}
@media only screen and (min-width:768px) {
  .calculator .blue-container {
    padding: 3rem 4rem;
  }
}
.calculator .blue-container .calculator-results-text {
  color: #FFFFFF;
}
.calculator .blue-container .thanks-msg-text {
  color: #FFFFFF;
}
.calculator-results {
  display: none;
  padding: 2rem;
  text-align: center;
}
@media only screen and (min-width:768px) {
  .calculator-results {
    padding: 3rem 4rem;
  }
}
.calculator-results-text {
  margin-bottom: 0.5rem;
}
.calculator-results-text.left {
  text-align: left;
  font-weight: 500;
}
.calculator-results-result {
  font-size: 3.3rem;
  color: #FFFFFF;
  margin-bottom: 4.8rem;
}
.calculator-results-header {
  font-size: 2.4rem;
  color: #222222;
}
.calculator-results.lubricant-savings {
  text-align: left;
  padding: 1rem 0 2rem;
}
.calculator-results.spray-dry {
  background-color: #EEF1F4;
  display: none;
  padding: 0 0 4rem;
  margin: 0 auto;
}
.calculator-results.spray-dry .spray-dry-results-card {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
}
.calculator-results.spray-dry .spray-dry-results-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem 0;
}
.calculator-results.spray-dry .spray-dry-results-header .spray-dry-results-image img {
  max-width: 120px;
  border-radius: 50%;
  margin-right: 2rem;
}
.calculator-results.spray-dry .spray-dry-results-header .spray-dry-results-text {
  font-size: 2.4rem;
  font-weight: 500;
  color: #222222;
  text-align: left;
}
.calculator-results.spray-dry .spray-dry-results-header .spray-dry-results-desc {
  font-size: 1.6rem;
  color: #3F6074;
}
.calculator-results.spray-dry .spray-dry-results-table {
  margin-bottom: 4rem;
  max-width: 1000px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.calculator-results.spray-dry .spray-dry-results-table .table-row {
  padding: 1rem;
  text-align: center;
}
.calculator-results.spray-dry .spray-dry-results-table .table-row.one {
  min-width: 100px;
  width: 100%;
}
.calculator-results.spray-dry .spray-dry-results-table .table-row.two {
  min-width: 160px;
  width: 100%;
}
.calculator-results.spray-dry .spray-dry-results-table .table-row.three, .calculator-results.spray-dry .spray-dry-results-table .table-row.four, .calculator-results.spray-dry .spray-dry-results-table .table-row.five, .calculator-results.spray-dry .spray-dry-results-table .table-row.six {
  min-width: 135px;
  width: 100%;
}
.calculator-results.spray-dry .spray-dry-results-table .table-row.seven {
  min-width: 180px;
  width: 100%;
}
.calculator-results.spray-dry .spray-dry-results-table .results-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  width: 1000px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.calculator-results.spray-dry .spray-dry-results-table .results-row.results:nth-of-type(odd) {
  background-color: #f6f8f9;
}
.calculator-results.spray-dry .spray-dry-results-table .results-row.results .table-row {
  border-right: 2px dotted rgba(63, 96, 116, 0.2);
  color: #3F6074;
  font-size: 1.6rem;
  font-weight: 500;
}
.calculator-results.spray-dry .spray-dry-results-table .results-row.results .table-row:last-child {
  border-right: none;
}
.calculator-results.spray-dry .spray-dry-results-table .results-row.results.last {
  border-bottom: 2px dotted rgba(63, 96, 116, 0.2);
}
.calculator-results.spray-dry .spray-dry-results-table .results-table-header {
  background-color: #222222;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 1.6rem;
  font-weight: bold;
}
.calculator-results.spray-dry .spray-dry-results-table .results-table-header .table-row {
  border-right: 2px dotted rgba(255, 255, 255, 0.3);
}
.calculator-results.spray-dry .spray-dry-results-table .results-table-header .table-row:last-child {
  border-right: none;
}
.calculator-results.spray-dry .spray-dry-results-table .results-table-subheader {
  background-color: #3F6074;
  font-size: 1.4rem;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}
.calculator-results.spray-dry .spray-dry-results-table .results-table-subheader .table-row {
  border-right: 2px dotted rgba(255, 255, 255, 0.3);
}
.calculator-results.spray-dry .spray-dry-results-table .results-table-subheader .table-row:last-child {
  border-right: none;
}
.calculator-results.spray-dry .spray-dry-results-table .table-note {
  width: 1000px;
  overflow-y: auto;
}
.calculator-results.spray-dry .spray-dry-results-table .table-note p {
  margin-top: 0.7rem;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 600;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur {
  max-width: 960px;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur {
  max-width: 960px;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row {
  max-width: 960px;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row.results-table-subheader .table-row.four, .calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row.results .table-row.four {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  min-width: 200px;
  padding: 0 1rem;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row.results-table-subheader .table-row.four .table-sub-row, .calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row.results .table-row.four .table-sub-row {
  width: 50%;
  padding: 1rem 1rem 1rem 0.5rem;
  border-right: 2px dotted rgba(255, 255, 255, 0.3);
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row.results-table-subheader .table-row.four .table-sub-row:last-of-type, .calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row.results .table-row.four .table-sub-row:last-of-type {
  border-right: none;
  padding: 1rem 0.5rem 1rem 1rem;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row .table-row.three {
  min-width: 200px;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row .table-row.five {
  min-width: 240px;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row .table-row.four {
  min-width: 200px;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row.results {
  background-color: #ffffff;
}
.calculator-results.spray-dry .spray-dry-results-card.sulfur .spray-dry-results-table.sulfur .results-row.results .table-row.four .table-sub-row {
  border-right: 2px dotted rgba(63, 96, 116, 0.2);
}
.calculator-results .thanks-msg {
  display: none;
  margin: 3rem 0 0;
}
.calculator-results .thanks-msg-text {
  color: #3F6074;
  margin-bottom: 0;
  text-align: center;
}
.calculator-results .calculator-note-text {
  margin-bottom: 2rem;
}
.calculator .discuss-results h1 {
  font-weight: 800;
  font-size: 10vw;
}
@media only screen and (min-width:768px) {
  .calculator .discuss-results h1 {
    font-size: 3rem;
  }
}
.calculator .discuss-results-form {
  text-align: left;
  margin-top: 3rem;
}
.calculator .discuss-results-form.spray-dry {
  max-width: 790px;
  margin: 0 auto;
}
.calculator .discuss-results-form.sulfur {
  max-width: 960px;
}
.calculator .discuss-results-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.calculator .discuss-results-button button {
  margin-right: 2rem;
}
@media only screen and (min-width:481px) {
  .calculator .discuss-results-button button {
    width: auto;
  }
}
.calculator .discuss-results.lubricant-savings, .calculator .discuss-results.spray-dry {
  text-align: center;
}
.calculator .blue-container .discuss-results h1 {
  color: #FFFFFF;
}
.calculator .blue-container .discuss-results-form label {
  color: #FFFFFF;
}
.calculator .blue-container .discuss-results-form label.required-asterisk a {
  color: #D47070;
}
.calculator .blue-container .discuss-results-form .form-validation-note,
.calculator .blue-container .discuss-results-form .required-asterisk:after,
.calculator .blue-container .discuss-results-form .field-validation-error {
  color: #D47070;
}
.calculator .lubricant-input-grid-outer .lubricant-input-grid {
  padding-bottom: 1rem;
}
@media screen and (min-width: 600px) {
  .calculator .lubricant-input-grid-outer .lubricant-input-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 95%;
  }
}
.calculator .lubricant-input-grid-outer .lubricant-input-item {
  margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
  .calculator .lubricant-input-grid-outer .lubricant-input-item {
    width: 33.33%;
    margin-right: 2rem;
    padding-right: 1rem;
    border-right: 2px dotted rgba(63, 96, 116, 0.2);
  }
  .calculator .lubricant-input-grid-outer .lubricant-input-item:last-of-type {
    border-right: 0;
  }
}
.calculator .lubricant-input-grid-outer .lubricant-input-label {
  text-transform: uppercase;
  color: #0065A4;
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom: 0.9rem;
}
.calculator .lubricant-input-grid-outer .lubricant-input-text {
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
}
.calculator .lubricant-savings-grid-outer {
  margin-bottom: 1.8rem;
}
.calculator .lubricant-savings-grid {
  text-align: left;
}
.calculator .lubricant-savings-grid .lubricant-savings-label {
  color: #FFFFFF;
  margin-bottom: 2rem;
}
@media only screen and (min-width:768px) {
  .calculator .lubricant-savings-grid .lubricant-savings-label {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 375px) {
  .calculator .lubricant-savings-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.calculator .lubricant-savings-item {
  padding: 2rem;
  background-color: #3F6074;
  margin-bottom: 1rem;
  width: 100%;
}
@media screen and (min-width: 375px) {
  .calculator .lubricant-savings-item {
    width: 48.7%;
    margin-right: 0.5rem;
  }
  .calculator .lubricant-savings-item:nth-of-type(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) {
  .calculator .lubricant-savings-item {
    width: 32.4%;
  }
  .calculator .lubricant-savings-item:nth-of-type(even) {
    margin-right: 0.5rem;
  }
  .calculator .lubricant-savings-item:last-of-type() {
    margin-right: 0;
  }
}
.calculator .lubricant-savings-section {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px dotted rgba(255, 255, 255, 0.3);
}
.calculator .lubricant-savings-section:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.calculator .lubricant-savings-section .per-day {
  color: #67D1FF;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
}
.calculator .lubricant-savings-section .savings-amount {
  color: #FFFFFF;
  font-size: 3.3rem;
  font-weight: bold;
}
.calculator .lubricant-savings-section .liquid-amount {
  color: #EEF1F4;
  font-size: 1.4rem;
}
@media only screen and (min-width:768px) {
  .calculator .lubricant-savings-section .liquid-amount {
    font-size: 1.6rem;
  }
}
.calculator .nozzle-tooltip-equation {
  max-width: 65%;
}
.calculator.sulfur-sizing .spray-form-field .flex-fields .field-one {
  width: 60%;
}
.calculator.sulfur-sizing .spray-form-field .flex-fields .field-two {
  width: 40%;
}
.calculator.sulfur-sizing #flow-pressure-chart {
  max-height: 40rem;
  padding-bottom: 3rem;
}
.calculator.sulfur-sizing .content-wrapper, .calculator.sulfur-sizing .calculator-wrapper, .calculator.eductor-sizing .content-wrapper, .calculator.eductor-sizing .calculator-wrapper, .calculator.spraydry .content-wrapper, .calculator.spraydry .calculator-wrapper {
  max-width: 1100px;
}
.calculator .hidden {
  display: none;
}

.spraydry-selector .content-wrapper, .spraydry-selector .content-wrapper hr {
  max-width: 1040px;
}
.spraydry-selector .calculator-wrapper {
  max-width: 100%;
}
.spraydry-selector .calculator-wrapper .calculator-form {
  max-width: 1000px;
  margin: 0 auto;
}

.metric-label {
  display: none;
}

.metric .metric-label {
  display: inline;
}
.metric .us-label {
  display: none;
}

div.eductor-sizing .spray-table-link {
  min-width: 950px;
  max-width: 950px;
  margin: auto;
}

div.spray-table.eductor-sizing.eductor-materials {
  max-width: none;
}
div.spray-table.eductor-sizing.eductor-materials .spray-table-header {
  min-width: 0;
}
div.spray-table.eductor-sizing.eductor-materials .spray-table-header .spray-table-cell.one, div.spray-table.eductor-sizing.eductor-materials .spray-table-header .spray-table-cell.two {
  width: auto;
  min-width: 200px;
  padding: 6px 2px 2px 2px;
}
div.spray-table.eductor-sizing.eductor-materials .spray-table-header .spray-table-cell.three .spray-table-sub-col {
  min-width: 0;
  width: 25%;
}
div.spray-table.eductor-sizing.eductor-materials .spray-table-header .spray-table-cell.three.header {
  min-width: 0;
}
div.spray-table.eductor-sizing.eductor-materials .spray-table-row {
  min-width: 0;
}
div.spray-table.eductor-sizing.eductor-materials .spray-table-row .spray-table-cell.one, div.spray-table.eductor-sizing.eductor-materials .spray-table-row .spray-table-cell.two {
  width: auto;
  min-width: 200px;
  padding: 6px 2px 2px 2px;
}
div.spray-table.eductor-sizing.eductor-materials .spray-table-row .spray-table-cell.three {
  min-width: 0;
}
div.spray-table.eductor-sizing.eductor-materials .spray-table-row .spray-table-cell.three .spray-table-sub-col {
  min-width: 0;
  width: 25%;
}

section.seminar-post-registration-details {
  padding: 2rem 0;
}

.seminar-date {
  padding: 2rem 0;
}

.spray-form .toggleable {
  display: none;
}

.cc-summary {
  margin: 0 0 3rem 2rem;
}
.cc-summary div span {
  display: inline-block;
  width: 50%;
}
.cc-summary div span:first-of-type {
  font-weight: 700;
}
.cc-summary div span:first-of-type:after {
  content: ":";
}

.submit-response-modal {
  border-radius: 1rem;
}
.submit-response-modal#payment-success [class^=icon-] {
  color: #7ED321;
}
.submit-response-modal#payment-failure [class^=icon-] {
  color: #EC3737;
}
.submit-response-modal .err-msg {
  font-size: 1.3rem;
  font-family: monospace;
  padding: 2rem 0 0 2rem;
}

#AcceptUIContainer {
  position: fixed !important;
}

.product-detail {
  position: relative;
}

.blogs {
  /*&.thumbnail img.portrait {
      width: 100%;
      height: auto;
  }*/
  /*Share Buttons Css Below*/
  /* Non solid icons get a stroke */
  /* Solid icons get a fill */
}
.blogs.top-left {
  position: absolute;
}
.blogs.indented {
  top: 16px;
  left: 16px;
}
.blogs.image-container {
  position: relative;
  text-align: center;
  color: white;
  min-height: 100px;
}
.blogs.image-container img {
  margin: auto;
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.blogs.body-text {
  padding-left: 2em;
  padding-right: 2em;
}
.blogs.recent-posts-widget {
  border: 1px solid lightgray;
  padding: 0 !important;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.blogs.related-posts-widget {
  border: 1px solid lightgray;
  padding: 0 !important;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.blogs.widget-header {
  background-color: #eef1f4;
  margin: 0 !important;
}
.blogs.widget-header h2 {
  margin-bottom: 0px;
  padding: 15px 20px;
}
.blogs.smallpost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 20px 22px;
  border-bottom: 1px solid #dedede;
}
.blogs.post-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 1rem;
}
.blogs.post-thumbnail {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 22px;
}
.blogs.post-title {
  margin-top: 5px;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 7px;
}
.blogs.landscape {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.blogs.portrait {
  width: 100%;
  height: auto;
}
.blogs.thumb {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100px;
  width: 100px;
  min-width: 100px;
  min-height: 100px;
  margin-right: 22px;
}
.blogs.thumbnail {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.blogs.thumbnail-img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.blogs.date-component-top {
  background-color: #0065a4;
  margin-bottom: 0px;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.blogs.date-component-bottom {
  background-color: #5e7c8e;
  padding-right: 0.1em;
  padding-left: 0.1em;
}
.blogs.date-component-bottom h4 {
  color: #ffffff;
  padding: 0.1em;
}
.blogs.date-component-date {
  margin-bottom: 0em;
  text-align: center;
  color: #ffffff;
}
.blogs.entry-bottom {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 30px;
  margin-top: 28px;
  margin-bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blogs.entry-bottom label {
  font-size: 17px;
  color: #222;
  font-family: futura-medium;
  margin-right: 10px;
}
.blogs.entry-bottom .entry-tags {
  margin-right: 20px;
  margin-bottom: 15px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.blogs.entry-tags a {
  background-color: #f5f5f5;
  border: 0;
  color: #777;
  display: inline-block;
  font-size: 13px !important;
  line-height: 34px;
  padding: 0 22px;
  margin-bottom: 10px;
  margin-right: 6px;
  border-radius: 0;
}
.blogs.entry-tags a:hover {
  color: #fff;
  background-color: #2897DC;
  text-decoration: none;
}
.blogs.entry-meta {
  margin: 0 0 18px;
  list-style: none;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blogs.entry-meta li {
  display: inline-block;
  margin-right: 16px;
  padding-right: 16px;
  position: relative;
}
.blogs.article-copy ul li:before {
  position: absolute;
  left: -1.5rem;
  content: none;
}
.blogs.article-copy {
  background-color: #EEF1F4;
  padding: 2rem;
}
.blogs.article-copy ul {
  margin-top: 2rem;
}
@media only screen and (min-width:768px) {
  .blogs.article-copy-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 2000px;
  }
}
@media only screen and (min-width:768px) {
  .blogs.article-copy-flex-main-col {
    width: 50%;
    padding: 1rem;
  }
}
@media only screen and (min-width:1024px) {
  .blogs.article-copy-flex-main-col {
    width: 60%;
    padding: 1.5rem 4rem;
  }
}
.blogs.article-copy-flex-secondary-col {
  padding-top: 2rem;
}
@media only screen and (min-width:768px) {
  .blogs.article-copy-flex-secondary-col {
    width: 50%;
    padding: 1rem;
  }
}
@media only screen and (min-width:1024px) {
  .blogs.article-copy-flex-secondary-col {
    width: 40%;
    padding: 1.5rem;
  }
}
.blogs.pageContainer pagination {
  width: 100%;
}
.blogs.author {
  text-align: center;
  font-size: 100%;
  padding: 10px 0px 10px 0px;
}
.blogs.avatar img {
  width: 200px;
  aspect-ratio: auto;
  border-radius: 100%;
}
.blogs.author-info-part {
  margin: 0 0 10px;
}
.blogs.author-info-part h2 {
  margin-top: 0;
  font-size: 3.2rem;
  padding-top: 10px;
}
.blogs.author-name {
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  letter-spacing: 0.1px;
  font-size: 3.2rem;
  margin: 0 0 10px;
}
.blogs.author-title {
  line-height: 1.2;
  margin: auto;
  max-width: 200px;
}
.blogs.author-education {
  margin-left: 1em;
  padding-bottom: 8px;
}
.blogs.author-education a {
  line-height: 1.2;
}
.blogs.author-social {
  margin-left: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blogs.author-knowsabout-tags {
  margin-left: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blogs.author-knowsabout-tag {
  line-height: 1.2;
  border-radius: 5px;
  padding-bottom: 8px;
  padding-right: 25px;
  padding-left: 0px;
}
.blogs.resp-sharing-button__link, .blogs.resp-sharing-button__icon {
  display: inline-block;
}
.blogs.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  padding-right: 10px;
}
.blogs.resp-sharing-button {
  border-radius: 5px;
  -webkit-transition: 25ms ease-out;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.blogs.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top;
}
.blogs.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
}
.blogs.resp-sharing-button__icon {
  stroke: #fff;
  fill: none;
}
.blogs.resp-sharing-button__icon--solid, .blogs.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none;
}
.blogs.resp-sharing-button--twitter {
  background-color: #55acee;
}
.blogs.resp-sharing-button--twitter:hover {
  background-color: #2795e9;
}
.blogs.resp-sharing-button--pinterest {
  background-color: #bd081c;
}
.blogs.resp-sharing-button--pinterest:hover {
  background-color: #8c0615;
}
.blogs.resp-sharing-button--facebook {
  background-color: #3b5998;
}
.blogs.resp-sharing-button--facebook:hover {
  background-color: #2d4373;
}
.blogs.resp-sharing-button--tumblr {
  background-color: #35465C;
}
.blogs.resp-sharing-button--tumblr:hover {
  background-color: #222d3c;
}
.blogs.resp-sharing-button--reddit {
  background-color: #5f99cf;
}
.blogs.resp-sharing-button--reddit:hover {
  background-color: #3a80c1;
}
.blogs.resp-sharing-button--google {
  background-color: #dd4b39;
}
.blogs.resp-sharing-button--google:hover {
  background-color: #c23321;
}
.blogs.resp-sharing-button--linkedin {
  background-color: #0077b5;
}
.blogs.resp-sharing-button--linkedin:hover {
  background-color: #046293;
}
.blogs.resp-sharing-button--email {
  background-color: #777;
}
.blogs.resp-sharing-button--email:hover {
  background-color: #5e5e5e;
}
.blogs.resp-sharing-button--xing {
  background-color: #1a7576;
}
.blogs.resp-sharing-button--xing:hover {
  background-color: #114c4c;
}
.blogs.resp-sharing-button--whatsapp {
  background-color: #25D366;
}
.blogs.resp-sharing-button--whatsapp:hover {
  background-color: #1da851;
}
.blogs.resp-sharing-button--hackernews {
  background-color: #FF6600;
}
.blogs.resp-sharing-button--hackernews:hover, .blogs .resp-sharing-button--hackernews:focus {
  background-color: #FB6200;
}
.blogs.resp-sharing-button--vk {
  background-color: #507299;
}
.blogs.resp-sharing-button--vk:hover {
  background-color: #43648c;
}
.blogs.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}
.blogs.resp-sharing-button--facebook:hover, .blogs.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}
.blogs.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}
.blogs.resp-sharing-button--twitter:hover, .blogs.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}
.blogs.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}
.blogs.resp-sharing-button--email:hover, .blogs.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}
.blogs.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}
.blogs.resp-sharing-button--linkedin:hover, .blogs.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.spray-form .styled-form-1 {
  background: #183446;
  padding: 15px 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.spray-form .styled-form-1 .spray-form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.spray-form .styled-form-1 .lets-talk {
  width: 100%;
}
.spray-form .styled-form-1 input {
  border-radius: 5px;
  border: none;
  padding: 8px;
  width: 100%;
}
.spray-form .styled-form-1 button {
  margin-top: 40px;
  padding: 10px 30px;
  border-radius: 4px;
  border: none;
  background: #ECA426;
  color: #ffffff;
  width: 100%;
}
.spray-form .styled-form-1 .checkbox {
  margin: 0px;
}
.spray-form .styled-form-1 .checkbox label {
  color: #ffffff;
}
.spray-form .styled-form-1 label {
  color: #ffffff;
  padding-bottom: 3px;
}
.spray-form .styled-form-1 p {
  color: #ffffff;
}
.spray-form .styled-form-1 span {
  color: #ffffff;
  font-size: large;
  margin-bottom: 3rem;
}

.one-column-form button {
  background-color: rgb(103, 209, 255);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: rgba(63, 96, 116, 0.2) 0px 9px 11px -5px, rgba(0, 0, 0, 0.15) 0px -3px 0px inset;
  box-shadow: rgba(63, 96, 116, 0.2) 0px 9px 11px -5px, rgba(0, 0, 0, 0.15) 0px -3px 0px inset;
  cursor: pointer;
  font-family: mr-eaves-xl-modern-narrow, sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1rem;
  margin-top: 0px;
  padding: 1.2rem 3rem;
  text-transform: uppercase;
  color: rgb(255, 255, 255) !important;
}
@media only screen and (min-width:768px) {
  .one-column-form button {
    font-size: 2rem;
  }
}

.ms-form-eu .one-column-form {
  background: #183446;
  color: #fff;
}

.ms-form-eu .one-column-form p {
  color: #fff;
}

.ms-form-eu .one-column-form button {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 40px;
  padding: 10px 30px;
  border-radius: 4px;
  border: none;
  background: #ECA426;
  color: #fff;
  font-size: 1.5rem;
}

.ms-form-eu .one-column-form .leftcolumn {
  width: 100%;
}

.pagemode-edit .scEmptyPlaceholder {
  width: 100%;
  min-width: 100px;
}
.pagemode-edit .jump-menu-container .scEmptyPlaceholder,
.pagemode-edit .site-header-buttons .scEmptyPlaceholder {
  height: 60px;
}
.pagemode-edit .site-header-logo .scEmptyImage {
  max-width: 120px;
}

.pagemode-edit .site-header,
.pagemode-preview .site-header {
  position: relative;
}
.pagemode-edit .site-header:before, .pagemode-edit .site-header:after,
.pagemode-preview .site-header:before,
.pagemode-preview .site-header:after {
  content: " "; /* No-break space character */
  display: block;
  overflow: hidden;
  height: 0;
}
.pagemode-edit .site-container,
.pagemode-preview .site-container {
  padding-top: 0 !important;
}

.xp-tooltip {
  display: inline;
  padding: 0;
  margin: 0;
  color: #222;
}

.xp-tooltip-inverse {
  color: #fff;
}

.xp-tooltip-info-icon {
  display: inline;
  padding: 0;
  margin: 0;
  font: bold 19px sans-serif;
  cursor: help;
}

.xp-alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
}

.xp-alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.xp-alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.xp-alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.xp-alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.fallback-rendering {
  position: relative;
  display: inherit;
  overflow: hidden;
  width: 100%;
}
.fallback-rendering.fallback-rendering-empty {
  min-height: 2.5rem;
}

.fallback-rendering-overlay {
  background-color: rgba(34, 34, 34, 0.8);
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.fallback-rendering-information {
  color: #fff;
}
.fallback-rendering-information .fallback-rendering-info-icon {
  font: normal 19px sans-serif;
  cursor: help;
}
/*# sourceMappingURL=main.spray.min.css.map */