/* fonts */
/* colors */
/* images */
/* media query screen sizes */
/*
Theme Name: Busch Theme 2015
Theme URI: http://www.buschsystems.com
Author: NetGain SEO
Author URI: http://www.netgainseo.com
*/
/************************************************RESET CSS************************************************/

.single-media .blogbanner .bbinner {
  display: none;
}

@viewport {
  orientation: portrait;
}



@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400");
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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: droidsr;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

p:empty {
  display: none;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
}

/************************************************END RESET CSS************************************************/
/*..........................................................................................................*/
/*.........................................................................................................*/
/*........................................................................................................*/
/************************************************FONTS****************************************************/
@font-face {
  font-family: 'droidSR';
  src: url("fonts/droid/DroidSans-webfont.eot");
  src: url("fonts/droid/DroidSans-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/droid/DroidSans-webfont.woff") format("woff"), url("fonts/droid/DroidSans-webfont.ttf") format("truetype"), url("fonts/droid/DroidSans-webfont.svg#droid_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'droidSB';
  src: url("fonts/droid/DroidSans-Bold-webfont.eot");
  src: url("fonts/droid/DroidSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/droid/DroidSans-Bold-webfont.woff") format("woff"), url("fonts/droid/DroidSans-Bold-webfont.ttf") format("truetype"), url("fonts/droid/DroidSans-Bold-webfont.svg#droid_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'francoisOne';
  src: url("fonts/francois/francoisone-webfont.eot");
  src: url("fonts/francois/francoisone-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/francois/francoisone-webfont.woff2") format("woff2"), url("fonts/francois/francoisone-webfont.woff") format("woff"), url("fonts/francois/francoisone-webfont.ttf") format("truetype"), url("fonts/francois/francoisone-webfont.svg#francois_oneregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura Regular';
  src: url("fonts/futura/FuturaT_Regular.ttf");
  src: url("fonts/futura/FuturaT_Regular.eot?#iefix") format("embedded-opentype"), url("fonts/futura/FuturaT_Regular.svg") format("svg"), url("fonts/futura/FuturaT_Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura Light';
  src: url("fonts/futura/FuturaTLig.eot");
  src: url("fonts/futura/FuturaTLig.eot?#iefix") format("embedded-opentype"), url("fonts/futura/FuturaT-Ligh.svg") format("svg"), url("fonts/futura/FuturaTLig.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura Bold';
  src: url("fonts/futura/FuturaT_Bold.eot");
  src: url("fonts/futura/FuturaT-Bold.svg") format("svg"), url("fonts/futura/FuturaT_Bold.eot?#iefix") format("embedded-opentype"), url("fonts/futura/FuturaT_Bold.ttf") format("truetype"), url("fonts/futura/Futura_Book-Bold_19093.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura Book Bold';
  src: url("fonts/futura/Futura_Book-Bold_19093.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/******************Default Structure**********************/
* {
  margin: 0;
}

html, body {
  width: 100%;
  height: auto !important;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  font-family: "droidSR", Arial, sans-serif;
  font-size: 17px;
  line-height: 25px;
  color: #333333;
}

.wrap {
  min-height: 100%;
  margin: 0 auto;
}

.innerWrap {
  max-width: 1300px;
  padding: 0 30px;
  margin: 0 auto;
  position: relative;
}

.innerWrap.warpSize{
  width: 1084px;
}

#main .innerWrap {
  padding: 50px 30px;
}

#main .innerWrap.reducedPadd {
  padding: 30px;
}

#main > .fullwidth.gallerySectionFullwidth .innerWrap {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

#main > .fullwidth.gallerySectionFullwidth .slick-prev {
  left: 20px;
}

#main > .fullwidth.gallerySectionFullwidth .slick-next {
  right: 20px;
}

.smallWrapper {
  max-width: 1040px !important;
}

footer .innerWrap{
  max-width: 1600px;
  width: inherit;
}

/*CLEARFIX*/
/* GREENWAY */
.innerWrap:after, .col > div:after, #main > #slider:after, #greenway .principal .selectbox > div:after, .principalControls:after, #greenway .principal > div:after, #greenway .principal.results > p:after, .principalTryAgain:after, #greenway .principal.results > .resultsSlideout form:after, .prodinfo .innerWrap > div > div:after, .productTabs > div:after, .theblog .left > div > div > div + div + div:after, .blogsearchout > form:after, .recpoptabs > div:after, .eventsOut:after, .socialTextSize:after, .teamouter:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.innerWrap > div {
  width: 100%;
  float: left;
  position: relative;
}

h1, h2, h3, h4, h5 {
  font-family: droidsb;
}

h1 {
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 20px;
}

.page h1{
  font-size: 48px;
  line-height: 48px;
}

 h2, h3 {
  font-size: 37px;
  line-height: 44px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

h2 {
  color: #333333;
}

.page h3,
.single-industry h3 {
  font-size: 28px;
  line-height: 38px;
}

h3 {
  color: #333333;
}

h5 {
  font-size: 22px;
}

h4, h5 {
  color: #333333;
  font-family: droidsb;
}

.page h4 {
  color: #333333;
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 5px;
}

p {
  margin-bottom: 15px;
  font-size: 16px;
}

ul, ol {
  list-style-position: outside;
  margin: 0 0 15px 30px;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

ul > li, ol > li {
  margin-top: 5px;
}

ul > li:first-child, ol > li:first-child {
  margin-top: 0;
}

a {
  /*color: $blue;*/
  color: #0033a0;
  text-decoration: none;
}

hr {
  clear: both;
  width: 100%;
  height: 2px;
  background: #005DAA;
  margin: 40px 0;
  border: none;
}

div + hr {
  float: left;
}

blockquote {
  padding: 15px;
  border-left: 15px solid #bbbdbf;
  margin-bottom: 15px;
}

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

input:focus{
  outline: none;
}

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

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

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child {
  margin-bottom: 0;
}

iframe {
  max-width: 100%;
}

/********************GLOBAL STYLES FOR QUICK ACCESS*********************/
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex-wrap{
  flex-wrap: wrap;
}

.overflowHidden{
  overflow: hidden;
}

.alignCenter{
  align-items: center;
}

.justifyCenter{
  justify-content: center;
}

.rowReverse{
  flex-direction: row-reverse;
}

.left {
  float: left;
}

.right {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 10px;
}

.alignright {
  float: right;
  margin-left: 10px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.half{
  width: 50%;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.showinline {
  display: inline;
}

.centerText {
  text-align: center;
}

.boldText{
  font-weight: bold;
}

.upperCase{
  text-transform: uppercase;
}

#modalMain {
  width: 33% !important;
  bottom: 42% !important;
  right: 30% !important;
}

#trackMe{
  cursor: pointer;
}

/***IOS HACK***/
textarea, input, select, input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
  /*border-radius: 0;*/
}

select {
  -webkit-appearance: menulist;
}

/************* Category Landing Page Styles *********************/
div.cat-title h2 {
  font-size: 30px;
  margin: 0;
  display: inline-block;
}

div.cat-title h4 {
  display: inline-block;
  margin: 0;
}

div.cat-title, div.cat-image {
  margin-bottom: 10px;
}

div.cat-row div.innerWrap {
  padding: 0px !important;
}

.hvr-grow {
  margin: 10px 0;
  min-height: 380px;
  background-color: #FFF;
  color: #6D6E70;
  box-shadow: 2px 2px 4px;
  padding: 10px;
  cursor: pointer;
  vertical-align: middle;
  transform: translateZ(0px);
  backface-visibility: hidden;
  transition-duration: 0.3s;
  transition-property: transform;
}

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

.hvr-grow .cat-description p {
  color: #6D6E70;
}

.bin-cat-row {
  display: flex;
  flex-wrap: wrap;
}

.bin-cat {
  margin: 10px 1.5%;
  width: 28%;
  min-height: 380px;
  background-color: #FFF;
  color: #6D6E70;
  box-shadow: 2px 2px 4px;
  padding: 10px;
  cursor: pointer;
  vertical-align: middle;
  transform: translateZ(0px);
  backface-visibility: hidden;
  transition-duration: 0.3s;
  transition-property: transform;
}

.bin-cat:hover, .bin-cat:focus, .bin-cat:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.bin-cat .cat-description p {
  color: #6D6E70;
}

.wasteImg img {
  width: 220px;
  height: 220px;
}

/*************BTNS & THINGS***************/
.pdfbutton {
  margin: auto;
  text-align: left;
}

.pdfbutton > div > div {
  display: inline-block;
}

.btn, .theblog .left > .blognav > a > span {
  display: inline-block;
  box-sizing: border-box;
  color: #ffffff;
  padding: 8px 20px;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
  vertical-align: top;
  font-family: "Futura Light", Arial, sans-serif;
  -webkit-transition: background 0.3s ease;
  -moz-webkit-transition: background 0.3s ease;
  -o-webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  border-radius: 99px;
  border: 0px;
  font-family: droidsr;
  cursor: pointer;
}

.btn.btn_sm {
  font-size: 18px;
  padding: 4px 17px;
  line-height: 23px;
}
.btn.btn_mini {
  font-size: 14px;
  padding: 3px 9px;
  line-height: 21px;
}
.btn.btn_border {
  border: 2px solid #B7B7B7;
  color: #B7B7B7;
  box-sizing: border-box;
  padding: 6px 20px;
  background: transparent;
}
.btn.btn_border.btn_sm {
  border: 1px solid #B7B7B7;
  box-sizing: border-box;
  padding: 3px 18px;
}
.btn.btn_border_white {
  border: 2px solid white;
}
.btn.btn_border_white:hover {
  border: 2px solid #B7B7B7;
}

.btn_left, .btn_right {
  width: 45%;
}

.btn_left.btn_mini, .btn_right.btn_mini {
  max-width: 100px;
}

.btn_left {
  border-radius: 99px 0px 0px 99px;
}

.btn_right {
  border-radius: 0px 99px 99px 0px;
}

.btn.whitebtn {
  background-color: #FFFFFF;
  color: #333333;
}

.btn.bluebtn {
  background-color: #0033A0;
}
.btn.bluebtn:hover {
  background-color: #3e90c9;
}

.btn.limegreenbtn {
  background-color: #ABD037;
}
.btn.limegreenbtn:hover {
  background-color: #97b92c;
}

.btn.greenInvertbtn{
  background: #ffffff;
  border: solid 3px #8AB53F;
  color: #8AB53F;
}

.btn.tealbtn {
  background-color: #0EA5B3;
  border: 2px solid #0EA5B3;
}

.btn.yellowGradientbtn {
  background-image: linear-gradient(to right, #fcdd00, #f8a71a);
}

.btn.ltgreenbtn {
  background: #4baf8b none repeat scroll 0% 0%;
}

.btn.ltgreenbtn:hover {
  color: #FFF;
  background: #0FA254;
}

.btn.greenbtn {
  background-color: #48b291;
}
.btn.greenbtn:hover {
  background-color: #6ac3a7;
}

/** flat button (square)**/
.btnFlat {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  font-family: inherit;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 5px 12px;
  font-size: 15px;
  line-height: 1.4;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Source Sans Pro';
  font-weight: bold;
}

.btnFlat:focus,
.btnFlat:active:focus,
.btnFlat.active:focus,
.btnFlat.focus,
.btnFlat:active.focus,
.btnFlat.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btnFlat:hover,
.btnFlat:focus,
.btnFlat.focus {
  color: #FFF;
  text-decoration: none;
  opacity: 0.8;
}

.btnFlat:active,
.btnFlat.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btnFlat.disabled,
.btnFlat[disabled],
fieldset[disabled] .btnFlat {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btnFlat.disabled,
fieldset[disabled] a.btnFlat {
  pointer-events: none;
}

.btnFlat.greenbtn {
  color: #fff;
  background: #3fb65f;
}

.btn:hover, .theblog .left > .blognav > a:hover > span {
  background: #B7B7B7;
  color: #ffffff;
}

/*Light Grey BG*/
#main .lightgreybg {
  color: #4D4D4D;
  background: #D0D2D3;
}

.lightgreybg h1, .lightgreybg h2, .lightgreybg h3, .lightgreybg h4, .lightgreybg h5, .lightgreybg h6 {
  color: #4D4D4D;
}

/* Transparent White Bg */
#main .transWhiteBg{
  background: #ffffff;
  opacity: 0.9;
  width: 80%;
  padding: 40px 0;
  margin: auto;
}

/*Dark Grey BG*/
#main .darkgreybg {
  color: #ffffff;
  background: #4D4D4D;
}

.darkgreybg h1, .darkgreybg h2, .darkgreybg h3, .darkgreybg h4, .darkgreybg h5, .darkgreybg h6 {
  color: #ffffff;
}

/*Lighter Grey BG*/
#main .lightergreybg {
  color: #6d6e70;
  background: #E6E6E6;
}

.lightergreybg h2, .lightergreybg h3, .lightergreybg h4, .lightergreybg h5 {
  color: #56555A !important;
}

/*Teal BG*/
#main .tealbg {
  color: #ffffff;
  background: #0EA5B3;
}

#main .tealbg .innerWrap {
  padding: 25px 25px;
}

.tealbg h1, .tealbg h2, .tealbg h3, .tealbg h4, .tealbg h5, .tealbg h6 {
  color: #ffffff;
}

/*Dark Teal BG*/
#main .darktealbg {
  color: #ffffff;
  background-image: url('images/tealGradient.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.darktealbg h1, .darktealbg h2, .darktealbg h3, .darktealbg h4, .darktealbg h5, .darktealbg h6 {
  color: #ffffff;
}

/*Dark Text White BG*/
#main .darktextwhitebg {
  color: #4D4D4D;
  background: #ffffff;
}

.darktextwhitebg h1, .darktextwhitebg h2, .darktextwhitebg h3, .darktextwhitebg h4, .darktextwhitebg h5, .darktextwhitebg h6 {
  color: #4D4D4D;
}

/*Dark Teal BG*/
#main .headerbg {
  background-image: url('images/headerBackground.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

#main .gradbluebg {
  background: #458DC7;
}

#main .lightbluebg {
  background: #16BECF;
}

#main .lightbluebg p, #main .lightbluebg h2, #main .lightbluebg h4{
  color: #ffffff;
}

#main .royalBluebg {
  color: #ffffff;
  background: #3E90C9;
}

#main .skyBluebg{
  background: #C8E9F1;
}

#main .bgoceangreen {
  background: #3e9585;
}

#main .bgbuschgreen {
  background: #4AB291;
  color: #ffffff;
}

.bgbuschgreen h2, .bgbuschgreen h3, .bgbuschgreen h4, .bgbuschgreen h5, .bgbuschgreen p{
  text-align: center;
  color: #ffffff;
}

.gradbluebg h1, .gradbluebg h2, .gradbluebg h3, .gradbluebg h4, .gradbluebg h5, .gradbluebg h6 {
  color: #ffffff;
}

#main .graddarkgreybg {
  background: #2f2f2f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2f2f2f 0%, #4d4d4d 20%, #4d4d4d 80%, #2f2f2f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f2f2f), color-stop(20%, #4d4d4d), color-stop(80%, #4d4d4d), color-stop(100%, #2f2f2f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2f2f2f 0%, #4d4d4d 20%, #4d4d4d 80%, #2f2f2f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2f2f2f 0%, #4d4d4d 20%, #4d4d4d 80%, #2f2f2f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2f2f2f 0%, #4d4d4d 20%, #4d4d4d 80%, #2f2f2f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2f2f2f 0%, #4d4d4d 20%, #4d4d4d 80%, #2f2f2f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#2f2f2f',GradientType=0 );
  /* IE6-9 */
}

/*HAS BG IMG*/
#main .hasbgimg {
  background-repeat: no-repeat;
  background-position: center bottom;
}

#main .hasfixedbgimg {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.topBorder {
  border-top: 2px solid #E6E6E6;
}

.topBorderMd {
  border-top: 9px solid #d1d3d4;
}

.gradientBanner {
  background-size: cover;
  background-image: url("images/gradient_banner.png");
  background-color: #3e90c9;
  color: #FFF;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  font-family: "droidSR", Arial, sans-serif;
  letter-spacing: 5px;
  padding: 70px 0px 40px;
}

.moduleTitle {
  color: #ffffff;
  font-size: 30px;
  line-height: 44px;
  text-transform: uppercase;
  font-family: "droidSR", Arial, sans-serif;
  letter-spacing: 3px;
  padding: 30px 20px;
  text-align: center;
}

/************* BACKGROUND ***************/
.crumpled_paper_bg {
  background-image: url("images/crumpled_paper.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

#main .wavy-bg {
  background-image: url('images/white_wave-up_overlay.png');
  background-repeat: no-repeat;
  background-size: cover;
}

#main .wavy-bg-rotate {
  background-image: url('images/blue_waveBG.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f0f8ff00;
  z-index: 10;
  padding-top: 10px;
  margin-top: -7.7%;
  min-height: 650px;
}

#main .wavy-bg-rotate-green {
  background-image: url('images/green_waveBG.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f0f8ff00;
  z-index: 10;
  padding-top: 10px;
  margin-top: -8.7%;
  min-height: 745px;
}

#main .blueSwipe {
  background-image: url('images/blueswipe_BG.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 90px;
}

#main .blueRibbon{
  background-image: url('images/banner_recommended.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.industriesPage #marketingblock .crumpled_paper_bg{
  background: #0C909D;
}

#main .crumpled_paper_bg .innerWrap {
  display: flex;
  padding-bottom: 0;  
}

.btn.blueBg {
  background-color: #005DAA;
}
.btn.blueBg:hover {
  background-color: #0079dd;
}

.btn.pinkBuschBtn{
  color: white;
  border: 2px solid #C58DBF;
  background: #C58DBF;
  min-width: 175px;
  padding: 3px 25px;
}

.btn.greenBuschBtn{
  color: white;
  border: 2px solid #00B089;
  background: #00B089;
  min-width: 175px;
  padding: 3px 25px;
}

.btn.blueBuschBg{
  color: white;
  border: 2px solid #0033a0;
  background: #0033a0;
  min-width: 175px;
}

.btn.tealBtn{
  color: white;
  border: #0ea5b3;
  background: #0ea5b3;
  min-width: 175px;
  border-radius: 0;
}

.btn.btnWhiteBuschBg{
  border: 2px solid #ffffff;
  background: #ffffff;
  font-family: droidsb;
  color: #16becf;
  padding: 5px 30px;
}

.btn.btnInvertedBg{
  border: 2px solid #ffffff;
  font-family: droidsb;
  color: #ffffff;
  padding: 5px 30px;
}

.btnLightGreen{
  color: #fff !important;
  font-family: droidsb;
  background: #ABD037;
  border-radius: 20px;
  font-weight: 800;
}

.btn.invertedGreyBtn{
  border: 2px solid #4D4D4F;
  font-family: droidsb;
  color: #4D4D4F;
  padding: 5px 30px;
  background: #ffffff00;
}

.btn.invertedGreyBtn:hover{
  color: #fff;
  background: #4D4D4F;
}

.btn.btnWhiteBuschBg:hover{
 color: #ffffff;
 border: 2px solid #ffffff;
 background: #16becf;
}

.btn.blueBuschBg:hover, 
.btn.tealbtn:hover,
.pinkBuschBtn:hover,
.greenBuschBtn:hover {
  color: #4D4D4F;
  background: #FFFFFF;
  border: 2px solid #4D4D4F !important;
}

#main .btn.lightblueBg:hover{
  background-color: #16BECF;
  color: #4D4D4F;
  background: #FFFFFF;
  border: 2px solid #4D4D4F !important;
}

.btn.blackbtn{
  background-color: #4D4D4F;
  border: 2px solid #4D4D4F!important;
}

.btn.blackbtn:hover{
  color: #4D4D4F;
  background: #FFFFFF;
  border: 2px solid #4D4D4F !important;
}

.btn.sideLeft{
  border-radius: 99px 0px 0px 99px;
  font-size: 13px;
  padding: 4px 0;
  width: 50%;
  margin: 0 2px;
}

.btn.sideRight{
  border-radius: 0px 99px 99px 0px;
  font-size: 13px;
  padding: 4px 0;
  margin: 0 2px;
  width: 50%;
}

.btn.lightBlueBuschBg{
  color: white;
  border: 2px solid #83CCDD;
  background: #83CCDD;
}

.btn.lightBlueBuschBg:hover {
  background-color: #83CCDD;
  color: #4D4D4F;
  background: #FFFFFF;
  border: 2px solid #4D4D4F !important;
}

.btn.buschGreenBtn{
  color: white;
  border: 2px solid #399687;
  background: #399687;
}

.btn.buschGreenBtn:hover{
  color: #399687;
  border: 2px solid #399687;
  background: #ffffff;
}


.btn.customContactBtn {
  font-family: 'droidSR', sans-serif;
  letter-spacing: 1.5px;
  font-weight: 600;
  font-size: 18px;
  margin: 15px 0 10px;
  width: 250px;
} 

.charityBtn {
  font-family: 'droidSR', sans-serif;
  letter-spacing: 1.5px;
  font-weight: 600;
  font-size: 14px;
  width: 50%;
}

.btnHalf {
  width: 50%;
}

.indexHigh{
  z-index: 100;
}

.greenBg {
  background-color: #abd037;
}

.cyanBg {
  background-color: #48b291;
}

.btn.cyanBg {
  background-color: #48b291;
}
.btn.cyanBg:hover {
  background-color: #6ac3a7;
}

.btn.lightblueBg{
  background-color: #16BECF;
  border: 2px solid #16BECF!important;
}

.greyBg {
  background-color: #949599;
}

.blueIrisBg {
  background-color: #33baca;
}

/************TRANSPARENT OVERLAYS**********/
.transoverlay50, .transoverlay60 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 97;
  background: #4D4D4D;
}

.transoverlay50, .transoverlay50blue {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.transoverlay60 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.transoverlay50blue {
  background: #005DAA;
}

#back2top {
  display: none !important;
  position: fixed;
  bottom: 40px;
  right: 40px;
  display: block;
  width: 40px;
  height: 40px;
  background: url("images/busch-systems-spritesheet.png") no-repeat -52px -314px transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  -moz-webkit-transition: opacity 0.3s ease;
  -o-webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 9999;
}

#back2top:hover {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}

#breadcrumbs {
  color: #6D6E70;
  font-size: 14px;
  line-height: 24px;
  font-family: droidsr;
  margin-bottom: 30px;
  text-transform: uppercase;
}

#breadcrumbs a{
  color: #6D6E70;
}

#main .innerWrap.breadcrumbspage {
  padding-bottom: 0;
  padding-top: 20px;
}

.socialTextSize {
  padding-bottom: 30px;
  border-bottom: 1px solid #005DAA;
}

.textsize {
  float: right;
  width: auto;
}

.textsize > p {
  float: left;
  color: #6D6E70;
  line-height: 40px;
  text-transform: uppercase;
  font-family: "droidSB", Arial, sans-serif;
  margin-bottom: 0;
}

.textsize > p > span {
  font-size: 27px;
}

.textsize > p > span + span {
  text-transform: none;
  font-size: 23px;
}

.textsize > a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  margin-left: 20px;
  background: url("images/busch-systems-spritesheet.png") no-repeat -52px -216px #6D6E70;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.textsize > a + a {
  margin-left: 10px;
  background-position: -52px -165px;
}

.textsize > a:hover {
  background-color: #005DAA;
}

.textResize {
  margin-top: 30px;
}

#main .textResize .innerWrap {
  padding: 30px 0;
}

#termsConditions p strong:first-child, #privacyPolicy p strong:first-child {
  margin-right: 3%;
}
#termsConditions p:first-child strong, #privacyPolicy p:first-child strong {
  margin-right: 0;
}
#termsConditions ul li strong:first-child, #privacyPolicy ul li strong:first-child {
  margin-right: 2%;
}
#termsConditions ul li p strong:first-child, #privacyPolicy ul li p strong:first-child {
  margin-right: 0;
}
#termsConditions ul, #privacyPolicy ul {
  list-style: none;
}
#termsConditions ul li, #privacyPolicy ul li {
  display: flex;
  margin-bottom: 20px;
}

/* ************Sustainability 2023 Update************ */
/* ************Sustainability 2023 Update************ */

#main .sustainabilityWallBgOld {
  background-image: url(https://web.archive.org/web/20240627114358im_/https://www.buschsystems.com/wp-content/uploads/2023/10/Sustainability_Kristina-Boris_Header.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 60px 0;
}

.transWhiteBgOld {
  background: #ffffff;
  opacity: 0.9;
  width: 80%;
  padding: 40px 0;
  margin: auto;
}

.aboutContainerOld {
  max-width: 1040px;
  padding: 33px 40px;
  margin: auto;
}

.sustainabilityWallBgOld .transWhiteBgOld .aboutContainerOld div {
  margin: auto;
  text-align: center;
}

.sustainabilityWallBgOld .transWhiteBgOld img {
  margin: auto;
  text-align: center;
  width: 200px;
}

.sustainabilityWallBgOld .transWhiteBgOld .aboutContainerOld h3 {
  text-align: center;
  margin: 20px 0;
  text-transform: inherit;
}

.sustainabilityWallBgOld .transWhiteBgOld p {
  text-align: center;
  margin: auto;
  max-width: 807px;
}

.our-journey-in-sustainability-container-old {
  color: #ffffff;
  /* background: #0EA5B3; */
  background: url(https://web.archive.org/web/20240627114358im_/https://www.buschsystems.com/wp-content/uploads/2023/10/Wave_background.png);
  background-size: cover;
  background-position: bottom;
  /* padding: 150px 0; */
  padding: 150px 0 200px 0;
}

.our-journey-in-sustainability-old {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}




/* *******Our Journey In Sustainability******* */
.our-journey-in-sustainability-container{
  color: #ffffff;
  /* background: #0EA5B3; */
  background: url(https://www.buschsystems.com/wp-content/uploads/2024/11/Grey-Background.png);
  background-repeat: no-repeat;
  margin-top: -560px;
  height: 765px;
}

.our-journey-in-sustainability{
  display: flex;
  gap: 18%;
}
.our-journey-in-sustainability h4{
  color: #3B3B3B;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px;
}

.our-journey-in-sustainability h1{
  font-size: 44px;
  color: #3B3B3B;
  line-height: 48px;
}

.our-journey-in-sustainability hr{
  clear: both;
  width: 33%;
  height: 3px;
  background: #ABD037;
  margin: 20px 0;
  border: none;
}

.our-journey-in-sustainability p{
  color: #4d4d4f;
  line-height: 31px;
}

.journey-in-sustainability-column-one {
  margin-top: 200px;
  width: 37%;
  margin-left: 150px;
  display: flex;
  flex-direction: column;
}

.journey-in-sustainability-column-two {
  display: flex;
  flex-direction: column;
  margin-top: 165px;
}

.journey-in-sustainability-column-two a{
  background-color: #abd037;
    color: white;
    text-align: center;
    border-radius: 20px;
    width: 80%;
    margin: 0 auto;
    padding: 7px 5px;
    font-weight: bold;
    letter-spacing: 2px;
}

.journey-in-sustainability-column-two a:hover{
  background-color: #8ab016;
}


.our-journey-in-sustainability-old h2{
  max-width: 720px;
  /* margin: 75px auto; */
  margin: 0 auto 30px auto;
  text-align: center;
  color: #ffffff;
  text-transform: inherit;
}

.our-journey-in-sustainability-old h2::after{
  display: flex;
  content: "";
  width: 30%;
  margin: 15px auto 0;
  border-bottom: 3px solid #ffffff;
}

.our-journey-in-sustainability-old p{
  display: flex;
}

.journey-in-sustainability-column-one {
  margin-top: 200px;
  width: 37%;
  margin-left: 150px;
  display: flex;
  flex-direction: column;
}

.journey-in-sustainability-column-two {
  display: flex;
  flex-direction: column;
  margin-top: 165px;
}

.journey-in-sustainability-column-two a{
  background-color: #abd037;
    color: white;
    text-align: center;
    border-radius: 20px;
    width: 80%;
    margin: auto;
    padding: 7px 5px;
    font-weight: bold;
    letter-spacing: 2px;
}


.our-journey-in-sustainability h2{
  max-width: 720px;
  /* margin: 75px auto; */
  margin: 0 auto 30px auto;
  text-align: center;
  color: #ffffff;
  text-transform: inherit;
}

.our-journey-in-sustainability h2::after{
  display: flex;
  content: "";
  width: 30%;
  margin: 15px auto 0;
  border-bottom: 3px solid #ffffff;
}

.our-journey-in-sustainability p{
  display: flex;
}

.our-journey-in-sustainability-cards{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
  width: 80%;
  margin: 50px auto;
}

.our-journey-in-sustainability-card{
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

.our-journey-in-sustainability-card:nth-of-type(odd){
  align-self: baseline;
}

.our-journey-in-sustainability-card-bottom p{
  font-weight: bold;
}

.our-journey-in-sustainability-container-bottom div{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.our-journey-in-sustainability-container-bottom div h3{
  color: #ffffff;
  width: 40%;
  margin: 0 auto;
  text-transform: inherit;
}
.our-journey-in-sustainability-container-bottom div p{
  margin: 0 auto;
  text-wrap: nowrap;
}

.our-journey-in-sustainability-container-bottom-link{
  color: #ffffff;
  border: 1px solid #ffffff;
  /* font-family: droidsb; */
  padding: 5px 80px;
  background: transparent;
  font-weight: normal;

  display: flex;
  /* width: 7%; */
  justify-content: center;
  margin: 0 auto;

  transition: all 0.4s ease;
}

.our-journey-in-sustainability-container-bottom-link:hover{
  color: #000000;
  border-color: #ffffff;
  background: #ffffff;
}

.slick-carousel.sustainability-carousel .slick-track {
  height: 648px !important;
}

.slick-carousel.sustainability-carousel .slick-dots {
  bottom: 115px;
}
 
.slick-carousel.sustainability-carousel .slick-dots button:before {
  color: white;
  opacity: 1;
  font-size: 45px;
}

.slick-carousel.sustainability-carousel .slick-dots li.slick-active button:before {
  color: #ABD037;
  opacity: 1;
  font-size: 45px;
}

.slick-carousel.sustainability-carousel .slick-prev::before {
  content: ' ' !important;
  background: url(https://www.buschsystems.com/wp-content/uploads/2024/11/Arrow.png) center center no-repeat !important;
  display: block !important;
  height: 100% !important;
}

.slick-carousel.sustainability-carousel .slick-prev {
  left: 0;
  margin-left: 10%;
}

/* Style the right arrow (next) specifically for the sustainability carousel */
.slick-carousel.sustainability-carousel .slick-next::before {
  content: ' ' !important;
  background: url(https://www.buschsystems.com/wp-content/uploads/2024/11/Arrow-2.png) center center no-repeat !important;
  display: block !important;
  height: 100% !important;
}

.slick-carousel.sustainability-carousel .slick-next {
  right: 0;
  margin-right: 10%;
}



.carousel-slide {
  width: 100%;
  height: 648px;
  background-size: cover;
  background-position: center;
  display: flex !important;
}

.carousel-container1 {
  display: flex;
    background-color: #3eb7c7;
    width: 52%;
    margin: auto;
    height: 480px;
}

.carousel-content1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
}

.carousel-content1 img {
  padding-top: 57px;
  width: 405px;
  height: 121px;
}

.carousel-content1-p {
  letter-spacing: 0.75px;
    margin-top: 20px;
    color: white;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 35px;
}

.carousel-content1 .learn-more {
  background-color: #3EB7C7;
    color: white;
    text-align: center;
    border-radius: 22px;
    font-size: 18px;
    margin: auto;
    padding: 10px 60px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 3px solid;
}


.carousel-content1 .learn-more:hover {
  background-color: white;
  color: #3EB7C7;
}

.carousel-container2 {
  display: flex;
  background-color: #121C3D;
  width: 52%;
  margin: auto;
  height: 480px;
}

.carousel-content2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
}

.carousel-content2 img {
  padding-top: 57px;
  width: 414px;
  height: 99px;
}

.carousel-content2-p {
  letter-spacing: 0.75px;
    margin-top: 20px;
    color: white;
    line-height: 28px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 35px;
}

.carousel-content2 .learn-more {
  background-color: #121C3D;
    color: white;
    text-align: center;
    border-radius: 22px;
    font-size: 18px;
    margin: auto;
    padding: 10px 60px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 3px solid;
}

.carousel-content2 .learn-more:hover {
  background-color: white;
  color: #121C3D;
}

.carousel-container3 {
  display: flex;
  background-color: #0C909D;
  width: 52%;
  margin: auto;
  height: 480px;
}

.carousel-content3 {
  align-items: center;
  display: flex;
  width: 80%;
  margin: 0 auto;
  gap: 130px;
}

.carousel-content3-subclass {
  display: flex;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
}

.carousel-content3-subclass-p {
  letter-spacing: 0.75px;
    margin-top: 20px;
    color: white;
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 35px;
}

.carousel-content3-subclass .learn-more {
  background-color: #0C909D;
    color: white;
    text-align: center;
    border-radius: 22px;
    font-size: 18px;
    margin: auto;
    padding: 10px 60px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 3px solid;
}

.carousel-content3 .learn-more:hover {
  background-color: white;
  color: #0C909D;
}

.carousel-container4 {
  display: flex;
    background-color: #4AB291;
    width: 52%;
    margin: auto;
    height: 480px;
}

.carousel-content4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
}

.carousel-content4 img {
  padding-top: 15px;
  width: 207px;
  height: 149px;
}

.carousel-content4-p {
  letter-spacing: 0.75px;
    margin-top: 20px;
    color: white;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 35px;
}

.carousel-content4 .learn-more {
  background-color: #4AB291;
    color: white;
    text-align: center;
    border-radius: 22px;
    font-size: 18px;
    margin: auto;
    padding: 10px 60px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 3px solid;
}

.carousel-content4 .learn-more:hover {
  background-color: white;
  color: #4AB291;
}




/* *******Our Environmental Initiatives******* */
.sustainability-our-environmental-initiatives h2{
  max-width: 720px;
  margin: 15px auto 40px auto;
  text-align: center;
  color: #3B3B3B;
  text-transform: inherit;
  font-size: 44px;
}

.sustainability-our-environmental-initiatives h6{
  text-align: center;
}

.sustainability-our-environmental-initiatives h2::after{
  display: flex;
  content: "";
  width: 30%;
  margin: 15px auto 0;
  border-bottom: 3px solid #abd037;
}

.sustainability-our-environmental-initiatives-cards{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* grid-template-rows: repeat(2, 1fr); */
  grid-template-rows: repeat(2, 550px);
  gap: 80px;
  
  max-width: 1200px;
  margin: 0 auto;
}

.sustainability-our-environmental-initiatives-card{
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  /* padding: 0 50px; */
  /* padding: 0 45px; */
  padding: 0 65px;
  text-align: center;
  color: #ffffff;
}

.sustainability-our-environmental-initiatives-card-project-rise{
  background: url(https://www.buschsystems.com/wp-content/uploads/2023/10/project-rise_sectionBG.jpg);
}

.sustainability-our-environmental-initiatives-card-plasticbank{
  background: #3EB7C7;
}

.sustainability-our-environmental-initiatives-card-carbon-graph{
  background: #13213B;
  justify-content: space-evenly;
}

.sustainability-our-environmental-initiatives-card-report{
  background: #AFF0F2;
  gap: 0;
}

.sustainability-our-environmental-initiatives-card-learn-more{
  color: #ffffff;
  border: 1px solid #ffffff;
  /* padding: 5px 50px; */
  padding: 5px 50px;
  transition: all 0.4s ease;
}

.sustainability-our-environmental-initiatives-card-learn-more:hover{
  color: #000000;
  background: #ffffff;
}

.sustainability-our-environmental-initiatives-card-view-report{
  background: #ffffff;
  color: #004094;
  padding: 5px 50px;
  font-weight: bold;
  transition: all 0.4s ease;
}

.sustainability-our-environmental-initiatives-card-view-report:hover{
  background: #004094;
  color: #ffffff;
}

/* Our Sustainability Advisors */
.our-sustainability-advisors-container {
  color: #ffffff;
    /* background: #0EA5B3; */
    background: url(https://www.buschsystems.com/wp-content/uploads/2024/11/Grey-Background.png);
    background-repeat: no-repeat;
    margin-top: 50px;
    height: 765px;
}
.our-sustainability-advisors {
  display: flex;
  gap: 3%;
  margin-top: 80px;
}

.sustainability-advisors-column-one {
  margin-top: 150px;
    width: 41%;
    margin-left: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.sustainability-advisors-column-one div {
  text-align: center;
}

.sustainability-advisors-column-one div div {
  width: 300px;
}

.sustainability-advisors-btn {
  font-weight: bold;
}

.sustainability-advisors-column-one div div h4{
  color: #333333;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px;
}

.sustainability-advisors-column-one div div p{
  color: #3b3b3b;
}

.sustainability-advisors-column-two {
  display: flex;
    flex-direction: column;
    margin-top: 280px;
    text-align: right;
    width: 40%;
    align-items: flex-end;
}

.sustainability-advisors-column-two h6 {
  color: #3B3B3B;
  font-size: 20px;
  margin-bottom: 15px;
}

.sustainability-advisors-column-two h2 {
  text-transform: none;
  font-size: 44px;
  margin-bottom: 0px;
}

.sustainability-advisors-column-two hr {
  margin: 25px 0px;
  width: 28%;
  height: 3px;
  background-color: #ABD037;
}

.sustainability-advisors-column-two p {
  font-size: 18px;
  line-height: 34px;
  color: #4d4d4f;
}



/* ******* Using Business As A Force For Good ******* */
.using-business-as-a-force-for-good-container{
  background: #0EA5B3;
  color: #ffffff;
  /* margin: 100px 0; */
  margin: 50px 0px 100px 0px; /* Sustainability 2023 Update (11/3/2023) */
}

.using-business-as-a-force-for-good{
  display: flex;
  /* max-width: 1200px; */
  max-width: 900px;
  /* gap: 50px; */
  gap: 25px; /* Sustainability 2023 Update (11/3/2023) */
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 50px 20px;
}

.using-business-as-a-force-for-good-left{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Sustainability 2023 Update (11/3/2023) */
.using-business-as-a-force-for-good-left > img{
  width: 50%;
}

.using-business-as-a-force-for-good-right{
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.using-business-as-a-force-for-good-right h2{
  color: #ffffff;
  text-transform: inherit;
}

.using-business-as-a-force-for-good-right p a{
  color: #ffffff;
  border: 1px solid #ffffff;
  /* padding: 5px 50px; */
  padding: 5px 100px;
  transition: all 0.4s ease;
}

.using-business-as-a-force-for-good-right p a:hover{
  color: #000000;
  background: #ffffff;
}

/* ******* Meet Our Junior Ambassador ******* */

.meet-our-junior-ambassador-content {
  background: url(https://www.buschsystems.com/wp-content/uploads/2024/11/Background-Wave.png);
    background-position: bottom;
    background-size: cover;
    height: 2974px;
}

.meet-our-junior-ambassador-title{
  max-width: 720px;
  margin: 30px auto 80px auto;
  text-align: center;
  color: #004094;
  text-transform: inherit;
}

.meet-our-junior-ambassador-title::after{
  display: flex;
  content: "";
  width: 30%;
  margin: 15px auto 0;
  border-bottom: 3px solid #004094;
}

.meet-our-junior-ambassador-top-container{
  padding: 100px 0 0px 0;
}

.meet-our-junior-ambassador-top{
  display: flex;
  margin: 0 auto;
  max-width: 1500px;
  /* gap: 20px; */
  gap: 180px;
  position: relative;
}


.meet-our-junior-ambassador-top-right{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.junior-ambassador-flex-title {
  display: flex;
  margin-bottom: 15px;
}

.junior-ambassador-flex-title h2{
  color: #ffffff;
  text-transform: inherit;
  letter-spacing: 1.1px;
  font-size: 44px;
}

.junior-ambassador-flex-title img{
  margin-top: -30px;
}

.meet-our-junior-ambassador-top-right p {
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.45px;
}

.meet-our-junior-ambassador-top-right p:has(a){
  border: 3px solid #FFF;
    width: fit-content;
    border-radius: 30px;
    background: #0C909D;
    padding: 0px 40px;
    font-weight: bold;
    transition: all 0.4s ease;
}

.meet-our-junior-ambassador-top-right p a{
  color: #ffffff;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 1.5px;
}

.meet-our-junior-ambassador-top-right p:has(a):hover{
  background: #ffffff;
}

.meet-our-junior-ambassador-top-right p:has(a):hover a{
  color: #0C909D;
}

.meet-our-junior-ambassador-bottom{
  width: 100%;
  display: flex;
  flex-direction: column; 
  margin: 100px auto 0px auto;
}

.meet-our-junior-ambassador-bottom iframe{
  width: 85%;
  height: 920px;
  margin: 0 auto;
}

/* *******Becoming A Junior Ambassador Contact Us******* */
.becoming-a-junior-ambassador-contact-us-container{
  display: flex;
    gap: 50px;
    width: 60%;
    margin: 100px auto 0px auto;
    justify-content: center;
}

.becoming-a-junior-ambassador-contact-us-container img {
  height: 197px;
  width: 287px;
}

.becoming-a-junior-ambassador-contact-us-content{
  width: 56%;
  color: white;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.becoming-a-junior-ambassador-contact-us-content h2{
  margin-bottom: 20px;
  font-size: 44px;
  line-height: 36px;
  color: white;
}

.becoming-a-junior-ambassador-contact-us-content h4{
  color: white;
  font-size: 28px;
  margin-bottom: 45px;
  line-height: 36px;
}

.becoming-a-junior-ambassador-contact-us-content p a{
  color: white;
  border: 3px solid #FFF;
  width: fit-content;
  border-radius: 30px;
  background: #0C909D;
  padding: 5px 60px;
  font-weight: bold;
  transition: all 0.4s ease;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
}

.becoming-a-junior-ambassador-contact-us-content p a:hover{
  border: 1px solid #ffffff;
  background: white;
  color: #0C909D;
}

/** Sustainablility Slick Slider **/

.sustainabilityCarouselSlick{
  margin: 50px 0 50px 0 !important;
}

.sustainabilityCarouselSlick .slick-slide img{
  min-height: auto;
  animation: all 0.3s ease;
  width: auto;
  opacity: 1;
}

.sustainabilityCarouselSlick .slick-slide:not(.slick-active) img{
  max-height: 500px;
  width: auto;
  opacity: 0.75;
}

.sustainabilityCarouselSlick .slick-prev{
  left: 0;
  z-index: 100;
  height: 100%;
  width: 200px;
}
.sustainabilityCarouselSlick .slick-next{
  right: 0;
  z-index: 100;
  height: 100%;
  width: 200px;
}
.sustainabilityCarouselSlick .slick-next:before{
  content: ' ';
  background: url('css/chevron-right-white.png') center center no-repeat;
  display: block;
  height: 100%;
  background-position: center center;
}
.sustainabilityCarouselSlick .slick-prev:before{
  content: ' ';
  background: url('css/chevron-left-white.png') center center no-repeat;
  display: block;
  height: 100%;
  background-position: center center;
}



/* *******Keeping Our Beaches & Neighbourhood Clean******* */
.keepingour-beaches-neighbourhood-clean-title{
  max-width: 1200px;
  margin: 100px auto 80px auto;
  text-align: center;
  color: #004094;
  text-transform: inherit;
}

.keepingour-beaches-neighbourhood-clean-title::after{
  display: flex;
  content: "";
  width: 30%;
  margin: 15px auto 0;
  border-bottom: 3px solid #004094;
}

.keepingour-beaches-neighbourhood-clean-content{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

  display: flex;
  flex-direction: column;
  gap: 80px;
}

.keepingour-beaches-neighbourhood-clean-content-top{
  display: flex;
  align-items: center;
  gap: 100px;
}

.keepingour-beaches-neighbourhood-clean-content-top-left{
  flex: 1;
}

.keepingour-beaches-neighbourhood-clean-content-top-right{
  flex: 1;
}

.keepingour-beaches-neighbourhood-clean-content-top-right h2{
  color: #4D4D4F;
  font-weight: bold;
  text-transform: inherit;
  text-wrap: balance; /* this css property is still under experiment */
}

.keepingour-beaches-neighbourhood-clean-content-middle iframe{
  width: 100%;
  height: 600px;
}

.keepingour-beaches-neighbourhood-clean-content-bottom{
  display: flex;
  align-items: center;
  gap: 100px;
}

.keepingour-beaches-neighbourhood-clean-content-bottom-left{
  flex: 1;
  text-align: end;
}

.keepingour-beaches-neighbourhood-clean-content-bottom-left h2{
  color: #4D4D4F;
  font-weight: bold;
  text-transform: inherit;
  text-wrap: balance; /* this css property is still under experiment */
}

.keepingour-beaches-neighbourhood-clean-content-bottom-right{
  flex: 1;
}

.our-community-involvement-container {
  color: #ffffff;
    /* background: #0EA5B3; */
    background: url(https://www.buschsystems.com/wp-content/uploads/2024/11/Grey-Background.png);
    background-repeat: no-repeat;
    margin-top: -430px;
    height: 765px;
}

.our-community-involvement {
  display: flex;
  gap: 150px;
}

.our-community-involvement-column-one {
  margin-top: 200px;
    width: 39%;
    margin-left: 150px;
    display: flex;
    flex-direction: column;
}
.our-community-involvement h4 {
  color: #3B3B3B;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px;
}
.our-community-involvement h1 {
  font-size: 44px;
    color: #3B3B3B;
    line-height: 48px;
    margin-bottom: 0px;
}
.our-community-involvement hr {
  clear: both;
  width: 33%;
  height: 3px;
  background: #ABD037;
  margin: 20px 0;
  border: none;
}

.our-community-involvement p {
  font-size: 18px;
  color: #4d4d4f;
  line-height: 34px;
  letter-spacing: 0.45px;
}

.our-community-involvement-column-two {
  display: flex;
  flex-direction: column;
  margin-top: 150px;
}

.our-community-involvement-column-two a {
  background-color: #abd037;
  color: white;
  text-align: center;
  border-radius: 20px;
  width: 38%;
  margin: auto;
  padding: 7px 5px;
  font-weight: bold;
  letter-spacing: 2px;
}

.our-community-involvement-column-two a:hover {
  background-color: #8ab016;
}



/* *******Green Thinking Webinar Series*******
.green-thinking-webinar-series{
  background: #0EA5B3;
  padding: 50px 0;
  margin: 100px 0;
}

.green-thinking-webinar-series-content{
  display: flex;
  gap: 100px;
  align-items: center;
  justify-content: center;
}

.green-thinking-webinar-series-content-left{
  min-width: 400px;
}

.green-thinking-webinar-series-content-right{
  max-width: 35%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.green-thinking-webinar-series-content-right h2{
  text-transform: inherit;
}

.green-thinking-webinar-series-content-right h2,
.green-thinking-webinar-series-content-right p,
.green-thinking-webinar-series-content-right a{
  color: #fff;
}

.green-thinking-webinar-series-content-right a{
  border: 1px solid #ffffff;
  padding: 5px 80px;
  transition: all 0.4s ease;
}

.green-thinking-webinar-series-content-right a:hover{
  color: #000000;
  background: #ffffff;
}

.green-thinking-webinar-series-container > .aboutContainer{
  /* padding: 0; */

.exploreResources {
  background-color: #EEE;
  height: 313px;
}

.exploreResources .sustainability-our-environmental-initiatives h2 {
  margin: auto;
  padding-top: 60px;
}



.sustainability-footer-img {
  background-image: url(https://www.buschsystems.com/wp-content/uploads/2024/11/Sustainabilty-Footer.png);
  height: 852px;
  background-repeat: no-repeat;
  margin-top: 320px;
}

.sustainability-footer-flex {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 130px;
}

.sustainability-footer-column {
  display: flex;
  flex-direction: column;
  flex: 1 0 calc(33.33% - 60px);
  max-width: 511px;
  background-color: #EEE;
  text-align: center;
}

.sustainability-footer-column div h6{
  font-size: 22px;
  margin-top: 40px;
  letter-spacing: 0.55px;
  color: #3B3B3B;
}

.sustainability-footer-column div p{
  font-size: 18px;
  margin-bottom: 30px;
  margin-top: 15px;
  line-height: 34px;
  color: #3B3B3B;
}

.sustainability-footer-p1-p3 {
  width: 55%;
  margin: auto;
  color: #3B3B3B;
}



/* media queries */
@media only screen and (max-width: 1360px) {
  /* *******Becoming A Junior Ambassador Contact Us******* */
  .becoming-a-junior-ambassador-contact-us{
    flex-direction: column;
    text-align: center;
  }
}

@media only screen and (max-width: 1250px) {
  /* *******Our Environmental Initiatives******* */
  .sustainability-our-environmental-initiatives-cards{
    max-width: 900px;
    padding: 0 20px;
  }

  .sustainability-our-environmental-initiatives-card{
    padding: 0 15px;
  }
  
  /* ******* Meet Our Junior Ambassador ******* */
  .meet-our-junior-ambassador-top-container{
    padding: 100px 20px 500px 20px;
  }

  .meet-our-junior-ambassador-top{
    gap: 30px;
  }
}

@media only screen and (max-width: 900px) {
  /* *******Our Journey In Sustainability******* */
  .our-journey-in-sustainability-p{
    min-width: 600px;
    padding: 0 20px;
  }

  .our-journey-in-sustainability-container-bottom div h3{
    width: 60%;
  }

  /* *******Our Environmental Initiatives******* */
  .sustainability-our-environmental-initiatives-cards{
    max-width: 650px;
    gap: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
  }

  .sustainability-our-environmental-initiatives-card{
    padding: 30px;
  }

  /* ******* Meet Our Junior Ambassador ******* */
  .meet-our-junior-ambassador-bottom {
    width: 100%;
    left: auto;
  }
  .meet-our-junior-ambassador-top{
    flex-direction: column;
    text-align: center;
  }

  .meet-our-junior-ambassador-top-right{
    align-items: center;
  }

  .meet-our-junior-ambassador-bottom iframe{
    width: 90%;
  }

  /* *******Becoming A Junior Ambassador Contact Us******* */
  .becoming-a-junior-ambassador-contact-us{
    width: 90%;
    padding: 40px 0;
  }

  .becoming-a-junior-ambassador-contact-us h4{
    width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  /* *******Keeping Our Beaches & Neighbourhood Clean******* */
  .keepingour-beaches-neighbourhood-clean-content-top{
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }

  .keepingour-beaches-neighbourhood-clean-content-middle iframe{
    height: 400px;
  }
  
  .keepingour-beaches-neighbourhood-clean-content-bottom{
    flex-direction: column-reverse;
    gap: 20px;
  }
  
  .keepingour-beaches-neighbourhood-clean-content-bottom-left{
    text-align: center;
  }

  /* *******Green Thinking Webinar Series******* */
  .green-thinking-webinar-series-content{
    flex-direction: column;
    text-align: center;
    gap: 50px;
  }

  .green-thinking-webinar-series-content-left{
    width: 80%;
    min-width: auto;
  }

  .green-thinking-webinar-series-content-right{
    width: 90%;
    max-width: initial;
  }
}

@media only screen and (max-width: 700px) {
  /* ******* Using Business As A Force For Good ******* */
  .using-business-as-a-force-for-good{
    flex-direction: column;
    gap: 30px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 650px) {
  /* *******Our Journey In Sustainability******* */
  .our-journey-in-sustainability-p{
    min-width: auto;
    width: 90%;
    padding: 0;
    margin: 0 auto;
  }

  .our-journey-in-sustainability-container-bottom div h3{
    width: 80%;
  }

  /* *******Our Environmental Initiatives******* */
  .sustainability-our-environmental-initiatives-cards{
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    gap: 50px;
    
    width: 90%;
    padding: 0;
    margin: 0 auto;
  }
  
  .sustainability-our-environmental-initiatives-card{
      padding: 80px 20px;
  }
}

@media only screen and (max-width: 550px) {
  /* *******Our Journey In Sustainability******* */
  .our-journey-in-sustainability-cards{
    grid-template-columns: 1fr;
  }
  
  .our-journey-in-sustainability-container-bottom div h3{
    width: 90%;
  }

  /* ******* Meet Our Junior Ambassador ******* */
  .meet-our-junior-ambassador-top-container{
    padding: 100px 20px 300px 20px;
    margin-bottom: 200px;
  }

  .meet-our-junior-ambassador-bottom {
    bottom: -150px;
  }
  
  .meet-our-junior-ambassador-bottom iframe{
    height: 400px;
  }

  /* *******Keeping Our Beaches & Neighbourhood Clean******* */
  .keepingour-beaches-neighbourhood-clean-content-middle iframe{
    height: 250px;
  }
}

@media only screen and (max-width: 400px) {
  /* *******Our Journey In Sustainability******* */
  .our-journey-in-sustainability-card{
    /* padding: 80px 0; */
    padding: 0;
  }
  
  /* *******Our Environmental Initiatives******* */
  .sustainability-our-environmental-initiatives-card.sustainability-our-environmental-initiatives-card{
    padding: 80px 0;
  }

  .sustainability-our-environmental-initiatives-card img,
  .sustainability-our-environmental-initiatives-card p{
    width: 90%;
    margin: 0 auto;
  }

  /* *******Keeping Our Beaches & Neighbourhood Clean******* */
  .keepingour-beaches-neighbourhood-clean-content{
    gap: 50px;
  }

  .keepingour-beaches-neighbourhood-clean-content{
    padding: 0;
  }

  .keepingour-beaches-neighbourhood-clean-content-top{
    width: 90%;
    margin: 0 auto;
  }

  .keepingour-beaches-neighbourhood-clean-content-top-right{
    width: 100%;
  }
  
  .keepingour-beaches-neighbourhood-clean-content-middle{
    width: 90%;
    margin: 0 auto;
  }
  .keepingour-beaches-neighbourhood-clean-content-middle iframe{
    height: 200px;
  }

  .keepingour-beaches-neighbourhood-clean-content-bottom{
    width: 90%;
    margin: 0 auto;
  }

  .keepingour-beaches-neighbourhood-clean-content-bottom-left{
    width: 100%;
  }
}

@media only screen and (max-width: 350px) {
  /* *******Our Journey In Sustainability******* */
  .our-journey-in-sustainability h2{
    width: 90%;
    margin: 20px auto;
  }
  
  .our-journey-in-sustainability-container-bottom div p{
    width: 90%;
  }

  /* *******Our Environmental Initiatives******* */
  .sustainability-our-environmental-initiatives-card{
    padding: 100px 30px;
  }

  /*  */
  .using-business-as-a-force-for-good-right p{
    width: 100%;
  }

  .using-business-as-a-force-for-good-right p a{
    padding: 5px 0;
    margin: 0 auto;
    display: block;
    width: 90%;
  }

  /*  */
  .becoming-a-junior-ambassador-contact-us p a{
    padding: 10px 50px;
  }

  /* *******Green Thinking Webinar Series******* */
  .green-thinking-webinar-series-content-right a{
    padding: 5px 50px;
  }
}

/* ************Sustainability 2023 Update (11/3/2023)************ */
.united-nations-sustainability-development-goals{
  background: #004094;
  color: #ffffff;
}

.united-nations-sustainability-development-goals-inner-container{
  display: flex;
  gap: 50px;
  justify-content: center;
  align-items: center;
  max-width: 1100px;
  margin: 50px auto 0 auto;
  padding: 30px 20px;
}

.united-nations-sustainability-development-goals-left{
  flex: 2;
  /* align-self: flex-end; */
  align-self: center;
}

.united-nations-sustainability-development-goals-left > p{
  margin: 0;
}

.united-nations-sustainability-development-goals-right{
  flex: 3;
}

.united-nations-sustainability-development-goals-right > p{
  margin: 0;
  text-align: center;
  font-weight: bold;
}

.united-nations-sustainability-development-goals-right-imagelinks{
  display: flex;
}

/* media queries */

@media only screen and (max-width: 800px) {
  .united-nations-sustainability-development-goals-inner-container{
    flex-direction: column;
    gap: 50px;
  }
  
  .united-nations-sustainability-development-goals-right-imagelinks{
    flex-wrap: wrap;
  }

  .united-nations-sustainability-development-goals-left > p{
    text-align: center;
  }

  .united-nations-sustainability-development-goals-right-imagelinks{
    justify-content: center;
    align-items: center;
  }
}
/* ************End Sustainability 2023 Update (11/3/2023)************ */

/* ************End Sustainability 2023 Update************ */

/*******************SOCIAL MEDIA ICONS***************************/
.productInfo .sbg-button{
  font-size: 10px;
  width: 18px;
  height: 18px;
  background-color: #939598;
}

.sbg-button {
  font-size: 13px;
  margin: 4px !important;
  display: inline-block;
  width: 20px !important;
  height: 20px;
  text-align: center;
  line-height: 0;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: .3s background ease;
  -o-transition: .3s background ease;
  transition: .3s background ease;
}
.sbg-button:hover {
  color: #FFF;
}

.sbg-button i {
  padding: 3.7px;
}

.social.productInfo .sbg-button i{
  color: #fff;
}

.sbg-button-icon {
  font-size: .5em;
  padding: .5em;
}

.sbg-button-facebook:hover {
  background-color: #3b5998;
}

.sbg-button-twitter:hover {
  background-color: #00aced;
}

.sbg-button-twitter .sbg-button-icon {
  padding-left: .48em;
}

.sbg-button-linkedin:hover {
  background-color: #007bb6;
}

.sbg-button-google-plus:hover {
  background-color: #dd4b39;
}

.sbg-button-pinterest-p:hover {
  background-color: #cb2027;
}

.sbg-button-pinterest-p .sbg-button-icon {
  padding-left: .45em;
  padding-top: .48em;
}

.sbg-button-instagram:hover {
  background-color: #833ab4;
}

.productLogo{
  margin: 30px 0;
}

.social {
  display: flex;
  z-index: 1051;
}

.social.productInfo {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.social.productInfo p{
  font-size: 12px;
    color: grey;
    font-family: droidsb;
    margin: auto 10px;
}

/**************************HEADER***************************/
.home:not(.blog) .wrap > header {
  width: 100%;
}

.wrap > header, #blogid_5 .wrap > header {
  position: relative;
  z-index: 100;
  background: #ffffff;
}

/* .admin-bar.home:not(.blog) .wrap > header {
  margin-top: 32px;
} */

#blogid_5 .wrap > header {
  margin-top: 0;
}

/****************HWEBSELECT****************/
.hwebselect {
  display: none;
  color: #ffffff;
  background: #00A94F;
}

.hwebselect > .innerWrap {
  padding-top: 15px;
  padding-bottom: 10px;
}

.hwebselect p {
  line-height: 32px;
}

.hwebselect p span {
  text-decoration: underline;
}

.hwebselect img {
  margin-right: 5px;
}

.hwebselect .btn {
  margin-left: 10px;
  line-height: 32px;
}

/****************END OF HWEBSELECT****************/

/****************HTOPOUT****************/
.requestBtn {
  float: right;
}

.htopOut {
  background: #0033A0;
  border-bottom: 2px solid #E6E6E6;
  max-width: 100%;
  margin: auto;
}

.htopOut > .innerWrap {
  padding: 10px 30px;
  /*padding: 8px 30px;*/
}

.htopOut .countryop {
  float: left;
  height: 26px;
  width: 26px;
  margin-right: 10px;
  overflow: hidden;
  background: url("images/country-sprite-sheet.png") no-repeat 0 0 transparent;
}

.htopOut .countryop.CA {
  background-position: 0 -36px;
}

.littleChev {
  position: relative;
  display: inline-block;
  /*background: #BBBDBF url('images/grey_chev.png') no-repeat scroll center / 120% auto; */
  background: url("images/grey_chev.png") no-repeat scroll center/120% auto;
  width: 15px;
  height: 15px;
  left: -12px;
  top: 4px;
  z-index: 300;
  pointer-events: none;
}

.htopOut h3 {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 0;
  text-align: center;
  font-family: DroiDsb;
  font-weight: bold;
  letter-spacing: 1px;
}

/****************END OF HTOPOUT****************/
/*******************HMIDOUT*******************/
.hmidOut > .innerWrap {
  padding: 15px 30px;
  /*padding: 20px 30px;*/
}

.hmidOut #logo {
  width: 300px;
  float: left;
  margin: 10px 10px 10px 0px;
}

.hmidOut .right {
  text-align: right;
  margin-top: 10px;
}

.hmidOut h2 {
  font-size: 27px;
  line-height: 33px;
  margin-left: 10px;
  font-family: "droidSB", Arial, sans-serif;
}

.hmidOut nav {
  float: right;
}

.hmidOut nav > div, .hmidOut nav > div > ul, .hmidOut nav > div > ul > li {
  float: left;
  list-style-type: none;
  margin: 0;
}

.hmidOut nav > div > ul > li > a {
  float: left;
  display: block;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 20px;
  font-family: "droidSB", Arial, sans-serif;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #6D6E70;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #6D6E70;
}

.hmidOut nav > div > ul > li:first-child > a {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

.hmidOut nav > div > ul > li > a:hover, .hmidOut nav > div > ul > li.current_page_item > a, .hmidOut nav > div > ul > li.current_page_parent > a {
  /*color: $blue;*/
  color: #0033a0;
}

.hmidOut .btn.btn_sm {
  margin-top: 3px;
}

/****************END OF HMIDOUT****************/
/*******************HBOTOUT*******************/
.hbotOut {
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10;
  padding:10px 0;
}

.hbotOut > .innerWrap > div {
  overflow: visible;
}

/******MAIN NAVIGATION******/
.hbotOut nav.responsivemenu {
  display: none;
}

.hbotOut nav > ul > li {
  margin: 4px 4px 4px 0px;
}

.hbotOut nav > ul > .nav-item{
  margin: 0 20px;
  cursor: pointer;
}

.hbotOut nav > ul > li.singleNavItem{
  margin: 0 20px;
  cursor: pointer;
}


.hbotOut nav > ul > .nav-item:nth-of-type(1){
  margin-left:22px
}

.hbotOut nav > ul > .nav-item:nth-of-type(3){
  position: relative;
}

.hbotOut nav > ul > .nav-item:nth-of-type(4){
  position: relative;
}

.hbotOut nav > ul > .nav-item:nth-of-type(3) .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 119.1vw;
  /* Add any additional styling you need (background, padding, etc.) */
}

/* Target sub-menu for the 4th nav item (Resources) */
.hbotOut nav > ul > .nav-item:nth-of-type(4) .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 119.1vw;
}


.hbotOut ul {
  z-index: 1001;
}

.hbotOut ul, .hbotOut ul > li {
  list-style-type: none;
  margin: 0;
}

.hbotOut nav > ul > li > a {
  float: left;
  display: block;
  padding: 20px 29px 20px 0;
  font-family: Droidsr;
  position: relative;
  font-size: 17.5px;
  line-height: 20px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #4D4D4F;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hbotOut nav > ul > li:hover > a, 
.hbotOut nav > ul > li.active > a,
.hbotOut nav > ul > li > .sub-menu > ul > li:hover > a > p,
.hbotOut nav > ul > li.currentPage > a{
  color: #0033A0 !important;
  font-weight: bold;
}

.hbotOut nav > ul > li > a:before, .formTabs > a:before {
  position: absolute;
  bottom: -9.68px;
  left: 31%;
  content: "";
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: none;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
  transform: rotate(180deg);
  filter: drop-shadow(0px 1px 0px #4D4D4F);
}

.hbotOut nav > ul > li.active.showtri > a:before, .formTabs > a.active:before {
  border-top: 25px solid #EEEEEE;
  opacity: 1;
}

span.menu,
span.menu:before,
span.menu:after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  width: 20px;
  border: 2px solid #6D6E70;
  border-left: none;
  border-right: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: border-color 0.5s ease;
  -moz-transition: border-color 0.5s ease;
  -o-transition: border-color 0.5s ease;
  transition: border-color 0.5s ease;
}

span.menu:before {
  content: "";
  left: 0;
  margin-top: -8px;
}

span.menu:after {
  content: "";
  left: 0;
  margin-top: 4px;
}

span.menu,
span.menu:before,
span.menu:after {
  border-color: #6d6e70;
}

/* arrow icons */
.menu_item i {
  font-size: 15px;
  border-radius: 99px;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

i.blue_icon_inverse {
  padding: 0px 2.7px;
  color: #FFF;
  margin-right: 8px;
  /*border: 2px solid #0033a0;*/
  border: 2px solid #005DAA;
  /*background-color: #0033a0;*/
  background-color: #005DAA;
}

.menu_item:hover i,
.active .menu_item i,
.currentPage .menu_item i {
  color: #0033A0;
  background-color: inherit;
}

i.grey_border_icon {
  padding: 0px 5px;
  color: #ccc;
  margin-left: 5px;
  border: 2px solid #ccc;
}

/**MEGAMENU**/
.hbotOut nav > .megamenuOuter, .hbotOut nav ul .nav-item .sub-menu{
  display: none;
  position: absolute;
  top: 75px;
  left: 0px;
  width: 99.1vw;
  z-index: 1000;
  padding: 35px 0;
  background: #EEEEEE;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* .hbotOut .mainmenu ul .nav-item:hover > .sub-menu{
  display:block;
}

.hbotOut .mainmenu ul .nav-item .sub-menu:hover {
  display:block;
} */

.hbotOut nav > .megamenuOuter, .hbotOut nav ul .nav-item .sub-menu ul{
  position:relative;
}

.mainmenu #logo{
  margin: auto 40px auto 20px;
}

.hbotOut nav > .megamenuOuter, .hbotOut nav ul .nav-item:hover > .activeTab:after{
  content: '';
  position: absolute;
  left: 9%;
  top: 76.5%;
  width: 2px;
  transform: rotate(180deg);
  height: 2px;
  border-top: solid 25px #eeeeee;
  border-left: solid 25px transparent;
  border-right: solid 25px transparent;
  z-index: 9999;
}

.hbotOut nav > .megamenuOuter > div > div, .hbotOut nav > .megamenuOuter > div > div > div,
 .mobileSearch,
 .hbotOut nav.responsiveMenuMain{
  display: none;
}

.hbotOut nav > .megamenuOuter > .megamenu_first .productsmenu ul > li > a {
  display: block;
  color: #ffffff;
  width: 165px;
  padding: 0 10px;
  font-size: 18px;
  line-height: 55px;
  text-transform: uppercase;
  text-align: center;
  font-family: "francoisOne", Arial, sans-serif;
  background: #005DAA;
  -webkit-transition: color 0.5s ease, background 0.5s ease;
  -moz-transition: color 0.5s ease, background 0.5s ease;
  -o-transition: color 0.5s ease, background 0.5s ease;
  transition: color 0.5s ease, background 0.5s ease;
}

.hbotOut nav > .megamenuOuter > .megamenu_first .productsmenu ul > li.active > a {
  color: #4D4D4D;
  background: #D0D2D3;
}

.productType p {
  font-size: 21px !important;
  color: #4D4D4F;
  text-align: center;
  margin:0;
}

.nav-item .sub-menu ul li a p {
  font-size: 16px;
  color: #4D4D4F;
  margin-top: 0;
}

.nav-item .sub-menu ul li{
  padding: 0 20px;
  border-left: 1px solid #4D4D4F;
}

.productType, .nav-item .sub-menu ul .productType{
  border-left: none;
  padding: 0 20px 15px;
  height: 144px;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: flex-end;
}

ul .productType img{
  margin: 20px 25px;
  min-width: 110px;
  max-width: 110px;
} 

ul .productType:nth-of-type(2) a img{
  margin: 23px 25px 20px !important;
}

ul .productType:nth-of-type(4) a img{
  margin: 40px 25px 20px;
}  

.nav-item .sub-menu ul .productType:nth-of-type(1){
  height: 140px;
  width: 160px;
}

.nav-item .sub-menu ul li:first-of-type{
  border: none;
}

.hbotOut nav > .megamenuOuter > .megamenu_second {
  width: 850px;
}

/*MEGAMENU ALL COLUMS*/
.hbotOut nav > .megamenuOuter > .megamenu_second > div > div > div {
  float: left;
  width: 240px;
  padding: 0 32px 20px;
  background: #D0D2D3;
}

/*MEGAMENU RIGHT COLUMN*/
.hbotOut nav > .megamenuOuter > .megamenu_second > div > div > div + div {
  background: #E6E7E8;
}

.hbotOut nav > .megamenuOuter > .megamenu_second > div > div h6 {
  color: #4d4d4d;
  margin-bottom: 3px;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  line-height: 52px;
  font-family: "francoisOne", Arial, sans-serif;
}

/*MEGAMENU PRODUCTS*/
.hbotOut nav > .megamenuOuter > .megamenu_second > div > div ul > li {
  text-align: center;
  margin-top: 10px;
}

.hbotOut nav > .megamenuOuter > .megamenu_second > div > div ul > li:first-child {
  margin-top: 0;
}

/*MORE INFO SLIDE DOWN WITH .mostpopular > .innerWrap > div > div > a > div*/
.hbotOut nav > .megamenuOuter > .megamenu_second > div > div ul > li > a {
  display: block;
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.hbotOut nav > .megamenuOuter > .megamenu_second > div > div ul > li > span {
  color: #4D4D4D;
  font-size: 16px;
  line-height: 18px;
  font-family: "droidSB", Arial, sans-serif;
}

/*MEGAMENU AD*/
.hbotOut nav > .megamenuOuter > .megamenu_second > div > div > .productAd {
  display: block;
  float: left;
  padding: 0;
  background: transparent;
}

.hbotOut nav > .megamenuOuter > .megamenu_second > div > div .btn {
  margin-top: 9px;
  /*width: 220px;*/
}

/*MEGAMENU NOT PRODUCTS*/

.hbotOut nav > .megamenuOuter > div > .submenu-con > ul{
  background: #EEEEEE
}

.submenu-con ul li a p{
  font-family: droidsr;
  color: #4D4D4F;
  font-size: 16px;
}

.submenu-con ul li a p:hover{
  color: #0033a0;
}


.hbotOut nav > .megamenuOuter > div > .notproductsmenu > ul > li {
  padding: 0 20px;
  margin: 20px 0;
  border-left: 1px solid #4D4D4F;
}

.hbotOut nav > .megamenuOuter > div > .notproductsmenu > ul > li:first-child {
  border-left: none;
}

.hbotOut nav > .megamenuOuter > div > .notproductsmenu > ul > li > h5 {
  color: #4d4d4d;
  text-align: center;
  margin: 15px 0;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  font-family: "francoisOne", Arial, sans-serif;
}

#resourcesMenu ul .subNav {
    height: 50px;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: none;
    color: #99999a;
    background-color: white;
}
#resourcesMenu ul .subNav a {
    color: #99999a;
    padding: 5% 8%;
    white-space: nowrap;
    border: unset;
}
#resourcesMenu ul .subNav:hover{
    background: #005DAA;
}
#resourcesMenu ul .subNav:hover a{
    background: #005DAA;
    color: #FFFFFF;
}
.resources_item:hover > ul > .subNav {
    display: flex;
}
#resourcesMenu {
  cursor: pointer;
}
#resourcesMenu ul {
    top: 40px;
    width: 100%;
}
#resourcesMenu:hover ul {
    position: absolute;
}

#resourcesMenu > a > i {
  padding: 0px 3px;
}
#resourcesMenu:hover ul li{
    display: flex;
}
#resourcesMenuMobile:hover > ul > .subNavMobile {
    display: flex;
} 
#resourcesMenuMobile > a > i {
  padding: 0px 3px;
}
.subNavMobile {
    height: 50px;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: none;
    color: #99999a;
    background-color: white;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.subNavMobile a {
    color: #99999a;
    width: 100%;
    text-align: center;      
}
.subNavMobile:hover{
    background: #005DAA;
}
.subNavMobile:hover a{
    background: #005DAA;
    color: #FFFFFF;
}

.footerBandMobile{
  height: 6vh;
  position: fixed;
  background: #0033A0;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index:98;
  display:none;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

/******END OF MAIN NAVIGATION******/
/* PPE Banner */
#ppeBanner {
  background: linear-gradient(-45deg, #ABD037, #4AB291, #0EA5B3, #0C909D, #00964C, #0033A0);
	background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  -webkit-box-shadow: 0 8px 6px -6px black; 
  -moz-box-shadow: 0 8px 6px -6px black; 
  box-shadow: 0 5px 6px -6px black;

  /* New Home Page header update 2023 10/21/2023 */
  /* display: none; */
}

#ppeBanner > div{
  justify-content: center; 
  width: 100%; 
  margin: 0 auto; 
  padding:20px 0; 
  align-items: center;
}

#ppeBanner > div > div{
  padding: 0 30px;
}

#ppeBanner > div > div:nth-of-type(2){
  border-left: 1px solid #ffffff;
}
 
#ppeBanner h3{
  color: #ffffff;
  text-align: right;
  font-size: 35px;
  line-height: 38px;
}

#ppeBanner p{
  color: #ffffff; 
  font-size: 24px;
  line-height: 30px;
  font-weight: 900;
  margin-bottom: 15px;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* PPE Banner end */
/* Image Banner */
#imageBanner {
	background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  -webkit-box-shadow: 0 8px 6px -6px black; 
  -moz-box-shadow: 0 8px 6px -6px black; 
  box-shadow: 0 5px 6px -6px black;

  display: none; /*new homepage header 2023 update*/
}

#imageBanner > div{
  justify-content: center; 
  width: 100%; 
  margin: 0 auto; 
  padding:20px 0; 
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 125px;
}

@media only screen and (max-width: 1100px) { 
  #imageBanner > div{
    height: 100px;
  }
}

@media only screen and (max-width: 900px) { 
  #imageBanner > div{
    height: 80px;
  }
}

@media only screen and (max-width: 750px){
  #imageBanner > div {
      height: 65px;
  }
}

@media only screen and (max-width: 700px){
  #imageBanner > div {
      height: 50px;
  }
}

@media only screen and (max-width: 600px){
  #imageBanner > div {
      height: 40px;
  }
}

@media only screen and (max-width: 500px){
  #imageBanner > div {
      height: 30px;
  }
}



/* Image Banner end */
/************SEARCH BAR***********/
.hbotOut #search-outter {
  background: #FFF;
  z-index: 1002;
}

.hbotOut .searchBox input {
  width: 120px;
}

.hbotOut #searchbtn:hover {
  background-position: 0 -540px;
  background-color: #005DAA;
}

.hbotOut #search-outter > form.activeForm {
  left: 0;
}

::-webkit-input-placeholder {
  color: #6D6E70;
  opacity: 1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #6D6E70;
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #6D6E70;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #6D6E70;
  opacity: 1;
}

.searchBox {
  position: relative;
}

.searchBox.roundBorder input {
  border-radius: 99px;
  border: 1px solid #EBEBEB;
  -webkit-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease;
}

.searchBox.roundBorder input:focus {
  outline: none;
  border: 1px solid #67a4d2;
}

.searchBox.roundBorder .searchBtn:focus {
  outline: none;
}

.searchBox.roundBorder .searchBtn,
.searchBox.roundBorder .searchBtn:after {
  border-radius: 99px 0px 0px 99px;
}

.searchBox input {
  padding: 6px 46px 6px 6px;
  border: 0px none;
  background-color: #EBEBEB;
  font-family: "droidSR", Arial, sans-serif;
  font-size: 17px;
  color: #99999a;
}

.countrySearchSide .searchBox.roundBorder input {
  padding: 6px 50px 6px 20px;
  margin-bottom: 0;
  height: inherit;
  padding-left: 20px !important;
}

.searchBox.roundBorder input {
  padding: 6px 50px 6px 20px;
}

.searchBox input::-webkit-input-placeholder,
.searchBox input::-moz-placeholder,
.searchBox input:-ms-input-placeholder,
.searchBox input:-moz-placeholder {
  color: #99999a;
}

.searchBox .searchBtn {
  position: absolute;
  left: 75%;
  top: 1px;
  border: none;
  width: 39px;
  height: 32px;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

.searchBox.responsiveSearch .searchBtn {
  position: inherit;
}

.searchBox.roundBorder .searchBtn {
  top: 1px;
}

.searchBox.responsiveSearch .searchBtn:after{
  background-color: #FFF;
}

.searchBox .searchBtn:after {
  content: ' ';
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(images/busch-systems-spritesheet.png);
  background-size: 95px;
  background-position: -12px -340px;
  background-repeat: no-repeat;
  background-color: #ebebeb;
}

.searchBox .searchBtn:hover {
  opacity: .6;
}

/****TRUST PILOT****/
#careersTrustPilot .innerWrap {
  padding: 25px 30px 50px;
}

#aboutUsTrustPilot .innerWrap {
  padding: 25px 30px 50px;
}

/****SEARCH RESULTS******/

.searchCon{
  margin: auto;
  max-width: 1289px;
  padding: 40px;
}

.searchCon .result{
  max-width:650px; 
  width: 620px;
  margin: 20px;
  display: flex;
  flex-wrap: wrap;
}

.searchCon .result:nth-child(1n){
  margin-left: 0px;
}

.searchCon .result h2{
  margin-bottom: 5px;
  font-size: 25px;
  line-height: 1;
  font-weight: 400
}

.searchCon .result div:nth-of-type(1)
{
  margin: 0 20px 20px 0;
  max-width: 200px;
}

.searchCon .result div:nth-of-type(2)
{
  max-width: 400px;
}

.searchCon h3{
  text-transform: capitalize;
  font-size: 28px;
  margin: 40px 0 0;
}

.searchCon .result p{
  font-size: 14px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}


.search-results .theblog .left .result {
  float: none;
  display: block;
  border-bottom: 2px solid #99999a;
  padding-bottom: 40px;
  margin-top: 40px;
  min-height: 150px;
}
.search-results .theblog .left .result:first-child {
  margin-top: 0;
}
.search-results .theblog .left .result:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.search-results .theblog .left .result img {
  float: left;
  margin-right: 20px;
}
.search-results .theblog .left .result .readmore {
  float: none;
  width: 100%;
  text-align: right;
}
.searchBox #alterSearch{
  display:none;
}


/***********************MAIN******************************/
.home:not(.blog) #main {
  width: 100%;
  z-index: 99;
}

#blogid_5 #main {
  position: relative;
  top: 0;
}

#main > div {
  clear: both;
  position: relative;
  z-index: 1;
}

.blocker{
  z-index: 100 !important;
}

#main > .fadeContent > .innerWrap {
  overflow: hidden;
  align-items: center;
  max-width: 1300px;
  margin: 0px auto;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  display: flex;
  padding: 10px 30px;
}

.fadeContent > div > .slideIn,
.productsSection .slideIn {
  position: relative;
  max-width: 600px;
  left: -100px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease, left 0.8s ease;
  -moz-webkit-transition: opacity 0.5s ease, left 0.8s ease;
  -o-webkit-transition: opacity 0.5s ease, left 0.8s ease;
  transition: opacity 0.5s ease, left 0.8s ease;
}

.fadeContent > div > .slideIn,
.productsSection .slideIn .boxShadow{
  max-width: 600px;
}

.fadeContent > div > .slideIn + .slideIn,
.productsSection .slideIn + .slideIn {
  left: auto;
  right: -100px;
  -webkit-transition: opacity 0.5s ease, right 0.8s ease;
  -moz-webkit-transition: opacity 0.5s ease, right 0.8s ease;
  -o-webkit-transition: opacity 0.5s ease, right 0.8s ease;
  transition: opacity 0.5s ease, right 0.8s ease;
}

.fadeContent > div.slideEleIn > .slideIn {
  left: 0;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}

.fadeContent > div.slideEleIn > .slideIn + .slideIn {
  left: auto;
  right: 0;
}


/**********************SLIDER******************************/

.ls-fullwidth .ls-playvideo, 
.ls-fullwidth .ls-nav-sides, 
.ls-fullwidth .ls-bottom-slidebuttons a, 
.ls-fullwidth .ls-nav-prev, 
.ls-fullwidth .ls-nav-next, 
.ls-fullwidth .ls-nav-start, 
.ls-fullwidth .ls-nav-stop, 
.ls-fullwidth .ls-fullscreen{
	background-image: url(images/arrow.png) !important;	
}

.ls-fullwidth .ls-nav-next, .ls-fullwidth .ls-nav-prev{
  background-position: -150px -75px !important;
}

.ls-fullwidth .ls-nav-prev{
  transform: rotate(180deg) !important;
}

.ls-container .ls-slide a:hover {
  color: #ffffff;
  text-decoration: none;
}

#slider {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ngslider {
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ngslides {
  opacity: 0;
}

.ngslides, .ngslides > div {
  width: 100% !important;
  height: 100% !important;
}

.ngsliderOptions {
  display: block;
  left: 50%;
  margin-left: -550px;
  margin-top: 10px;
  padding: 0 30px;
  position: absolute;
  top: 50%;
  width: 1040px;
  z-index: 99;
}

.ngslidermenu {
  float: left;
  width: 100%;
}

.ngslidermenu > a {
  float: left;
  height: 42px;
  width: 42px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  text-align: center;
  font-size: 48px;
  line-height: 30px;
  background-color: #ffffff;
  color: #6D6E70;
  text-indent: -3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background 0.3s ease;
  -moz-webkit-transition: background 0.3s ease;
  -o-webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.ngslidermenu > .ngsliderNext {
  float: right;
  text-indent: 3px;
}

.ngslidermenu > a:hover {
  background-color: #D0D2D3;
}

#slider > .ngslider_Text {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  z-index: 98;
}

#slider > .ngslider_Text > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#slider > .ngslider_Text > div > div {
  width: 748px;
  padding: 0 176px;
  margin: 100px auto 0;
}

#slider > .ngslider_Text > div > div > h1 {
  font-size: 42px;
  line-height: 44px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
  text-shadow: 1px 1px 0 #000000;
  font-family: "francoisOne", Arial, sans-serif;
}

#homeheaderwrap {
  z-index: 10 !important;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
}

#homeheaderblock {
  color: #FFF;
  display: none;
  margin-top: 6.5%;
  text-align: center;
  /* text-shadow: 0px 0px 16px #282828; */
  font-family: "francoisOne", Arial, sans-serif;
  background: transparent none repeat scroll 0% 0%;
  position: absolute;
  /* top: 13%; */
  text-align: center;
  margin-left: 22%;
}

.ls-wp-container .btn{
  margin: 0px;
}

.trademark{
  font-size: 14px;
  vertical-align: top;
}

#homeheader {
  max-width: 1200px;
  pointer-events: all;
}

#homeheader h1 {
  font-size: 44px;
  line-height: 46px;
  color: #FFF;
  text-transform: none;
  text-align: left;
}

#homeheader h2 {
  font-size: 24px;
  line-height: 13px;
  color: #FFF;
  text-transform: none;
  text-align: left;
  font-family: droidsr;
}

#homeheader h4 {
  font-size: 22px;
  margin: 20px 0px 30px;
  color: #FFF;
}

.homeslideroverlaywrap {
  position: relative;
  pointer-events: none;
}

.ls-wp-fullwidth-container, .ls-wp-container {
  pointer-events: all;
}

#slider > .ngslider_Text > div > div > .btn {
  font-size: 24px;
  line-height: 50px;
}


/**********************GREENWAY*******************************/
/* icon/images spritesheet mapping*/
.gw_sprite {
  background-image: url("images/gw_sprite.png");
  background-repeat: no-repeat;
  display: block;
}

.gw_sprite_Busch_Tree {
  width: 163px;
  height: 163px;
  background-position: -225px -5px;
}

.gw_sprite_Color_Bar {
  width: 516px;
  height: 7px;
  background-position: -5px -178px;
}

.gw_sprite_1 {
  width: 10px;
  height: 20px;
  background-position: -5px -5px;
}

.labelWrap:hover .gw_sprite_1, .gw_sprite_1.active {
  background-position: -25px -5px;
}

.gw_sprite_2 {
  width: 15px;
  height: 20px;
  background-position: -45px -5px;
}

.labelWrap:hover .gw_sprite_2, .gw_sprite_2.active {
  background-position: -70px -5px;
}

.gw_sprite_3 {
  width: 15px;
  height: 20px;
  background-position: -95px -5px;
}

.labelWrap:hover .gw_sprite_3, .gw_sprite_3.active {
  background-position: -120px -5px;
}

.gw_sprite_4 {
  width: 30px;
  height: 19px;
  background-position: -145px -5px;
}

.labelWrap:hover .gw_sprite_4, .gw_sprite_4.active {
  background-position: -185px -5px;
}

.gw_sprite_Indoor_Lightbulb {
  width: 27px;
  height: 41px;
  background-position: -188px -72px;
}

.gw_sprite_Indoor_Lightbulb:hover, .gw_sprite_Indoor_Lightbulb.active {
  background-position: -392px -195px;
}

.gw_sprite_Outdoor_Sun {
  width: 38px;
  height: 38px;
  background-position: -461px -195px;
}

.gw_sprite_Outdoor_Sun:hover, .gw_sprite_Outdoor_Sun.active {
  background-position: -135px -303px;
}

.gw_sprite_Deskside {
  width: 72px;
  height: 47px;
  background-position: -106px -72px;
}

.gwLocation:hover .gw_sprite_Deskside, .gw_sprite_Deskside.active {
  background-position: -398px -72px;
}

.gw_sprite_Common_Space {
  width: 91px;
  height: 57px;
  background-position: -398px -5px;
}

.gwLocation:hover .gw_sprite_Common_Space, .gw_sprite_Common_Space.active {
  background-position: -5px -72px;
}

.gw_sprite_Industrial_Area {
  width: 120px;
  height: 47px;
  background-position: -392px -246px;
}

.gw_sprite_Industrial_Area:hover, .gw_sprite_Industrial_Area.active {
  background-position: -5px -303px;
}

.gw_sprite_Front {
  width: 67px;
  height: 52px;
  background-position: -52px -195px;
}

.gwfront:hover .gw_sprite_Front, .gwfront > label.active .gw_sprite_Front {
  background-position: -129px -195px;
}

.gw_sprite_Top {
  width: 29px;
  height: 65px;
  background-position: -471px -303px;
}

.gwtop:hover .gw_sprite_Top, .gwtop > label.active .gw_sprite_Top {
  background-position: -527px -5px;
}

.gw_sprite_Hard_Ground {
  width: 83px;
  height: 46px;
  background-position: -299px -195px;
}

.gwhard:hover .gw_sprite_Hard_Ground, .gwhard > label.active .gw_sprite_Hard_Ground {
  background-position: -206px -195px;
}

.gw_sprite_Soft_Ground {
  width: 95px;
  height: 46px;
  background-position: -366px -303px;
}

.gwsoft:hover .gw_sprite_Soft_Ground, .gwsoft > label.active .gw_sprite_Soft_Ground {
  background-position: -261px -303px;
}

.gw_sprite_Diamond {
  width: 37px;
  height: 32px;
  background-position: -480px -72px;
}

#styleBright:hover .gw_sprite_Diamond, #styleBright .gw_sprite_Diamond.active {
  background-position: -5px -195px;
}

#styleCont:hover .gw_sprite_Diamond, #styleCont .gw_sprite_Diamond.active {
  background-position: -480px -114px;
}

.gw_sprite_gw_slider {
  width: 17px;
  height: 17px;
  background-position: -398px -134px;
}

.gw_sprite_PageTrack_Circle {
  width: 14px;
  height: 14px;
  background-position: -5px -243px;
}

.gw_sprite_PageTrack_Circle.active {
  background-position: -183px -303px;
}

.gw_sprite_Previous_Arrow {
  width: 17px;
  height: 17px;
  background-position: -207px -303px;
}

#gwprev:hover .gw_sprite_Previous_Arrow {
  background-position: -234px -303px;
}

.gw_sprite_Next_Arrow {
  width: 17px;
  height: 17px;
  background-position: -499px -5px;
}

#gwnext:hover .gw_sprite_Next_Arrow {
  background-position: -499px -32px;
}

.gw_sprite_Try_Again_Arrows {
  width: 22px;
  height: 17px;
  background-position: -527px -107px;
}

.gw_sprite_Try-Again_Arrows_Rollover {
  background-position: -527px -80px;
}

.gw_sprite_Yes_No_Circles {
  width: 22px;
  height: 17px;
  background-position: -138px -134px;
}

#greenway #gwYesCustom:hover .gw_sprite_Yes_No_Circles, #greenway #gwYesCustom .gw_sprite_Yes_No_Circles.active {
  background-position: -106px -134px;
}

#greenway #gwNoCustom:hover .gw_sprite_Yes_No_Circles, #greenway #gwNoCustom .gw_sprite_Yes_No_Circles.active {
  background-position: -429px -195px;
}

.gw_sprite_down_arrow {
  width: 20px;
  height: 20px;
  background-position: -170px -134px;
}

.gw_sprite_greenway_i_icon {
  width: 15px;
  height: 15px;
  background-position: -200px -134px;
}

/*end of greenway spritesheet */
#greenway {
  z-index: 99;
}

#greenway > .innerWrap, #main .mostpopular > .innerWrap, #main .clientTests > .innerWrap {
  width: 920px;
  padding: 20px 90px;
}

#greenway .left {
  width: 380px !important;
  text-align: center;
  margin-top: -89px;
  z-index: 1;
}

#greenway .innerWrap > .right {
  float: right;
  width: 517px;
  overflow: visible;
  z-index: 3;
  border: 1px solid #c6c4c3;
  background-color: #fff;
}

#greenway h2 {
  font-size: 35px;
  line-height: 47px;
  font-family: "francoisOne", Arial, sans-serif;
  margin-bottom: 20px;
  color: #FFF;
}

#greenway h2 > span {
  font-size: 55px;
  line-height: 53px;
}

#greenway .left > p {
  color: #E6E7E8;
  font-size: 21px;
  line-height: 26px;
  padding: 0 50px;
  font-family: "francoisOne", Arial, sans-serif;
}

#greenway .left > span {
  color: #BBBDBF;
  font-size: 15px;
  line-height: 18px;
  font-family: "francoisOne", Arial, sans-serif;
  text-transform: uppercase;
  margin: 0 auto 25px;
}

#greenway .left > span > span {
  position: relative;
  left: 0;
  font-size: 20px;
  line-height: 20px;
  -webkit-transition: left 0.5s ease;
  -moz-webkit-transition: left 0.5s ease;
  -o-webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}

#greenway .left > span:hover > span {
  left: 20px;
}

#greenway .right > div > div > form {
  float: left;
  clear: both;
  width: 100%;
}

/****************************PRINCIPLES****************************/
#greenway .gwinfo {
  cursor: pointer;
  display: inline-block;
}

#greenway .principal {
  float: left;
  width: 100%;
  position: relative;
  display: none;
}

#greenway #principal_1 {
  display: block;
}

#greenway .principalTitle {
  font-size: 26px;
  line-height: 48px;
  font-family: "droidSB", Arial, sans-serif;
  color: #4c4d4c;
  text-transform: uppercase;
  padding: 5px 0px 5px 20px;
  margin-bottom: 0;
  background: inherit;
  display: inline-block;
  letter-spacing: -0.5px;
}

#greenway .principal_content {
  padding: 0 15px;
  position: relative;
}

/*GREENWAY PRINCIPAL > DIV USES CLEARFIX AT TOP*/
#greenway .principal > div > div {
  clear: both;
  float: left;
  width: 100%;
  border-bottom: 1px solid #BBBDBF;
}

#greenway .principal > div > div > div {
  padding: 8px 9px;
  text-align: center;
}

/**************PRINCIPAL FIRST**************/
#greenway .principal > div > .gwfirst {
  border-top: none;
  padding-top: 10px;
}

#greenway .principal > div > .gwfirst > div {
  float: left;
  border-right: 1px solid #ffffff;
}

#greenway .principal > div > .gwfirst > div + div {
  border-right: 0;
  border-left: 1px solid #BBBDBF;
}

#greenway .gwinout, #greenway .gwFrontTop {
  width: 46%;
}

/**************END OF PRINCIPAL FIRST**************/
/**************PRINCIPAL ITEMS**************/
#greenway .principal h6 {
  font-family: "droidSR", Arial, sans-serif;
  color: #4c4d4c;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  text-align: left;
}

#greenway .principal > div > div > div > h6 + div {
  margin-left: 0;
}

/*******LABEL BTNS*******/
#greenway form .principal label {
  display: block;
  cursor: pointer;
}

#greenway .gwLocation {
  cursor: pointer;
}

/*STREAMS*/
#greenway .principal > div > div > .streams .labelWrap {
  padding: 10px;
  cursor: pointer;
}

#greenway .principal > div > div > .streams > div {
  margin-left: 23px;
}

#greenway .principal > div > div > .streams > h6 + div {
  margin-left: 0;
}

#greenway form .principal .streams label {
  margin: 3px 0;
}

#greenway form .principal .streams label.active {
  color: #33baca;
}

#greenway form .principal .streams label > span {
  position: relative;
  top: -6px;
  left: 2px;
}

/*FRONT OR TOP*/
#greenway .flexEndAround {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

#greenway form .principal .gwoutdoor label {
  height: 70px;
  display: flex;
  align-items: flex-end;
}

/*******END OF LABEL BTNS*******/
/*******PRINCIPAL P*******/
#greenway .principal .labelWrap, #greenway .capSize p {
  display: block;
  margin-bottom: 0;
  color: #A6A8AB;
  font-size: 17px;
  line-height: 21px;
  text-transform: uppercase;
  font-family: "francoisOne", Arial, sans-serif;
}

#greenway .principal .labelWrap:hover p, #greenway .principal p.active {
  color: #33baca;
}

#greenway #styleBright:hover p, #greenway #styleBright p.active {
  color: #e89d00;
}

#greenway #styleCont:hover p, #greenway #styleCont p.active {
  color: #63bfb4;
}

#greenway .principal label + p {
  margin-top: 5px;
}

/*******END OF PRINCIPAL P*******/
/*******CAPACITY SLIDER*******/
#greenway #binCap {
  width: 410px;
  height: 17px;
  margin: 25px auto 35px;
}

#greenway #binCap > div#binCapSlider {
  position: relative;
  width: 410px;
  height: 17px;
  background: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

#greenway #binCap > div#binCapSlider > .ui-slider-range {
  background: #09a0ae;
  height: 17px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#greenway .ui-slider-handle {
  position: absolute;
  top: 0px;
  margin-left: -5px;
}

#greenway .trafficHigh .ui-slider-handle {
  display: none;
}

#greenway .trafficLow .ui-slider-handle {
  margin-left: 0px;
  border-radius: 5px 0 0 5px;
}

#greenway .principal > div > div > div > div.capSize {
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  margin-left: 0;
}

#greenway .principal .capSize > p {
  position: absolute;
  bottom: 0;
  display: inline;
  margin-bottom: 0px !important;
}

#greenway .principal .capSize > p.gwsm {
  left: 10px;
}

#greenway .principal .capSize > p.gws {
  left: 50%;
  margin-left: -34px;
}

#greenway .principal .capSize > p.gwl {
  right: 10px;
}

#greenway .principal p {
  -webkit-transition: color 0.3s ease;
  -moz-webkit-transition: color 0.3s ease;
  -o-webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

/*******END OF CAPACITY SLIDER*******/
/*******SELECT STYLES*******/
/*SELECT STYLES USES CLEARFIX AT TOP*/
#greenway .principal .selectbox > div > h6 {
  float: left;
  margin: 6px 12px 0 0;
}

#greenway .principal .arrowSelect {
  float: left;
  position: relative;
}

#greenway .principal .arrowSelect select::-ms-expand {
  display: none;
}

#greenway .principal .arrowSelect span.gw_sprite_down_arrow {
  position: absolute;
  right: 8px;
  top: 9px;
  zoom: 0.8;
  pointer-events: none;
}

#greenway .principal .selectbox select {
  width: 100%;
  color: #535354;
  padding: 4px 10px;
  font-size: 18px;
  line-height: 24px;
  font-family: "francoisOne", Arial, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  border: 0px;
  outline: 0px;
  background-color: #d4d5d5;
  cursor: pointer;
}

/*******END OF INPUT STYLES*******/
/*******INDIVIDUAL STYLES*******/
/*PRINCIPAL 2 INDOOR TOP, YOUR STYLE*/
#greenway .principal > div > .gwfirst > .gwrow {
  float: none;
  border-right: none;
}

#greenway .principal .gwrow label, #greenway .principal .yourstyle label {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

#greenway #styleBright, #greenway #styleCont {
  cursor: pointer;
}

#greenway #stateProvSelect {
  width: 60%;
}

#greenway #orgTypeSelect {
  width: 58%;
}

/*******END OF INDIVIDUAL STYLES*******/
/**************END OF PRINCIPAL ITEMS**************/
/*******RESULTS*******/
/*P TAG IS CLEARFIXED AT TOP*/
#greenway .gwResultTitle label {
  display: inline-block;
}

#greenway .gwResultTitle .labelWrap {
  display: inline-block;
  width: auto;
  float: right;
  clear: none;
  padding: 19px 7px !important;
  cursor: pointer;
}

#greenway #gwNoCustom *, #greenway #gwYesCustom * {
  cursor: pointer;
}

#greenway #gwNoCustom p, #greenway #gwYesCustom p {
  float: left;
  display: inline-block;
  margin-top: 0px;
}

#greenway #gwNoCustom:hover p, #greenway #gwYesCustom:hover p, #greenway #gwNoCustom p.active, #greenway #gwYesCustom p.active {
  color: #4c4d4c;
}

#greenway .principal.results > p > span {
  float: left;
}

#greenway .principal.results > p > span + span {
  float: right;
}

#greenway .principal.results > p > span > .signyesno {
  display: block;
  float: left;
  color: #A6A8AB;
  margin-top: 5px;
  font-size: 18px;
  line-height: 20px;
  background: transparent;
}

#greenway .principal.results > p > span > .signyesno.active {
  color: #ffffff;
}

#greenway .greenwayResults {
  background-color: #fff;
  overflow-y: scroll;
  height: 300px;
  padding-top: 12px;
}

#greenway .principal.results > div > div {
  border: none;
  padding: 12px 0;
}

#greenway .principal.results > div > div > div {
  float: left;
  padding: 0;
  width: 165px;
  position: relative;
}

#greenway .principal.results > div > div > div img {
  width: 100%;
  height: auto;
}

#greenway .gwsign {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 30px;
  background: url("images/busch-systems-spritesheet.png") no-repeat -57px -364px #00A94F;
}

#greenway .principal > div > div > div > .gwsign {
  display: none;
  margin: 0;
}

#greenway .principal > div > .signframes > div > .gwsign {
  display: block;
}

#greenway .principal.results > div > div > div + div {
  float: right;
  width: 290px;
  text-align: left;
}

#greenway .principal.results > div > div > div + div > h4 {
  font-size: 22px;
  line-height: 26px;
  font-family: "francoisOne", Arial, sans-serif;
  margin-bottom: 5px;
}

#greenway .principal.results > div > div > div + div > p {
  margin-bottom: 0;
}

/*SLIDEOUT RESULTS*/
#greenway .principal.results > .resultsSlideout {
  display: none;
  position: absolute;
  top: 83px;
  left: 20px;
  width: 398px;
  height: auto;
  overflow-y: inherit;
  background: #ffffff;
  float: left;
  z-index: -1;
  -webkit-transition: left 0.5s ease;
  -moz-webkit-transition: left 0.5s ease;
  -o-webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}

#greenway .principal.results > .resultsSlideout.active {
  left: -399px;
}

#greenway .principal.results .gwResultFormTitle {
  color: #ffffff;
  font-size: 26px;
  font-family: "droidSB", Arial, sans-serif;
  text-transform: uppercase;
  padding: 15px 20px;
  margin-bottom: 0;
  background: #518dc6;
  box-sizing: border-box;
  letter-spacing: -0.5px;
}

#greenway .principal.results .gwResultForm {
  padding: 10px 20px;
  box-sizing: border-box;
}

#greenway .principal.results .gwResultForm p {
  font-size: 16px;
}

#greenway .principal.results > .resultsSlideout form > div {
  float: left;
  clear: both;
  width: 100%;
}

#greenway .principal.results > .resultsSlideout form > div > label {
  float: left;
  width: 15%;
  color: #4c4d4c;
  font-size: 17px;
  display: inline-block;
}

#greenway .principal.results > .resultsSlideout form > div > input[type="text"] {
  color: #4c4d4c;
  width: 280px;
  font-size: 16px;
  line-height: 20px;
  padding: 4px 8px 4px;
  border: 2px solid #d4d5d5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #d4d5d5;
  font-family: inherit;
}

#greenway .principal.results > .resultsSlideout form > div > input[type="submit"] {
  width: auto;
  color: #ffffff;
  background: #518dc6;
  padding: 0 8px;
  margin: 10px 7px 0px;
  line-height: 30px;
  text-transform: uppercase;
  font-family: "francoisOne", Arial, sans-serif;
  font-size: 17px;
  cursor: pointer;
  float: right;
  border: 0px;
  -webkit-transition: background 0.3s ease;
  -moz-webkit-transition: background 0.3s ease;
  -o-webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

#greenway .principal.results > .resultsSlideout form > div > input[type="submit"]:hover {
  background: #005DAA;
}

#greenway .principal.results > .resultsSlideout form > .gwfullfield {
  margin-bottom: 10px;
}

#greenway .principal.results > .resultsSlideout form label {
  line-height: 32px;
}

#greenway ::-webkit-input-placeholder {
  color: #a6a8ab;
  opacity: 1;
}

#greenway :-moz-placeholder {
  /* Firefox 18- */
  color: #a6a8ab;
  opacity: 1;
}

#greenway ::-moz-placeholder {
  /* Firefox 19+ */
  color: #a6a8ab;
  opacity: 1;
}

#greenway :-ms-input-placeholder {
  color: #a6a8ab;
  opacity: 1;
}

#greenway #customYesNo {
  display: inline-block;
  width: 15%;
  height: auto;
  overflow: hidden;
  float: right;
}

#greenway #customYesNo label {
  display: inline-block;
}

/*******END OF RESULTS*******/
/****************************END OF PRINCIPLES****************************/
/****************************CONTROLS****************************/
#greenway .principalControls {
  clear: both;
  padding: 0 15px;
  position: relative;
}

/*PRINCIPAL CONTROLS USES CLEARFIX AT TOP*/
#greenway .gwPageTrack {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 44%;
  bottom: 3%;
}

#greenway .gwPageTrack span {
  margin: 0px 6px;
}

#greenway .gwNextPrev {
  float: left;
  clear: both;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #ffffff;
}

#greenway .gwNextPrev > a {
  display: block;
  float: left;
  color: #A6A8AB;
  font-size: 16px;
  line-height: 16px;
  font-family: "francoisOne", Arial, sans-serif;
  text-transform: uppercase;
}

#greenway #gwprev:hover, #greenway #gwnext:hover {
  color: #33baca;
}

#greenway #gwprev {
  display: none;
}

#greenway .gwNextPrev > a + a {
  float: right;
}

#greenway .gwNextPrev a span {
  display: inline-block;
  vertical-align: bottom;
}

/****************************END OF CONTROLS****************************/
/****************************TRY AGAIN****************************/
#greenway .principalTryAgain {
  padding: 10px 0px;
  margin: 0px 15px;
  display: none;
  clear: both;
  border-top: 1px solid #BBBDBF;
}

#greenway .principalTryAgain a span {
  display: inline-block;
}

/*PRINCIPAL TRY AGAIN USES CLEARFIX AT TOP*/
#greenway .principalTryAgain > div {
  position: relative;
  float: left;
}

#greenway .principalTryAgain .gwsign {
  position: relative;
  float: left;
  height: 21px;
  width: 21px;
  background-position: -62px -368px;
  background-color: transparent;
}

#greenway .principalTryAgain > div > span {
  float: left;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 5px;
  font-size: 20px;
  line-height: 24px;
  font-family: "francoisOne", Arial, sans-serif;
}

#greenway .principalTryAgain > a {
  display: block;
  float: right;
  color: #A6A8AB;
  font-size: 16px;
  font-family: "francoisOne", Arial, sans-serif;
  text-transform: uppercase;
}

#greenway .principalTryAgain > a:hover {
  color: #33baca;
}

#greenway .principalTryAgain > a:hover .gw_sprite_Try_Again_Arrows {
  background-position: -527px -80px;
}

/****************************END OF TRY AGAIN****************************/
/****************************DISCLAIMER AND INFO****************************/
#greenway .disclaimerinfo {
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  z-index: 10;
  text-align: center;
  overflow: hidden;
  display: none;
}

#greenway .disclaimerinfo > div {
  display: none;
  position: relative;
  left: -100%;
  height: 268px;
  padding: 20px 15px;
  overflow-y: scroll;
  background: #e6e7e8;
  -webkit-transition: left 0.5s ease;
  -moz-webkit-transition: left 0.5s ease;
  -o-webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}

#greenway .disclaimerinfo > div.active {
  left: 0;
}

#greenway .disclaimerinfo h4 {
  color: #005DAA;
  font-size: 22px;
  line-height: 26px;
  font-family: "droidSB", Arial, sans-serif;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 15px;
}

#greenway .disclaimerinfo h4 > span {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  color: #004997;
  background: #CCC;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/***************Sponsors****************/
.sponsorWrap {
  max-width: 1200px;
  margin: auto;
  padding: 30px;
}
.sponsorWrap .imgs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  transition: all 1s ease-in-out;
  height: 220px;
  overflow: hidden;
}
.sponsorWrap .imgWrap {
  box-sizing: border-box;
  padding: 30px 10px;
  width: 1280px;
  height: 720px;
  align-items: flex-start;
}

.sponsorWrap .imgWrap:nth-of-type(1n+6) {
  display: none;
}

#main .introRC {
  background-color: #87dadf;
}
#main .introRC .innerWrap {
  padding: 0px 30px 90px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main .introRC .rcBanner {
  height: 150px;
  background-image: url("images/rcbanner.png");
  background-size: cover;
}
#main .introRC .left, #main .introRC .right {
  margin: 10px 20px 0px;
}
#main .introRC .right {
  font-size: 19px;
}
#main .introRC .title, #main .introRC .right {
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
}
#main .introRC .title, #main .introRC .desc {
  padding: 30px 0px;
  color: #FFF;
}
#main .introRC .desc {
  font-size: 19px;
  line-height: 32px;
}
#main .introRC .title {
  font-size: 60px;
}
#main .introRC .rcLogo {
  margin: 20px auto;
  max-width: 298px;
}
#main .introRC .btn {
  margin-bottom: 20px;
}

/************Products Quick Nav**********/
#productsQuickNav{
  background: #0C909D !important;
  padding:10px 0;
  border-bottom: 1px solid #c7c7c7;
}

#productsQuickNav .quickNavCon{
  align-items: center;
  max-width: 1250px;
  margin: auto;
  flex-wrap:wrap;
}

#productsQuickNav h5{
  font-size: 28px;
  margin: 0 10px;
  font-family: droidsb;
}

#productsQuickNav button{
  cursor: pointer; 
  margin: 0 10px; 
  padding: 7px 14px; 
  background: #fff; 
  border: none; 
  font-size: 16px; 
  font-family: droidsb;
}

#productsQuickNav .quickNavCon .productType{
  padding: 0 26.25px;
  list-style: none;
  margin: 26.25px;
}

#productsQuickNav .quickNavCon .productType:first-of-type{
  margin: 0 0 0 90px;
  padding: 0 0 0 26.25px;
}

#productsQuickNav .quickNavCon .productType h5{
  font-size: 36px;
  color: #4D4D4F;
  text-align: left;
}

#productsQuickNav .quickNavCon .productType p{
  font-size: 22px;
  color: #4D4D4F;
  text-align: center;
  padding-bottom: 18px;
}

.quickCatNavCon a:nth-of-type(1):hover, .quickCatNavCon a:nth-of-type(1) li.active, .sub-menu a:nth-of-type(1) li:hover   {
  background: #0EA5B3;
  cursor: pointer;
}

.quickCatNavCon a:nth-of-type(2):hover, .quickCatNavCon a:nth-of-type(2) li.active, .sub-menu a:nth-of-type(2) li:hover  {
  background: #3E90C9;
  cursor: pointer;
}

.quickCatNavCon a:nth-of-type(3):hover, .quickCatNavCon a:nth-of-type(3) li.active, .sub-menu a:nth-of-type(3) li:hover  {
  background: #939598;
  cursor: pointer;
}

.quickCatNavCon a:nth-of-type(4):hover, .quickCatNavCon a:nth-of-type(4) li.active, .sub-menu a:nth-of-type(4) li:hover  {
  background: #399687;
  cursor: pointer;
}

.quickCatNavCon a:nth-of-type(5):hover, .quickCatNavCon a:nth-of-type(5) li.active, .sub-menu a:nth-of-type(5) li:hover  {
  background: #16BECF;
  cursor: pointer;
}

.quickCatNavCon .productType:hover p, .nav-item .sub-menu .productType:hover p, .quickCatNavCon .productType.active p{
  color:white !important;
}

.quickCatNavCon .productType:hover img, .sub-menu .productType:hover img, .quickCatNavCon .productType.active img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

#productsQuickNav .quickNavCon .productType:nth-of-type(5){
  padding: 0;
  width: 156.5px;
}

/**********************Busch Ad Section************************/

.greenLabel{
  margin: 10px 0; 
  color: #fff !important; 
  font-family: droidsb; 
  font-size: 18px !important; 
  background: #ABD037; 
  padding: 4px 10px;
  display: table;
}

.checkOut h6{
  color: #4D4D4F;
  font-family: droidsb;
  font-size: 18px;
}

.checkOut img{
  width: inherit;
  margin: auto 10px;
  height: 100%;
  cursor: pointer;
}

#busch-attn > div{
  justify-content: center;
  padding: 20px 0 37.5px;
}

#busch-attn .attnOverlay img.attachment-buschadthumb{
  height: 225px;
  width: auto;
}

.buschASection{
  margin:0 10px;
}

#busch-attn .attnOverlay h6{
  font-size: 15px;
}

/**************************Why Busch*****************************/
#why-busch{
  margin: 40px 0 75px;
}

.whyBuschTitle hr{
  background: #4D4D4F;
}

.trustPilotTop{
  padding: 25px 0px 50px; 
  width: 66%; 
  border-top: 1px solid #4D4D4F;
  margin: auto;
}

.whyBuschTitle h3{
  margin: auto 21px;
  font-family: droidsr;
  color: #4D4D4F;
  letter-spacing: 0.1em;
  text-align: center;
  min-width: 210px;
}

.whyBuschMainCon{
    max-width: 66%;
    justify-content: center;
    margin: 35px auto;
    flex-wrap: wrap;
}

.collapsableWhyBusch{
  flex-wrap: wrap;
  justify-content: center;
}

#why-busch .whyBuschMainCon .collapsableWhyBusch div{
    margin: 0 5px;
    width: 299px;
    text-align: center;
}

#why-busch .whyBuschMainCon .collapsableWhyBusch div img{
  margin-bottom: 20px;
  height: 45px;
}

#why-busch .whyBuschMainCon .collapsableWhyBusch div h5{
  color: #4D4D4F;
  font-family: droidsb;
  font-size: 20px;
}

#why-busch .whyBuschMainCon .collapsableWhyBusch div p{
  color: #4D4D4F;
  font-family: droidsr;
  font-size: 16px;
  padding: 0 25px;
}

/**********************Update Section************************/
.updatesTitle{
  background: #16BECF;
}

.updateNavFlex{
  padding: 10px 0 0;
  max-width: 980px;
  margin: 0 auto;
}

#updates{
  height: 470px;
  background: #0ea5b3 !important;
}

.updateNavFlex .update-nav-tab{
  padding: 15px 50px;
  text-align: center;
  cursor: pointer;
  margin: 0 5px;
}

.updateNavFlex .update-nav-tab .dropArrow, .updateNavFlex .mobileDropdown{
  display: none;
}

.updateNavFlex .update-nav-tab:hover, .updateNavFlex .update-nav-tab.active{
  background: #0ea5b3;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.updatesTitle .updateNavFlex div h5{
  color:white;
  font-family: droidsr;
  font-size: 24px;
}

.updatesCon{
  background: #0EA5B3;
}

.updateMainFlex{
  margin: auto;
  max-width: 1105px;
  padding: 25px 0;
}

.updatesCon .updateMainFlex > div{
  padding: 10px 85px 0 70px;
}

.updatesCon .updateMainFlex > div:nth-of-type(2){
  margin: auto 10px;
  padding: 0 0px;
  width: 38%;
}

.updatesCon .updateMainFlex > div:nth-of-type(1){
  width: 62%;
}

.updatesCon .updateMainFlex div h5{
  color:white;
  font-family: droidsr;
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 1.4;
  width: 72%;
}

.updatesCon .updateMainFlex div p{
  color:white;
  font-family: droidsr;
  font-size: 18px;
  line-height: 2;
  margin-bottom: 20px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.75;
}


.webinar-signup h6{
  color: #fff;
  font-size: 20px;
  margin-top: 10px;
  font-family: droidsb;
}

.webinar-signup input{
  height: 22px;
  width: 250px;
  border: none;
  margin-top: 5px;
  padding: 6px;
  background: url(wp-content/themes/busch-theme/images/black-arrow-svg.png) no-repeat right 10px center #d1d3d4b0;
}

.webinar-signup input::placeholder{
  color: #fff
}

.updatesCon .webinars .updateMainFlex .webinarVideoWrap{
  min-width: 210px;
  margin: auto auto 0;
  box-shadow: 0 0 0 2px #fff;
  padding: 6px 18px; 
  width: inherit;
}


/******************MARKETING BLOCK**********************************/
#marketingblock {
  display: flex;
  z-index: 99;
  justify-content: space-between;
}
.marketingBlockContent{
  max-width: 698px;
  width: 54%;
  padding:50px;
}
.marketingBlockContent .slick-list{
  height:100% !important
}
.product_category_read_more{
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #333333;
  margin-top: 50px;
}
 /******MARKETING BLOCK 550px*****/
 #marketing_block_heading > div {
  font-size: 29px;
}

#blocklist {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1150px;
  text-align: center;
  border:1px solid #3b3b3b;
}

#blocklist .slick-track{
  width: auto !important;
  display: flex;
  flex-wrap: wrap;
  transform: none !important;
}
#blocklist .slick-list{
  padding:0px !important;
}
#blocklist .slick-track > div{
  height: 200px !important;
  width: 33.333%  !important;
  cursor: pointer;

}

#marketing_block_heading > div > img {
  height: 29px;
}

#heading_futura_bold {
  font-size: 29px;
}

/*******TESTIMONIALS********/
/******like counter*****/
#like_img {
  max-height: 5vw;
}

#like_counter {
  padding: 0 5px;
}


.marketingBlockTitle{
  max-width: 1001px; 
  margin: 0 auto; 
  text-align: center; 
  padding: 10px 0;
  margin-top: 20px; 
  background: #4D4D4F; 
  align-items: center; 
  justify-content: center;
}

/*************************Heading*************************/
#marketing_block_heading {
  background-color: #0EA5B3;
  text-align: center;
  padding: 20px 0;
}

#marketing_block_heading > div {
  line-height: 1em;
  color: white;
  font-size: 40px;
  font-family: "Futura Light", Arial, sans-serif;
}

#heading_droid_bold{
  font-family: Droidsb;
  font-size: 30px;
  margin: auto 65px;
  color: #fff;

}


#marketing_block_heading > div > img {
  height: 40px;
  margin-top: -7px;
}

/*************************Left Part*************************/
#marketingblock .left {
  width: 380px;
  text-align: center;
  z-index: 1;
}

#marketingblock .left img {
  height: auto;
}

.blockitems {
  display: inline-block;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.blockitem {
  height: 200px;
  width: 100%;
}

.blockitemcontent {
  padding-top: 40px;
}

.blockitemcontent > p {
  color: #4D4D4F;
  font-size: 20px;
  line-height: 26px;
  padding: 0 5px;
  margin-top: 22px;
  font-family: "francoisOne", Arial, sans-serif;
}

.blockitemcontent > div {
  position: relative;
  height: 55px;
  width: 55px;
  text-align: center;
  margin: auto;
  background-repeat: no-repeat;
  /*background-image: url("images/marketingblock/marketing-block-spritesheet-adv.png");*/
}
.blockitemcontent > div :hover{
  filter: brightness(0) invert(1);
}

.blockitemcontent > div > img {
  position: absolute;
  bottom: 0px;
  left: 0;
}
/*
.blockitems:nth-of-type(3) .blockitemcontent > div {
  background-position: 59px 0px;
}

.blockitems:nth-of-type(2) .blockitemcontent > div {
  background-position: 2px 60px;
}

.blockitems:nth-of-type(1) .blockitemcontent > div {
  background-position: 4px 0px;
}

.blockitems:nth-of-type(4) .blockitemcontent > div {
  background-position: 117px 0px;
}

.blockitems:nth-of-type(5) .blockitemcontent > div {
  background-position: 58px 60px;
}

.blockitems:nth-of-type(6) .blockitemcontent > div {
  background-position: 179px 60px;
}

.blockitems:nth-of-type(7) .blockitemcontent > div {
  background-position: 116px 60px;
}

.blockitems:nth-of-type(8) .blockitemcontent > div {
  background-position: 181px 0px;
}

.blockitems:nth-of-type(9) .blockitemcontent > div {
  background-position: 245px 0px;
}

.blockitems:nth-of-type(10) .blockitemcontent > div {
  background-position: 245px 60px;
}
*/

/*
.blockitems:nth-of-type(1), .blockitems:nth-of-type(8), .blockitems:nth-of-type(3),
.blockitems:nth-of-type(10), .blockitems:nth-of-type(7){
  background-color: #EEE;
}


.blockitems:nth-of-type(9), .blockitems:nth-of-type(4), .blockitems:nth-of-type(2),
.blockitems:nth-of-type(6), .blockitems:nth-of-type(5){
  background-color: #CCC;
}
*/
.blockitems:nth-child(even){
  background-color: #CCC;
}


/****block items background change on hover & after click*****/
.blockitems:nth-of-type(1):hover,  .blockitems.slick-current:nth-of-type(1){
  background-color: #4AB291;
}

.blockitems:nth-of-type(2):hover, .blockitems.slick-current:nth-of-type(2){
  background-color: #16BECF;
}

.blockitems:nth-of-type(3):hover,  .blockitems.slick-current:nth-of-type(3){
  background-color: #ACCB15;
}

.blockitems:nth-of-type(4):hover, .blockitems.slick-current:nth-of-type(4){
  background-color: #004999;
}

.blockitems:nth-of-type(5):hover,  .blockitems.slick-current:nth-of-type(5){
  background-color: #4AB291;
}

.blockitems:nth-of-type(6):hover,  .blockitems.slick-current:nth-of-type(6){
  background-color: #0033A0;
}

.blockitems:nth-of-type(7):hover, .blockitems.slick-current:nth-of-type(7){
  background-color: #3E90C9;
}

.blockitems:nth-of-type(8):hover, .blockitems.slick-current:nth-of-type(8){
  background-color: #0C909D;
}

.blockitems:nth-of-type(9):hover, .blockitems.slick-current:nth-of-type(9){
  background-color: #3E90C9;
}

.blockitems:nth-of-type(10):hover, .blockitems.slick-current:nth-of-type(10){
  background-color: #ABD037;
}

.blockitems:nth-of-type(11):hover, .blockitems.slick-current:nth-of-type(11){
  background-color: #16BECF;
}

.blockitems:nth-of-type(12):hover, .blockitems.slick-current:nth-of-type(12){
  background-color: #004999;
}

/*change block items img to white on hover & after click*/
.blockitem:hover .blockitemcontent, .blockitems.slick-current .blockitem .blockitemcontent,  .blockitem:active .blockitemcontent{
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

/*************************Right Part*************************/
#marketingblock .right {
  float: none;
  overflow: visible;
  z-index: 3;
  background-color: white;
  height: 760px;
  overflow-y: hidden;
}

#mkt_arrow_up, #mkt_arrow_down {
  position: absolute;
  right: 20px;
  background: #a8f0f4;
  border-radius: 99px;
  color: #fff;
  font-size: 30px;
  padding: 4px 10px;
}

#mkt_arrow_up {
  top: 100px;
}

#mkt_arrow_down {
  bottom: 100px;
}

.tab_content {
  height: 660px;
  overflow: hidden;
  border-top: 50px white solid;
  border-bottom: 50px white solid;
  display: none;
}

.tab_content.current {
  display: block;
}

.tab_content_inner {
  padding: 0 80px;
}

#marketingblock .right p,
#marketingblock .right h3,
#marketingblock .right h4,
#marketingblock .right h5 {
  margin-bottom: 15px;
  margin-top: 15px;
  line-height: 33px;
}

#marketingblock .right .btn {
  line-height: normal;
}

#marketingblock .right h3,
#marketingblock .right h4,
#marketingblock .right h5 {
  font-family: "francoisOne", Arial, sans-serif;
}

#marketingblock .right h3 {
  color: #005DAA;
  font-size: 23px;
  text-align: left;
}

#marketingblock .right h4 {
  color: #005DAA;
  font-size: 20px;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 28px;
}

#marketingblock .right h5 {
  color: #333;
  margin-bottom: 20px;
  margin-top: 15px;
  font-size: 20px;
}

#marketingblock .right img {
  width: 100%;
}

.highlightwords {
  color: #005DAA;
  font-size: 20px;
  font-family: "francoisOne", Arial, sans-serif;
  font-synthesis: weight style;
  font-weight: 400;
}

#marketingblock .right ol > li {
  font-weight: 800;
  line-height: 28px;
}

.imgright_wrapper {
  display: block;
  overflow: hidden;
}

.imgright {
  float: right;
  clear: both;
  padding: 0;
}

.imgnopadding {
  padding: 0 !important;
}

/*****PRESS RELEASES / Case Studies*******/
#case-study-wrap {
  font-size: 0;
}
.case-study {
  margin: 0 30px 0 0;
  padding: 0;
}

.case-study img {
  max-width: 250px;
}

.brandGuidelines, .logoPackage{
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.brandGuidelines div{
  text-align: center;
}

.logoPackage{
  margin-left: 60px;
}

.logoBtns{
  justify-content: center;
}

.press-releases .catTools{
  display:none;
  margin: 25px 0.5%;
}

.press-releases .catTools:nth-of-type(1){
  margin-top: 0;
}

.press-releases .catTools:nth-of-type(1),
.press-releases .catTools:nth-of-type(2),
.press-releases .catTools:nth-of-type(3){
  display:flex;
}

.press-releases .featureCon{
  padding: 40px;
  margin: -10px 30px -10px -35px;
  width: inherit; 
}


/***************************COLUMNS********************/
.col {
  position: relative;
  float: left;
}

.col.col_one {
  width: 100%;
}

.col.col_one > div {
  margin: 0;
}

.col.col_one_half {
  width: 50%;
}

.col.col_one_third {
  width: 33.33%;
}

.col.col_two_thirds {
  width: 66%;
}

.col.col_one_fourth {
  width: 25%;
}

.col.col_three_fourths {
  width: 75%;
}

.col.col_one_fifth {
  width: 20%;
}

.col.col_two_fifths {
  width: 40%;
}

.col.col_three_fifths {
  width: 60%;
}

.col.col_four_fifths {
  width: 80%;
}

.col.col_one_sixth {
  width: 16.66%;
}

.col > div {
  margin: 0 20px;
  position: relative;
}

.col.first > div {
  margin-left: 0px;
}

.col.last > div {
  margin-right: 0px;
}

/* Industry feature aligns */
.single-industry #main > div > .slideEleIn{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/* Industry feature aligns end */

/**************NEW DESIGN OVERRIDES**************/
h2.newDesign {
  margin: 10px 0 20px;
  text-transform: none;
}

hr.newDesign {
  width: 160px;
  margin: 0 auto 30px;
  background: #0EA5B3;
}

hr.newDesign.long {
  width: 50%;
  margin: 40px auto 0px;
  background: #A5A5A5;
}

h3.newDesign {
  text-transform: none;
}
span.newTagLine{
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}
.btn.newDesign {
  border-radius: 0;
  font-weight: bold;
  width: 100%;
}
/**************END OF NEW DESIGN OVERRIDES**************/
/**************Industry Hero Section********************/
.single #main > .hero > .innerWrap{
  margin: auto;
  width: 87%;
  padding: 20px 0;
  max-width: 1555px;
}

.hero, .fullwidth.dividerBottom.hero {
  color: #FFF;
  background-position: center;
  background-position-x: left;
  background-size: cover;
  padding-bottom: 90px;
}
.hero .col {
  padding: 50px 0;
  max-width: 700px;
}
.hero h1 {
  color: #FFF;
  font-size: 44px;
}

.hero img {
  margin-bottom: 50px;
}
.hero a + a {
  margin-left: 15px;
}
.hero.mobileHero {
  display: none;
}

/**************End Of Industry Hero Section********************/
/************** Divider Slant Styles *********************/
.fullwidth.dividerTop {
  padding-top: 40px;
}
.fullwidth.dividerBottom {
  padding-bottom: 40px;
}
svg.divider {
  position: absolute;
  width: 100%;
  height: 3vw;
  left: 0;
  /* set height to pixels if you want angle to change with screen width */
}
svg.divider.top {
  top: 0;
}
svg.divider.bottom {
  bottom: 0;
}
/************** End of Divider Slant Styles *********************/
/************** Slick Slider Styles *****************************/
.imageSlick.slick-slider, .imageSlick.slick-slider.slick-dotted {
  margin: 80px 0;
}
.imageSlick .slick-dots {
  bottom: -65px;
}
.imageSlick.slick-slider.slickMobile {
  display: none;
}
.imageSlick .slick-slide img{
  margin: 0 auto;
}
/************** End of Slick Slider Styles *****************************/
/************** Default Non-slick styles ************************/
.imageSlick.slickContainer {
  margin: 60px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
.imageSlick.slickContainer div {
  flex: 1 1 20%;
  align-items: normal;
}
.imageSlick.slickContainer div img {
  display: block;
  margin: 0 auto;
}
.imageSlick.slickContainer.slickMobile {
  display: none;
}
/************** End of Default Non-slick styles ************************/


/************** Call To Action Bar **********************/
.cta {
  background-color: #0EA5B3;
}
.containedCta{
  
    justify-content: center;
    background-color: #0c909d;
}
.containedCta > div{
  padding: 20px;
}
.containedCta h3{
  font-size: 25px;
}
#main .cta .innerWrap {
  padding: 30px;
}
.cta h1, .cta h2, .cta h3, .cta h4, .cta h5, .cta h6 {
  color: #FFF;
}

/************** End of Call To Action Bar **********************/

/************************ Swaco Styles *************************/

#main .swacoHeader .innerWrap {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 1500px;
}

#main .swacoHeader .innerWrap .slideIn:nth-of-type(1){
  align-self: center;
  width: 45%;
}

#main .swacoHeader .innerWrap .slideIn:nth-of-type(1) .limegreenbtn {
  width: 50%;
}

#main .swacoHeader .innerWrap .slideIn:nth-of-type(2){
  width: 55%;
}

#main .swacoHeader .innerWrap .slideIn div:nth-of-type(1){
  margin: 0 20px;
}

#main .swacoProducts .innerWrap {
  padding: 10px;
}

#main .swacoHeader .innerWrap .slideIn div:nth-of-type(1) p:nth-of-type(2) {
  color: #3B3B3B;
  font-size: 18px;
  font-family: droidsb;
  letter-spacing: 1.75px;
  margin-bottom: 30px;
}

#main .swacoChampionProgram .innerWrap {
  padding: 100px 30px 50px;
}

.swaco-accessories {
  background-color: #acecec;
}

.swaco-newDesign {
  margin: 10px 0 20px;
  text-transform: none;
  color: #004094;
}

hr.swaco-newDesign {
  width: 160px;
  margin: 0 auto 30px;
  background: #004094;
}

#overview.swacoOverview > .fadeContent .flex p:nth-of-type(1), .smallSectionTitle {
  text-transform: inherit;
  color: #004094;
  font-weight: bolder;
  font-family: droidsb;
  font-size: 24px;
  margin-bottom: 20px;
}

#overview.swacoOverview > .fadeContent .flex {
  max-width: 1325px;
  margin: 0 auto 80px;
}

#overview.swacoOverview > .fadeContent .flex p:nth-of-type(2) {
  color: #3B3B3B;
  font-size: 18px;
  font-family: droidsb;
  letter-spacing: 0.75px;
}

#overview.swacoOverview > .fadeContent:nth-of-type(2) .flex p:nth-of-type(1), .smallSectionTitle {
  text-align: right;
}

#overview.swacoOverview > .fadeContent:nth-of-type(2) .flex p:nth-of-type(2) {
  text-align: right;
}

#overview.swacoOverview > .fadeContent > .flex > div:nth-of-type(2) {
  max-width: 550px;
  line-height: 30px;
}

#overview.swacoOverview > .fadeContent:nth-of-type(2) > .flex > div:nth-of-type(2) {
  max-width: 600px;
  line-height: 30px;
}

.swaco-product-odd {
  background-color: #e6e6e6;
}

.swaco-product-even {
  background-color: #ffffff;
}

.swaco-product-teal {
  background-color: #acecec;
}


.swaco-product .innerWrap {
  max-width: 1350px;
  padding: 30px 30px;
}

#overview.swacoProduct > .fadeContent .flex p:nth-of-type(1), #overview.swacoProduct > .fadeContent .flex p:nth-of-type(3), .smallSectionTitle {
  text-transform: inherit;
  color: #3B3B3B;
  font-weight: bolder;
  font-family: droidsb;
  font-size: 32px;
  margin-bottom: 20px;
}

#overview.swacoProduct > .fadeContent .flex {
  max-width: 1350px;
  margin: 0 auto;
}

#overview.swacoProduct > .fadeContent .flex p:nth-of-type(2) {
  color: #3B3B3B;
  font-size: 18px;
  font-family: droidsb;
  letter-spacing: 0.75px;
}

#overview.swacoProduct > .fadeContent .flex p:nth-of-type(3) {
  display: flex;
}

#overview.swacoProduct > .fadeContent:nth-of-type(2) .flex p:nth-of-type(1), .smallSectionTitle {
  text-align: right;
}

#overview.swacoProduct > .fadeContent:nth-of-type(2) .flex p:nth-of-type(2) {
  text-align: right;
}

#overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) {
  max-width: 550px;
  line-height: 30px;
  display: flex;
  flex-wrap: wrap;
  place-self: flex-start;
  margin: 30px 20px 30px 35px;
  justify-content: end;
}

#overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) p:nth-of-type(1) {
  font-size: 16px;
  margin-right: 15px;
}

#overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) p:nth-of-type(2) {
  display: flex;
  flex-wrap: wrap;
  place-self: flex-start;
}

#overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) p:nth-of-type(3) {
  font-size: 16px;
  margin-right: 15px;
}


#overview.swacoProduct > .fadeContent:nth-of-type(2) > .flex > div:nth-of-type(2) {
  max-width: 600px;
  line-height: 30px;
}

#overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(1) {
  max-width: 725px;
  place-self: flex-start;
}

#overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(1) img{
  width: 60%;
  margin: 20px auto 0;
}

#overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) img {
  width: 45%;
  border: 1px solid black;
  padding: 5px;
  margin: 5px;
  cursor: pointer;
}

.prodTitleSwaco {
  text-align: center;
  margin-top: 10px;
  color: #3B3B3B;
  font-size: 16px;
  font-family: droidsb;
  text-transform: capitalize;
}

.additionalAccessories {
  padding: 20px 0 80px;
}

.additionalAccessories .imageSlick.slick-slider, .additionalAccessories .imageSlick.slick-slider.slick-dotted {
  margin: 40px 0;
}

.additionalAccessories .slick-dots {
  display: none;
}

.additionalAccessories p {
  text-align: center;
  margin-top: 10px;
  color: #3B3B3B;
  font-size: 16px;
  font-family: droidsb;
  text-transform: capitalize;
}

@media only screen and (max-width: 1420px) {
  #overview.swacoProduct > .fadeContent .flex {
    max-width: 1225px;
    margin: 0 auto;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(1) {
    max-width: 625px;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1300px) {
  #overview.swacoProduct > .fadeContent .flex {
    max-width: 1050px;
    margin: 0 auto;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(1) {
    max-width: 450px;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1200px) {
  #overview.swacoProduct > .fadeContent .flex {
    max-width: 1000px;
    margin: 0 auto;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(1) {
    max-width: 400px;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) {
    max-width: 500px;
  }
}


@media only screen and (max-width: 1100px) {
  #main .swacoHeader .innerWrap {
    margin-top: 20px;
  }
  #overview.swacoProduct > .fadeContent .flex {
    max-width: 950px;
    margin: 0 auto;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(1) {
    max-width: 350px;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1000px) {
  #main .swacoHeader .innerWrap .slideIn:nth-of-type(1) .limegreenbtn {
    width: 100%;
  }
}

@media only screen and (max-width: 950px) {
  #main .swacoHeader .innerWrap {
    flex-direction: column-reverse;
  }
  #main .swacoHeader .innerWrap .slideIn:nth-of-type(1) {
    align-self: center;
    width: 100%;
    margin-top:20px;
  }

  #main .swacoHeader .innerWrap .slideIn:nth-of-type(2) {
    align-self: center;
    width: 80%;
  }
}

@media only screen and (max-width: 600px) {
  #main .swacoHeader .innerWrap .slideIn:nth-of-type(2) {
    align-self: center;
    width: 100%;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) {
    justify-content:center;
  }
  #overview.swacoProduct > .fadeContent > .flex > div:nth-of-type(2) img {
    width: 40%;
  }
}

/********************* End of Swaco Styles *********************/

/************************ Recycling Everywhere Styles *************************/

#main .recycleEverywhereHeader .innerWrap {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 1500px;
}

#main .recycleEverywhereHeader .innerWrap .slideIn:nth-of-type(1){
  align-self: center;
  width: 45%;
}

#main .recycleEverywhereHeader .innerWrap .slideIn:nth-of-type(1) .limegreenbtn {
  width: 50%;
}

#main .recycleEverywhereHeader .innerWrap .slideIn:nth-of-type(2){
  width: 55%;
}

#main .recycleEverywhereHeader .innerWrap .slideIn div:nth-of-type(1){
  margin: 0 20px;
}

#main .recycleEverywhereProducts .innerWrap {
  padding: 10px;
}

#main .recycleEverywhereHeader .innerWrap .slideIn div:nth-of-type(1) p:nth-of-type(2) {
  color: #3B3B3B;
  font-size: 18px;
  font-family: droidsb;
  letter-spacing: 1.75px;
  margin-bottom: 30px;
}

#main .recycleEverywhereChampionProgram .innerWrap {
  padding: 100px 30px 50px;
}

.recycleEverywhere-accessories {
  background-color: #acecec;
}

.recycleEverywhere-newDesign {
  margin: 10px 0 20px;
  text-transform: none;
  color: #004094;
}

hr.recycleEverywhere-newDesign {
  width: 160px;
  margin: 0 auto 30px;
  background: #004094;
}

#overview.recycleEverywhereOverview > .fadeContent .flex p:nth-of-type(1), .smallSectionTitle {
  text-transform: inherit;
  color: #004094;
  font-weight: bolder;
  font-family: droidsb;
  font-size: 24px;
  margin-bottom: 20px;
}

#overview.recycleEverywhereOverview > .fadeContent .flex {
  max-width: 1325px;
  margin: 0 auto 40px;
}

#overview.recycleEverywhereOverview > .fadeContent .flex p:nth-of-type(2) {
  color: #3B3B3B;
  font-size: 18px;
  font-family: droidsb;
  letter-spacing: 0.75px;
}

#overview.recycleEverywhereOverview > .fadeContent:nth-of-type(2) .flex p:nth-of-type(1), .smallSectionTitle {
  text-align: right;
}

#overview.recycleEverywhereOverview > .fadeContent:nth-of-type(2) .flex p:nth-of-type(2) {
  text-align: right;
}

#overview.recycleEverywhereOverview > .fadeContent > .flex > div:nth-of-type(2) {
  max-width: 550px;
  line-height: 30px;
}

#overview.recycleEverywhereOverview > .fadeContent:nth-of-type(2) > .flex > div:nth-of-type(2) {
  max-width: 600px;
  line-height: 30px;
}


.recycleEverywhere-importance-text {
  color: #3B3B3B;
  font-family: 'droidSB';
  font-size: 18px;
  letter-spacing: 2.25px;
  margin: 35px 125px;
}

.recycleEverywhere-importance-text {
  color: #3B3B3B;
  font-family: 'droidSB';
  font-size: 18px;
  letter-spacing: 2.25px;
  margin: 35px 125px;
}

.recycleEverywhere-importance-btn{
  font-family: 'droidSB';
  font-size: 16px;
  letter-spacing: 1.25px;
  width: 250px;
  background-color: #01c2e7;
  border-radius: 0;
}

#overview.recycleEverywhereProduct > .fadeContent:nth-of-type(even) > .flex{
  flex-direction: row-reverse;
}

#overview.recycleEverywhereProduct > .fadeContent {
  padding: 25px;
}

#overview.recycleEverywhereProduct > .fadeContent:nth-of-type(odd) {
  background-color: #0192d4;
}

#overview.recycleEverywhereProduct > .fadeContent:nth-of-type(odd) .flex p {
  color: #FFFFFF;
}

#overview.recycleEverywhereProduct > .fadeContent:nth-of-type(even) {
  background-color: #FFFFFF;
}

#overview.recycleEverywhereProduct > .fadeContent:nth-of-type(even) .flex p {
  color: #3B3B3B;
}

#overview.recycleEverywhereProduct > .fadeContent .flex p:nth-of-type(1), .smallSectionTitle {
  text-transform: inherit;
  font-weight: bolder;
  font-family: droidsb;
  font-size: 36px;
  margin-bottom: 20px;
}

#overview.recycleEverywhereProduct > .fadeContent .flex {
  max-width: 1400px;
  margin: 40px auto 40px;
}

#overview.recycleEverywhereProduct > .fadeContent > div.slideEleIn > .slideIn {
  width: 50%;
}

#overview.recycleEverywhereProduct > .fadeContent > div.slideEleIn > .slideIn img {
  max-height: 750px;
}

#overview.recycleEverywhereProduct > .fadeContent .flex p:nth-of-type(2) {
  font-size: 18px;
  font-family: droidsb;
  letter-spacing: 0.75px;
}

#overview.recycleEverywhereProduct > .fadeContent:nth-of-type(even) .flex p:nth-of-type(1), .smallSectionTitle {
  text-align: right;
}

#overview.recycleEverywhereProduct > .fadeContent:nth-of-type(even) .flex p:nth-of-type(2) {
  text-align: right;
}

#overview.recycleEverywhereProduct > .fadeContent:nth-of-type(odd) > .flex > div:nth-of-type(2) {
  max-width: 540px;
  line-height: 30px;
}

#overview.recycleEverywhereProduct > .fadeContent:nth-of-type(even) > .flex > div:nth-of-type(2) {
  max-width: 540px;
  line-height: 30px;
  margin: 30px auto 30px 20px;
}

.prodTitlerecycleEverywhere {
  text-align: center;
  margin-top: 10px;
  color: #3B3B3B;
  font-size: 16px;
  font-family: droidsb;
  text-transform: capitalize;
}

.additionalAccessories {
  padding: 20px 0 80px;
}

.additionalAccessories .imageSlick.slick-slider, .additionalAccessories .imageSlick.slick-slider.slick-dotted {
  margin: 40px 0;
}

.additionalAccessories .slick-dots {
  display: none;
}

.additionalAccessories p {
  text-align: center;
  margin-top: 10px;
  color: #3B3B3B;
  font-size: 16px;
  font-family: droidsb;
  text-transform: capitalize;
}

.cta.cta-recycle-everywhere {
  background-color: #006ea4;
}

.cta.cta-recycle-everywhere .btn.btnWhiteBuschBg {
    color: #006ea4;
}

.cta.cta-recycle-everywhere .btn.btnWhiteBuschBg:hover {
  color: #006ea4;
  border: 2px solid #006ea4;
}

@media only screen and (max-width: 1420px) {
  #overview.recycleEverywhereProduct > .fadeContent .flex {
    max-width: 1225px;
    margin: 0 auto;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(1) {
    max-width: 625px;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(2) {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1350px) {
  #overview.recycleEverywhereOverview > .fadeContent > div > .slideIn,
  #overview.recycleEverywhereOverview > .productsSection .slideIn .boxShadow{
    max-width: 500px;
  }
}

@media only screen and (max-width: 1300px) {
  #overview.recycleEverywhereOverview > .fadeContent .flex {
    justify-content: center;
  }
  #overview.recycleEverywhereOverview > .fadeContent:nth-of-type(1) > .flex > div:nth-of-type(2),
  #overview.recycleEverywhereOverview > .fadeContent:nth-of-type(2) > .flex > div:nth-of-type(2) {
    margin: 30px auto 0;
    max-width: 80%;
    text-align: center;
    padding-left: 0;
  }
  #overview.recycleEverywhereOverview > .fadeContent:nth-of-type(2) .flex p:nth-of-type(1), .smallSectionTitle,
  #overview.recycleEverywhereOverview > .fadeContent:nth-of-type(2) .flex p:nth-of-type(2) {
    text-align: center;
  }
  
  #overview.recycleEverywhereProduct > .fadeContent .flex {
    max-width: 1050px;
    margin: 0 auto;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(1) {
    max-width: 450px;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(2) {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1200px) {
  #overview.recycleEverywhereProduct > .fadeContent .flex {
    max-width: 1000px;
    margin: 0 auto;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(1) {
    max-width: 400px;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(2) {
    max-width: 500px;
  }
}


@media only screen and (max-width: 1100px) {
  #main .recycleEverywhereHeader .innerWrap {
    margin-top: 20px;
  }

  #overview.recycleEverywhereOverview > .fadeContent:nth-of-type(even) .flex p:nth-of-type(1), .smallSectionTitle {
    text-align: center;
  }
  
  #overview.recycleEverywhereOverview > .fadeContent:nth-of-type(even) .flex p:nth-of-type(2) {
    text-align: center;
  }

  #overview.recycleEverywhereProduct > .fadeContent .flex {
    max-width: 950px;
    margin: 0 auto;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(1) {
    max-width: 350px;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(2) {
    max-width: 500px;
  }
  #overview.recycleEverywhereProduct > .fadeContent > div.slideEleIn > .slideIn {
    width: 100%;
  }

  #overview.recycleEverywhereProduct > .fadeContent:nth-of-type(even) .flex p:nth-of-type(1), .smallSectionTitle {
    text-align: center;
  }
  
  #overview.recycleEverywhereProduct > .fadeContent:nth-of-type(even) .flex p:nth-of-type(2) {
    text-align: center;
  }
}

@media only screen and (max-width: 1000px) {
  #main .recycleEverywhereHeader .innerWrap .slideIn:nth-of-type(1) .limegreenbtn {
    width: 100%;
  }
}

@media only screen and (max-width: 950px) {
  #main .recycleEverywhereHeader .innerWrap {
    flex-direction: column-reverse;
  }
  #main .recycleEverywhereHeader .innerWrap .slideIn:nth-of-type(1) {
    align-self: center;
    width: 100%;
    margin-top:20px;
  }

  #main .recycleEverywhereHeader .innerWrap .slideIn:nth-of-type(2) {
    align-self: center;
    width: 80%;
  }
  .recycleEverywhere-importance-text {
    margin: 35px 75px;
  }
}

@media only screen and (max-width: 600px) {
  #main .recycleEverywhereHeader .innerWrap .slideIn:nth-of-type(2) {
    align-self: center;
    width: 100%;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(2) {
    justify-content:center;
  }
  #overview.recycleEverywhereProduct > .fadeContent > .flex > div:nth-of-type(2) img {
    width: 40%;
  }
  .recycleEverywhere-importance-text {
    margin: 35px 50px;
  }
}

/********************* End of Recycling Everywhere Styles *********************/

/************** Busch Bonus Days Products section **********************/
.bbd-products {
  background-color: #c8e9f3;
  padding-top: 100px;
  clear: none !important;
}

.bbd-products img {
  max-height: 275px;
}

.bbd-products .product-image {
  max-height: 275px;
  min-height: 275px;
}

.bbd-products .col_one_third div {
  background-color: #fff;
  border-radius: 50px;
  padding: 25px 50px;
  height: 450px;
}

.bbd-products .bbd-products-promo {
  color: #333333;
  font-family: droidsb;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 20px;
  padding: 0px 15px;
  font-size: 18px;
}

.bbd-products .bbd-products-promo:before {
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 90%;
  border-bottom: 2px solid #abd037;
  margin: 0 auto 15px;
  padding: 2px 0px;
}

.bbd-products .bbd-products-fineprint {
  margin-bottom: 0;
  line-height: 14px;
  font-size: 10px;
  color: #a0a0a0;
  padding: 0px 15px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1100px) {
  .bbd-products .col.col_one, 
  .bbd-products .col.col_one_half, 
  .bbd-products .col.col_one_third, 
  .bbd-products .col.col_two_thirds, 
  .bbd-products .col.col_one_fourth, 
  .bbd-products .col.col_three_fourths, 
  .bbd-products .col.col_one_fifth, 
  .bbd-products .col.col_two_fifths, 
  .bbd-products .col.col_two_fifths, 
  .bbd-products .col.col_three_fifths, 
  .bbd-products .col.col_four_fifths, 
  .bbd-products .col.col_one_sixth {
    width: 50%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 950px) {
  .bbd-products{
    padding-top:175px;
  }
}
@media only screen and (max-width: 900px) {
    .bbd-products .col.col_one, 
    .bbd-products .col.col_one_half, 
    .bbd-products .col.col_one_third, 
    .bbd-products .col.col_two_thirds, 
    .bbd-products .col.col_one_fourth, 
    .bbd-products .col.col_three_fourths, 
    .bbd-products .col.col_one_fifth, 
    .bbd-products .col.col_two_fifths, 
    .bbd-products .col.col_two_fifths, 
    .bbd-products .col.col_three_fifths, 
    .bbd-products .col.col_four_fifths, 
    .bbd-products .col.col_one_sixth {
      width: 50%;
      margin-bottom: 20px;
    }
}

@media only screen and (max-width: 800px) {
  .bbd-products .col.col_one, 
  .bbd-products .col.col_one_half, 
  .bbd-products .col.col_one_third, 
  .bbd-products .col.col_two_thirds, 
  .bbd-products .col.col_one_fourth, 
  .bbd-products .col.col_three_fourths, 
  .bbd-products .col.col_one_fifth, 
  .bbd-products .col.col_two_fifths, 
  .bbd-products .col.col_two_fifths, 
  .bbd-products .col.col_three_fifths, 
  .bbd-products .col.col_four_fifths, 
  .bbd-products .col.col_one_sixth {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 650px) {
  .bbd-products {
    padding-top:100px;
  }
}

/************** End of Busch Bonus Days Products section **********************/

/************** Busch Bonus Days Banner **********************/
.bbd-banner {
  background-color: #ABD037;
  z-index:20 !important;
}

.bbd-banner .col_one_half:first-child { 
  margin:0;
  z-index:20;
}

.bbd-banner .col_one_half:first-child > div { 
  margin:0;
}

.bbd-banner .col_one_half:not(:first-child) > div { 
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
  display: flex;
  height: 110px;
}

.bbd-banner .col_one_half:not(:first-child) div > div { 
  height: 100%;
  width: 63%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: left;
  align-items: center;
  justify-content: center;
}

.containedBbd{
  justify-content: center;
  background-color: #ABD037;
}

.containedBbd > div{
  padding: 20px;
}

.containedBbd h3{
  font-size: 25px;
}

#main .bbd-banner .innerWrap {
  height: 150px;
  padding: 0px;
}

.bbd-banner h1, .bbd-banner h2, .bbd-banner h3, .bbd-banner h4, .bbd-banner h5, .bbd-banner h6 {
  color: #FFF;
  font-size: 36px;
  line-height: 38px;
}

.bbd-banner.newDesign {
  font-size: 48px;
  text-transform: uppercase;
  line-height: 52px;
}

@media only screen and (max-width: 950px) {
  .bbd-banner .col.col_one, 
  .bbd-banner .col.col_one_half, 
  .bbd-banner .col.col_one_third, 
  .bbd-banner .col.col_two_thirds, 
  .bbd-banner .col.col_one_fourth, 
  .bbd-banner .col.col_three_fourths, 
  .bbd-banner .col.col_one_fifth, 
  .bbd-banner .col.col_two_fifths, 
  .bbd-banner .col.col_two_fifths, 
  .bbd-banner .col.col_three_fifths, 
  .bbd-banner .col.col_four_fifths, 
  .bbd-banner .col.col_one_sixth {
    width: 100%;
  }
}

@media only screen and (max-width: 950px) {
  .bbd-banner .innerWrap {
    display: flex;
    flex-direction: column-reverse;
    height: 185px !important;
  }
  .bbd-banner .col_one_half:not(:first-child) div > div {
    width: 100%;
  }
}

@media only screen and (max-width: 1300px) {
.bbd-banner .col_one_half:not(:first-child) div > div {
    width: 75%;
  }
}

@media only screen and (max-width: 1200px) {
  .bbd-banner .col_one_half:not(:first-child) div > div {
      width: 100%;
    }
  }

/************** End of Busch Bonus Days Banner **********************/

/************** Busch Bonus Days Bar **********************/
.bbd {
  background-color: #0033A0;
}

.bbd-br .innerWrap {
  padding: 25px !important;
}

.bbd .innerWrap{
  padding: 15px 0 !important;
}

.bbd .col_one_half:first-child {
  padding: 15px 0;
}

.bbd .col_one_half:not(:first-child) {
  display: flex;
  justify-content: center;
}

.bbd .col_one_half div {
  margin: 0 20px !important;
  padding: 20px 0;
}

.bbd  .col_one_half:first-child div {
  border-right: 2px solid #abd037;
}


.containedBbd{
  justify-content: center;
  background-color: #0033A0;
}

.containedBbd > div{
  padding: 20px;
}

.containedBbd h3{
  font-size: 25px;
}

#main .bbd .innerWrap {
  padding: 30px;
}

.bbd h1, .bbd h2, .bbd h3, .bbd h4, .bbd h5, .bbd h6 {
  color: #FFF;
}

.bbd .col_one_half:not(:first-child) .newDesign {
  border-radius: 0;
  font-weight: bold;
  margin-top: 15px;
  width: 100%;
  background-color: #ABD037;
}

.bbd .col_one_half:not(:first-child) > div h4 { 
  font-size: 22px;
  font-family: "droidSR", Arial, sans-serif;
  letter-spacing: 2px;
  font-weight: 100;
}

.bbd .col_one_half:first-child h1, .bbd .col_one_half:first-child h2, .bbd .col_one_half:first-child h3, 
.bbd .col_one_half:first-child h4, .bbd .col_one_half:first-child h5, .bbd .col_one_half:first-child h6 {
  color: #FFF;
  font-size: 48px;
  text-transform: uppercase;
  line-height: 54px;
}


  @media only screen and (max-width: 900px) {
    .bbd .col.col_one, 
    .bbd .col.col_one_half, 
    .bbd .col.col_one_third, 
    .bbd .col.col_two_thirds, 
    .bbd .col.col_one_fourth, 
    .bbd .col.col_three_fourths, 
    .bbd .col.col_one_fifth, 
    .bbd .col.col_two_fifths, 
    .bbd .col.col_two_fifths, 
    .bbd .col.col_three_fifths, 
    .bbd .col.col_four_fifths, 
    .bbd .col.col_one_sixth {
      width: 100%;
      text-align:center;
    }
    .bbd .col_one_half:first-child div {
      border: none;
    }
}


/************** End of Busch Bonus Days Bar **********************/

.bbd-terms .col_one div {
  text-align: center;
  background-color: #c8e9f3;
  padding:25px;
} 

.bbd-terms h4{
  font-family: "droidSR", Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/************** Start View All Products Bar**********************/

/* New Home Page header update 2023 10/21/2023 (also the colour and borer change of the anchor tag) */
.allProductsSection{
  background: #b2b2b2;
  max-width: 1577px;
  margin: 0 auto;
}

#main .allProductsSection .innerWrap { 
  display: flex;
  padding: 15px;
}
.allProductsSection .col_one div { 
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.allProductsSection .col_one div h2 { 
  margin: 0 30px 0 0;
  text-transform: capitalize;
}
.allProductsSection .col_one div a { 
  align-self: center;
  border-radius: 0;
  font-weight: bold;
  color: #ffffff;
  border: 2px solid #ffffff;
  /* background: #0EA5B3; */
  background: transparent;
}

.btn.btnWhiteBuschBg:hover {
  /* color: #0EA5B3;
  border: 2px solid #0EA5B3; */

  color: #000000;
  background: #ffffff;
}
/************** End of View All Products Bar **********************/

/************** Start of Distributor Page **********************/

.distributor-promo-video {
  z-index: 2 !important;
}

.distributor-promo-video img{
  object-fit: cover;
  object-position: center;
  height: 800px;
  width: 100%;
}

.distributor-promo-text-wrap {
  position: absolute;
  top: 150px;
  left: 13%;
  width: 580px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2% 3%;
}

.distributor-promo-text-subtitle {
  text-transform: uppercase;
  font-family: 'droidSB';
  font-size: 20px;
}

.distributor-promo-text-title {
  font-size: 52px;
  line-height: 56px;
  margin: 12px 0;
  font-family: 'droidSB';
}

.distributor-promo-text-content {
  font-size: 18px;
  letter-spacing: 1.25px;
  line-height: 28px;
  margin: 20px 5px;
  font-family: 'droidSB';
}

.distributor-promo-text-date {
  font-size: 24px;
  font-family: 'droidSB';
  margin: 20px 0 25px;
}

.distributor-promo-text-wrap .btn.newDesign {
  width: 33%;
}

.distributor-importance {
  width: 52%;
  text-align: center;
  padding: 175px 24%;
  background-image: url(images/Mid_Swirl-ColourBG-full.png) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%;
  color: #fff;
  margin-top: -75px;
}

.distributor-importance-subheading {
  font-size: 16px;
  margin-bottom: 10px;
  font-family: 'droidSB';
  text-transform: uppercase;
}

.distributor-importance-title {
  font-size: 32px;
  line-height: 40px;
  font-family: 'droidSB';
  letter-spacing: 1.5px;
}

.distributor-importance-line .newDesign {
  border-radius: 0;
  font-weight: bold;
  margin-top: 15px;
  width: 15%;
  background-color: #ABD037;
}

.distributor-importance-text {
  font-family: 'droidSr';
  font-size: 15px;
  letter-spacing: 1.25px;
  margin: 35px 0;
}

.distributor-importance-btn {
  width: 30% !important;
}

.distributor-customers {
  width: 52%;
  text-align: center;
  padding: 75px 24% 0;
  background-color: #fff;
}

.distributor-customers-title {
  font-size: 28px;
  line-height: 40px;
  font-family: 'droidSB';
  letter-spacing: 1.5px;
}

.distributor-customers-title span {
  color: #0EA5B3;
  font-size: 28px;
  line-height: 40px;
  font-family: 'droidSB';
  letter-spacing: 1.5px;
}

.distributor-customers-text {
  font-family: 'droidSr';
  font-size: 15px;
  letter-spacing: 1.25px;
  margin: 25px 0;
}

.distributor-products {
  width: 52%;
  text-align: center;
  padding: 25px 24%;
  background-color: #fff;
}

.distributor-products .imageSlick.slick-slider, .distributor-products .imageSlick.slick-slider.slick-dotted {
  margin: 25px 0 80px;
}

.distributor-products-title {
  font-size: 32px;
  line-height: 40px;
  font-family: 'droidSB';
  letter-spacing: 1.5px;
}

.distributor-advantages {
  width: 40%;
  text-align: center;
  padding: 200px 30%;
  color: #fff;
  background-image: url(images/Mid_Swirl-ColourBG-full.png) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%;
  margin-bottom: 50px;
}

.distributor-advantages-title {
  font-size: 32px;
  line-height: 40px;
  font-family: 'droidSB';
  letter-spacing: 1.5px;
  width: 70%;
  margin: 0 auto;
}

.distributor-advantages .newDesign {
  border-radius: 0;
  font-weight: bold;
  margin-top: 15px;
  width: 25%;
  background-color: #ABD037;
}

.distributor-advantages-line {

}

.distributor-advantages-list {

}

.distributor-advantage {
  display: flex;
}

.distributor-advantage-image {
  align-self: center;
}

.distributor-advantage:nth-child(3) .distributor-advantage-image {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.distributor-advantage-content {
  width: 75%;
  text-align: left;
}

.distributor-advantage:nth-child(odd) .distributor-advantage-content {
  margin: 20px 20px 20px 50px;
}

.distributor-advantage:nth-child(even) .distributor-advantage-content {
  margin: 20px 50px 20px 20px;
}

.distributor-advantage-content-title {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: 'droidSB';
}

.distributor-advantage-content-text {
  font-family: 'droidSr';
  font-size: 15px;
  letter-spacing: 1.25px;
  margin: 5px 0;
}

@media only screen and (max-width: 1250px) {
  .distributor-importance {
    background-size: cover;
  }
  .distributor-advantages {
    width: 75%;
    padding: 200px 12.5%;
    background-size: cover;
  }
  .distributor-importance-btn {
    width: 50% !important;
  }
  .distributor-customers {
    width: 70%;
    padding: 75px 15% 0;
  }
  .distributor-products {
    width: 70%;
    padding: 75px 15% 0;
  }
}

@media only screen and (max-width: 950px) {
  .distributor-importance {
    background-size: cover;
  }
  .distributor-advantages {
    width: 90%;
    padding: 200px 5%;
    background-size: cover;
  }
  .distributor-importance-btn {
    width: 100% !important;
  }
}

@media only screen and (max-width: 850px) {
  .distributor-promo-text-wrap {
    position: absolute;
    top: 150px;
    left: 2%;
    width: 90%;
    padding: 2% 3%;
  }
  .distributor-promo-text-subtitle {
    font-size: 16px;
  }
}


/************** End of Distributor Page **********************/

/************** Intense Box Shadow Styles **********************/
img.imageDropShadow, .imageDropShadow img {
  -webkit-box-shadow: -12px 12px 0px 0px #EEEEEE;
  -moz-box-shadow: -12px 12px 0px 0px #EEEEEE;
  box-shadow: -12px 12px 0px 0px #EEEEEE;
}
/************** End of Intense Box Shadow Styles **********************/
/****************NEW RECOMMENDED PRODUCT SHORTCODE****************/
.recommendedProducts h2 {
  text-align: center;
}
.recommendedProducts hr {
  width: 20%;
  margin: 0 auto 60px;
  background: #0EA5B3;
}

/****************END OF RECOMMENDED PRODUCT SHORTCODE****************/
/* One Third Box */
.onethirdbox{
  width: 32%;
  cursor: pointer;
  margin: 20px 1%;
  background: #f1f3f5;
}

.onethirdbox:hover{
  box-shadow: #1e2d3e38 0px 10px 15px -10px, 
              #1f2c3c6b 0px 5px 40px -10px;
}

.onethirdbox:nth-of-type(1),
.onethirdbox:nth-of-type(4){
  margin: 20px 1% 20px 0;
}

.onethirdbox:nth-of-type(3),
.onethirdbox:nth-of-type(6){
  margin: 20px 0px 20px 1%;
}

.onethirdbox .boxContent{
  padding: 30px;
}

.onethirdbox .boxContent h6{
  text-align: center;
  color: #a0a0a0;
  margin-bottom: 10px;
  font-size: 15px;
}

.onethirdbox .subHeaderContent {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

.onethirdbox .boxContent p{
  color: #333333;
  text-align: center;
}

.boxFlex{
  display: flex; 
  flex-wrap: wrap;
}
/* One Third Box End*/

/*************** Booklet Section Styles **********************/
.bookletSelector.slick-slider {
  margin: 0
}
.bookletSelector img {
  display: block;
  margin: 0 auto;
  border: 5px solid transparent;
}

.bookletSelector .slick-slide{
  /* width: 160px !important; */
  cursor: pointer;
}

/* .bookletSelector .slick-track{
  width: 100% !important;
} */

/* .bookletSection img{
  min-width: 400px;
} */

.bookletSelector .slick-current img{
  border: 5px solid #abd037;
}
.bookletContainer.slick-slider {
  margin: 40px 0 80px;
}
.bookletSection {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

.bookletSection > div {
  flex: 0 0 30%;
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #000;
  position: relative;
}
.bookletSection > div:before {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: absolute;
  top: -25px;
  font-size: 30px;
  line-height: 50px;
  color: #FFF;
  background-color: #0EA5B3;
  text-align: center;
  font-weight: bold;
}
.bookletSection > div > div {
  width: 85%;
}
.bookletSection > .featured {
  order: 2;
  padding: 0;
  border-top: 0;
  text-align: center;
}
.bookletSection > .featured img{
  display: block;
  margin: 0 auto;
}
.bookletSection > .featured:before {
  content: none;
}
.bookletSection > .featured hr {
  width: 75%;
  height: 10px;
  margin: 10px auto 30px;
  background: rgba(0,0,0,0.5);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
}
.bookletSection > .first {
  order: 1;
  padding-left: 0;
  margin-top: 20px;
}
.bookletSection > .first:before {
  content: '1';
  right: 0;
}
.bookletSection > .second {
  order: 3;
  margin-top: 12.5%;
  padding-right: 0;
}
.bookletSection > .second:before {
  content: '2';
  left: 0;
}
.bookletSection > .second > div{
  float: right;
}
.bookletSection > .third {
  order: 4;
  margin-top: -23%;
  padding-left: 0;
}
.bookletSection > .third:before {
  content: '3';
  right: 0;
}
.bookletSection.fadeItems > .featured {
  position: relative;
  top: -100px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease, top 0.8s ease;
  -moz-webkit-transition: opacity 0.5s ease, top 0.8s ease;
  -o-webkit-transition: opacity 0.5s ease, top 0.8s ease;
  transition: opacity 0.5s ease, top 0.8s ease;
}
.bookletSection.fadeItems > .first, .bookletSection.fadeItems > .third{
  position: relative;
  left: -100px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease, left 0.8s ease;
  -moz-webkit-transition: opacity 0.5s ease, left 0.8s ease;
  -o-webkit-transition: opacity 0.5s ease, left 0.8s ease;
  transition: opacity 0.5s ease, left 0.8s ease;
}
.bookletSection.fadeItems > .second {
  position: relative;
  right: -100px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease, right 0.8s ease;
  -moz-webkit-transition: opacity 0.5s ease, right 0.8s ease;
  -o-webkit-transition: opacity 0.5s ease, right 0.8s ease;
  transition: opacity 0.5s ease, right 0.8s ease;
}
.bookletSection.fadeItems > .featured.slideItemIn {
  top: 0;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.bookletSection.fadeItems > .first.slideItemIn , .bookletSection.fadeItems > .third.slideItemIn {
  left: 0;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.bookletSection.fadeItems > .second.slideItemIn {
  right: 0;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
/*************** End of Booklet Section Styles **********************/
/*************** Team Image Section Styles **********************/
.team_image_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto 50px;
  justify-content: center;
}

.team_image_container .team_image {
  height: 400px;
}

.team_image_container .no_team_image {
  display: none;
}

.team_image_container .single_team_image {
  width: 20%;
}


.team_image_container .double_team_image {
  width: 25%;
}

.team_image_container .triple_team_image {
  width: 16.6666%;
}

.team_image_container .team_image img{
  object-fit: cover;
  height: 336px;
}

.team_image_caption {
  height: 64px;
  color: #fff;
  background-color: #abd037;
  text-align: center;
  font-size: 20px;
  font-family: 'droidSB';
  align-items: center;
  display: flex;
  justify-content: center;
}

.team_image_container .text_overlay {
  width: calc(50% - 60px);
  right: 50px;
  background: rgba(255,255,255,0.8);
  padding: 50px 30px;
  color: #fff;
  background-color: #0033a0;
  height: 300px;
}

.team_image_container .text_overlay h2{
  color: #fff;
}

.team_image_container .text_overlay .btn.blueBuschBg {
  color: #0033a0;
  border: 2px solid white;
  background: #fff;
}

.team_caption {
  background-color: #ABD037;
  color: #FFF;
  margin: 5px auto 0;
  display: flex;
  justify-content: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding: 0;
  flex: 0 0 100%;
  position: relative;
}
.team_caption:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 50px;
  top: -20px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ABD037;
}
.team_caption .team_caption_entry {
  flex: 0 1 auto;
  width: auto;
  text-align: center;
  padding: 15px 0;
}


/****************************PRODUCTS & INDUSTRIES****************************/
/* NEW Product Styles */
.overlapArrowCon{
  margin: auto;
  text-align: center;
  position: relative;
  height: 25px;
}

.overlapArrowCon img{
  top: -40%;
  position: absolute;
  width: 25px;
  margin-left: -12.5px;
}

.seriesSloganWrap {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;  
}

.topVidCon .seriesSloganWrap {
  bottom: 55.5%;
}

.topPicCon .seriesSloganWrap {
  top: 28.5%;
}

.seriesTxtCon{
  width: 100%;
  position: relative;
}

.seriesTxtCon h2{
  text-align: center;
  text-transform: uppercase;
  font-size: 38px;
  color: #ffffff;
  text-shadow: 2px 2px #444444;
}

.sloganTxtCon{
  position: relative;
  width: 45%;
  margin-top: 15px;
}

.sloganTxtCon h2{
  text-align: center;
  text-transform: uppercase;
  font-size: 48px;
  font-style: italic;
  color: #ffffff;
  text-shadow: 2px 2px #444444;
  line-height: 1.15;
}

.playBtnCon {
  width: 100%;
  position: absolute;
  top: 50%;
  text-align: center;
  cursor: pointer;
}

.playBtnCon img{
  width: 75px;
}

.mainCatCode{
  margin: auto 15px; 
  font-size: 38px;
}

.mobileSlogan{
  display:none;
}

.mobileReverse {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row;
}

.stickyQuickNav{
  width:100%; 
  background: #0EA5B3; 
  color:#ffffff; 
  justify-content: center; 
  z-index: 1050;
  border-bottom: 1px solid #ffffff;
}

.stickyQuickNav > .scrollToItemBtn{
  width: 200px; 
  text-align:center;
  padding:15px 0; 
}

.stickyQuickNav > .scrollToItemBtn:hover p{
  border-bottom: 5px white solid;
  padding-bottom: 10px;
}

.stickyQuickNav > .scrollToItemBtn:hover{
  padding: 15px 0 0px;
}

.stickyQuickNav > .scrollToItemBtn > p{
  font-weight:900; 
  cursor: pointer;
}

.productsSection{
  padding: 20px 30px 0;
}

.topVidCon > .wp-video{
  margin-top: -155px;
  z-index: -1;
}

.topPicCon > .wp-video{
  display: none;
}

/***********October 2020 Popular Products Slider**************/

.popularProductsRow .popProductsSlider {
  color: white;
  text-align: center;
  font-size: 20px;
  margin-top: 15px;
}

.popularProductsRow h2 {
  text-align: center;
  text-transform: capitalize;
}

.popularProductsRow .imageSlick.slick-slider, .popularProductsRow .imageSlick.slick-slider.slick-dotted {
  margin: 30px 0;
}

.popularProductsRow .imageSlick .slick-dots {
  bottom: -35px;
}

.popularProductsRow a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

.bg {
  animation: slide 6s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
  bottom: 0;
  left: -50%;
  opacity: .5;
  position: absolute;
  right: -50%;
  top: 0;
  z-index: -1;
  height: 100%;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:8s;
}

.bg3 {
  animation-duration:10s;
}

@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}

/***********September 2020 Optional Banner**************/

#topVidBanner {
  background-image: url('images/Thrive-Banner_BG.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-position-y: 101%;
  display: flex;
  flex-wrap: wrap;
  min-height: 250px;
  max-height: 1000px;
  z-index: 1;
}

#topVidBannerContent {
  width: 100%;
  height: 94px;
  display: flex;
  z-index: 2;
}

.topVidBannerLogoWrap {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  color: #2A6E75;
  font-size: 26px;
  font-weight: bold;
  font-family: droidSB;
  font-style: italic;
  margin-top: -80px;
  margin-left: 12%;
}

.leftLogoText {
  align-self: center;
  margin-top: 30px;
}

.topVidBannerLogo {
  max-width: 212px;
  padding: 0 25px;
}

.rightLogoText {
  align-self: center;
  margin-top: 30px;
}

.topVidBannerButtonWrap {
  width: 50%;
  text-align: center;
}

.topVidBannerButtonWrap button {
  margin-left: 0;
  color: #2A6E75;
  border-radius: 0;
  background-color: #a3e2e8;
  border: 2px solid #2A6E75;
  padding: 10px 30px;
  text-transform: none;
  font-size: 22px;
  font-weight: bold;
  font-family: droidSB;
}

@media only screen and (max-width: 1400px) {
  .topVidBannerLogoWrap { 
    width: 75%;
  }
  .topVidBannerButtonWrap {
    width: 25%;
  }
}
@media only screen and (max-width: 1200px) {
  #topVidBannerContent {
    height: 60px;
  }
  #topVidBanner {
    background-size: contain;
  }
  .topVidBannerLogoWrap { 
    margin-left: 5%;
    margin-top: -65px;
  }
  .leftLogoText {
    font-size: 22px;
  }
  .rightLogoText {
    font-size: 22px;
  }
  .topVidBannerButtonWrap button {
    font-size: 16px;
  }
  .topVidBannerButtonWrap {
    margin-top: -5px;
  }
  .topVidBannerLogo {
    max-width: 150px;
  }
}
@media only screen and (max-width: 1100px) {
  .topVidBannerLogoWrap { 
    margin-left: 5%;
    margin-top: -50px;
  }
  .topVidBannerButtonWrap button {
    margin-left: 0;
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 950px) {
  #topVidBanner {
    background-position-y: 95%;
  }
  #topVidBannerContent {
    background-color: #a3e2e8;
    height: 44px;
  }
  .topVidBannerLogoWrap {
    margin-top: -6%;
  }
  .topVidBannerButtonWrap {
    margin-top: -2.5%;
  }
  .leftLogoText {
    margin: 0;
  }
  .topVidBannerLogo {
    max-width: 125px;
    padding: 0 10px;
    max-height: 75px;
  }
  .rightLogoText {
    margin: 0;
  }
  .topVidBannerButtonWrap {
    text-align: center;
  }
}

@media only screen and (max-width: 750px) {
  .topVidBannerLogoWrap {
    margin-top: -4%;
  }
  .leftLogoText {
    font-size: 18px;
  }
  .rightLogoText {
    font-size: 18px;
  }
  .topVidBannerButtonWrap button {
    font-size: 14px;
  }
  .topVidBannerLogo {
    max-height: 60px;
  }
  .topVidBannerButtonWrap {
    margin-top: -1.5%;
  }
}

@media only screen and (max-width: 650px) {
  .topVidBannerLogoWrap {
    margin-top: -2%;
  }
  .leftLogoText {
    display:none;
  }
  .rightLogoText {
    display:none;
  }
  .topVidBannerButtonWrap button {
    font-size: 12px;
  }
  .topVidBannerLogo {
    max-height: 45px;
  }
  .topVidBannerButtonWrap {
    margin-top: 0.5%;
  }
}

/*************************/ 

/*********US FEDERAL FUNDING**********/
.usFederalFundingTitle {
  margin-bottom: 15px !important;
}

.usFederalFundingDesc {
  line-height: 36px;
  margin-bottom: 20px;
  font-size: 18px;
}
.usFederalFundingSmallDesc {
  line-height: 36px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #fff;
}

.hiddenUSFunding {
  display:none;
}

#showFunding1, #showFunding2, #showFunding3 {
  cursor: pointer;
}

#showFunding1:hover:before, #showFunding2:hover:before, #showFunding3:hover:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 20px;
  height  : 4px;
  width   : 33%;  /* or 100px */
  border-bottom:2px solid #0f79ad;
}

.topVidCon{
  position: relative;
  max-height: 880px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.topPicCon{
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 655px;
  z-index: -1;
}

.topPicCon .playBtnCon{
  display: none;
}

.topPicCon .sloganTxtCon{
  top: 45.5%;
}

.mobileSectionExpansion.flex{
  display: none;
}

#overview > .fadeContent .flex{
  align-items: center;
  max-width: 1250px;
  margin: 80px auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}

#overview > .fadeContent > .flex > div:nth-of-type(2){
  margin: 30px 20px 30px auto; 
  max-width: 460px;
  padding-left: 15px;
}

#overview > .fadeContent:nth-of-type(2) > .flex > div:nth-of-type(2),
#overview > .fadeContent:nth-of-type(4) > .flex > div:nth-of-type(2){
  margin: 30px auto 30px 20px; 
  max-width: 460px;
}

#overview > .fadeContent:nth-of-type(2) > .flex,
#overview > .fadeContent:nth-of-type(4) > .flex{
  flex-direction: row-reverse;
}

#overview > .fadeContent .flex p:nth-of-type(1), 
.smallSectionTitle {
  text-transform: uppercase;
  color: #333333;
  font-weight: bolder;
  font-family: droidsb;
}

#overview > .fadeContent .flex h3 {
  text-transform: initial;
  font-size: 35px;
}

#overview > .fadeContent .flex p:nth-of-type(2){
  color: #3B3B3B; 
  font-size: 18px;
}

.boxShadow{
  box-shadow: -12px 12px 0px 0px #EEEEEE;
}

.deviceOnlyExpandCon{
  display: none;
}

#galleryMain .slickGallery{
  opacity: 0;
  visibility: hidden;
  display:none;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}

#galleryMain .slickGallery.slick-initialized {
  visibility: visible;
  opacity: 1;
  display:flex;    
}

#specNav{
  border-bottom: 1px solid black;
  margin: 10px 0 60px 0;
}

#specNav .specTab{
  background: #0EA5B3; 
  padding: 10px 0; 
  width:200px; 
  margin: 0 10px;
  cursor: pointer;
}

#specNav .specTab.active,
#specNav .specTab:hover{
  border: 1px solid black; 
  border-bottom: none;
  background: #ffffff;
}

#specNav .specTab h6{
  color: #ffffff; 
  text-align:center;
  text-transform: capitalize;
}

#specNav .specTab.active h6,
#specNav .specTab:hover h6{
  color: #000000;
}

.specContent hr{
  background: #939598;
  margin: 10px 0 0;
}

.specContent p{
  font-size: 14px;
}

.specContent > div{
  max-width: 950px; 
  margin: 30px auto;
  padding: 0 30px;
}

.specExpandTab{
  align-items: center; 
  justify-content: space-between; 
  padding: 0 10px; 
  cursor: pointer;
}

.specContent > div{
  max-width: 800px;
}

.specSelect{
  display: none;
  text-align: center;
  position:relative;
  max-width: 300px;
  margin: 0 auto;
}

.specSelect select{
  width: 80%;
  padding: 10px;
  border: 3px solid #0EA5B3;
  font-weight: bolder;
  margin: auto;
  font-size: 18px;
  color: #0EA5B3;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
    -moz-appearance: none;
    max-width: 300px;
}

.specSelect i{
  position: absolute;
  left: 81%;
  top: 30%;
  color: #0ea5b3;
}

.measurementTable{
  width: 500px;
}

.measurementTable > div{
  width:100%;
  border-bottom: 1px solid #939598;
  display: flex;
}

.measurementTable p.specTitle{
  color: #0C909D;
  font-weight: 900;
  border-right: 1px solid #939598;
}

.measurementTable p{
  padding-left: 5px;
  width: 50%;
  text-align: left;
  padding: 10px 0 10px 20px;
  margin-bottom: 0px;
}

#downloads h2.downloadBandTitle{
  max-width: 950px;
  color: #FFF;
  margin: 0 auto 30px;
}

.downloadBand{
  background: rgba(255,255,255); 
  max-width: 280px;
  padding: 10px;
  border-left: #8AB53F 10px solid; 
  margin: 20px 0;
}

.iconFlex{
  padding: 0px 0 0px 10px;
  cursor: pointer;
  justify-content: space-between;
}

.specContent  .colorblock .finishWrap .imgWrap{
  border-radius: 0px;
  width: 80px;
  height: 80px;
}

.specContent  .colorblock .finishWrap .finishTxt{
  align-items: center;
}

.specContent .colorblock .finishWrap{
  width: 80px;
  margin: 10px 20px;
}

.childOpenings{
  flex-wrap: wrap; 
  width:100%; 
  margin-top: 40px;
} 

.childOpenings > div{
  width: 100px; 
  margin:auto; 
  text-align:center; 
  margin: 10px 40px;
}

#downloads .hasfixedbgimg{
  background-image: url("https://www.buschsystems.com/wp-content/themes/busch-theme/images/pimImages/Spectrum_Parallax.jpg");
  padding: 120px 0;
}


#specs.productsSection > div{
  margin: 50px auto;
}

.exploreSeriesBlock{
  max-width: 500px;
  padding: 10px;
  border: 1px solid #3B3B3B;
  margin: 20px 30px;
}

.exploreSeriesBlock h4{
  text-align: center;
  margin: 20px 0;
  font-size: 28px;
}

.exploreSeriesBlock .measurementTable{
  width: 100%;
  max-width: 500px;
}


/* NEW Product Styles END*/

.productOut h2 {
  font-size: 26px;
  line-height: 33px;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
  margin: 0 25px;
  font-family: "droidsb", Arial, sans-serif;
}

#main .productOut .innerWrap {
  padding-top: 30px;
  padding-bottom: 30px;
}

.productWrap > div {
  clear: both;
  width: 100%;
  margin-top: 10px;
}

.productWrap_4{
  margin-top:20px;
}

.productWrap_4 > .flex{
  flex-wrap: wrap;
  max-width: 1300px;
  margin: 0 auto 0px;
  justify-content: center; 
}

.productWrap > div:first-child {
  margin-top: 0;
}

.sortprodwrap {
  clear: both;
  margin-bottom: 50px;
}

.sortprodwrap > h2 {
  float: left;
  margin-bottom: 0;
}

.sortprodwrap > .sortproductsby {
  float: right;
}

.tax-product_categories h4 {
  color: #4d4d4d;
}

.tax-product_categories .gradbluebg h4 {
  color: #ffffff;
}

#main .industryBuschTitle h1{
  margin: auto 21px;
  font-family: droidsr;
  color: #4D4D4F;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 28px;
  white-space: nowrap;
  text-transform: uppercase;
}

#main .industryBuschTitle h3{
  margin: auto 21px;
  font-family: droidsr;
  color: #4D4D4F;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 32px;
  white-space: nowrap;
  text-wrap: wrap;
  text-transform: capitalize;
}


.industryBuschTitle hr {
  background: #4D4D4F;
}

/* September 2020 Industry Optional Banner */
.filterOptionalBanner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 422px;
  display: flex;
  flex-wrap: wrap;
}
.filterOptionalSecondaryWrap {
  width: 50%;
  align-self: center;
  margin-top: -75px;
}
.filterOptionalSecondary {
  width: 37%;
  margin: 0 auto;
  max-height: 190px;
}
.filterOptionalSecondary img{
  max-height: 190px;
}
.filterOptionalTextWrap{
  width: 50%;
  align-self: center;
  margin-top: -15px;
}
.filterOptionalText { 
  width: 100%;
  margin: 0 auto;
  font-size: 38px;
  text-align: center;
  color: #2A6E75;
  font-family: droidsb;
  font-style: italic;
  padding-left:30px;
}
@media only screen and (max-width: 1500px) {
  .filterOptionalTextWrap {
    margin-top: -75px;
  }
}
@media only screen and (max-width: 1150px) {
  .filterOptionalTextWrap {
    margin-top: -100px;
  }
  .filterOptionalText {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1024px){
  .filterOptionalSecondary {
    width: unset;
    max-width: 75%;
    max-height: 150px;
    margin-top: 75px;
  }
  .filterOptionalSecondary img{
    max-height: 150px;
  }
  .filterOptionalTextWrap {
    width: 30%;
    margin: 0 auto;
    margin-top: 11%;
    align-self: unset;
  }
  .filterOptionalTextWrap.scFilterOptionalTextWrap {
    margin-top: 14%;
  }
  .filterOptionalText {
    font-size: 36px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 600px){
  .filterOptionalSecondary {
    margin: 120px 0 0 15%;
    width: unset;
    max-width: 85%;
  }
  .filterOptionalBanner {
    padding: 0 30px;
  }
  .filterOptionalTextWrap {
    margin-top: 0; 
  }
  .filterOptionalTextWrap.scFilterOptionalTextWrap {
    margin-top: 5%;
  }
  .filterOptionalText {
    font-size: 32px;
    line-height: 32px;
    margin-top: 65px;
  }
}

/* September 2020 Thrive Page */

.thriveIcons .innerWrap {
  display: flex;
  align-items: center;
}
.thriveIcons .col_one_third > div:first-child {
  display: flex;
  align-items: center;
}
.thriveIcons .col_one_fourth > div:first-child {
  display: flex;
}

.thriveIcons .innerWrap {    
  display: flex;
  flex-wrap: wrap;
}
.thriveProducts .innerWrap {    
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1200px) {
  .thriveIcons .innerWrap .col_one_third {    
    width: 100%;
    margin: 20px 0;
  }
  .thriveProducts .innerWrap .col_one_fourth {    
    width: 50%;
  }
}

@media only screen and (max-width: 1100px) {
  .thriveProducts .innerWrap {    
    width: unset;
  }
  .thriveFAQ {
    margin: 0 !important;
  }
}

@media only screen and (max-width: 950px) {
  .thriveProducts .innerWrap .col_one_fourth {    
    width: 100%;
  }
}

@media only screen and (max-width: 650px) {
  .thriveIcons .innerWrap .col_one_third {    
    margin: 0;
  }
  .thriveIcons .innerWrap .col_three_fourths div {
    margin: 0 10px;
  }
  .thriveIcons .innerWrap .col.col_one_fourth {    
    width: 25%;
  }
  .thriveProducts {
    margin: 0 50px !important;
  }
}


/* category slider */
.categorySliderBlock {
  display: flex;
  background: #FFF;
  overflow: hidden;
}

.categorySlider {
  width: 50%;
  height: 650px;
  background: #ccc;
}

.categoryInfo {
  width: 50%;
  padding: 20px 30px;
  position: relative;
}

.infoContainer{
  width:75%;
}

.catIntro {
  color: #abd037;
  font-family: "francoisOne", Arial, sans-serif;
  font-size: 26px;
  line-height: 40px;
  padding: 30px;
  text-indent: -10px;
}

.catIntro .fa-quote-left {
  padding-right: 7px;
}

.catIntro .fa-quote-right {
  padding-left: 33px;
  position: absolute;
}

.catDescription {
  color: #4D4D4F;
  line-height: 32px;
  font-size: 18px;
}

.productSeriesItem{
  width: 270px;
  margin: 10px 1%;
  cursor: pointer;
  padding: 7px;
  display: block;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1350px) {
  .productSeriesItem {
    width: 250px;
  }
}
@media only screen and (max-width: 1265px) {
  .productSeriesItem {
    width: 220px;
  }
}
@media only screen and (max-width: 1175px) {
  .productSeriesItem {
    width: 200px;
  }
}
@media only screen and (max-width: 1175px) {
  .productSeriesItem {
    width: 200px;
  }
}

@media only screen and (max-width: 1105px) {
  .productSeriesItem {
    width: 180px;
  }
}

@media only screen and (max-width: 1045px) {
  .productSeriesItem {
    width: 165px;
  }
}

@media only screen and (max-width: 1024px) {
  .productSeriesItem {
    width: 240px;
  }
}

.productSeriesItem.productSeriesItemCategory {
  width: 270px;
}

@media only screen and (max-width: 1350px) {
  .productSeriesItem.productSeriesItemCategory {
    width: 250px;
  }
}
@media only screen and (max-width: 1265px) {
  .productSeriesItem.productSeriesItemCategory {
    width: 220px;
  }
}
@media only screen and (max-width: 1175px) {
  .productSeriesItem.productSeriesItemCategory {
    width: 200px;
  }
}
@media only screen and (max-width: 1175px) {
  .productSeriesItem.productSeriesItemCategory {
    width: 200px;
  }
}

@media only screen and (max-width: 1105px) {
  .productSeriesItem.productSeriesItemCategory {
    width: 180px;
  }
}

@media only screen and (max-width: 1045px) {
  .productSeriesItem.productSeriesItemCategory {
    width: 165px;
  }
}

@media only screen and (max-width: 1024px) {
  .productSeriesItem.productSeriesItemCategory {
    width: 240px;
  }
}

.mpmoreinfo {
  text-align: center;
  vertical-align: middle;
  width: 100%;
  top: 40%;
  position: absolute;
}

.productSeriesItem > a{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  border: none;
}

.productSeriesItem > a > span{ 
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 11;
}

.productSeriesItem > a > span > .transoverlay60{ 
  transition: opacity 0.3s linear 0s;
  opacity: 0 !important;
  height: 90%;
}

.productSeriesItem:hover > a > span > .transoverlay60{ 
  transition: opacity 0.3s linear 0s;
  opacity: 0.6 !important;
}

.productSeriesItem.productSeriesItemCategory > a > span > .transoverlay60{
  height: 100%;
}

.crumpleBanner{
  background-image: url(images/teal_crumpled-paper_header.jpg);
  background-size: cover;
  color: #ffffff;
}

.crumpleBanner h1{
  font-size: 36px;
}

#main .industyTrusted .innerWrap{
  padding: 30px 0;
}

.flexIndustry{
  flex-wrap: wrap; 
  justify-content: space-between;
}

.industryDisplay{
  max-width: 600px;
  margin: 20px 0;
}


.miniBannerTitle{
  padding: 15px 20px;
  height:85px;
}

.miniBannerTitle.amusement{
  background-image: url(images/industries_amusement-parks_header.jpg) !important;
}

.miniBannerTitle.architectural{
  background-image: url(images/industries_architectural-services_header.jpg) !important;
}

.miniBannerTitle.college{
  background-image: url(images/industries_colleges-universities_header.jpg) !important;
}

.miniBannerTitle.corporate{
  background-image: url(images/industries_corporate-offices_header.jpg) !important;
}

.miniBannerTitle.elementary{
  background-image: url(images/industries_elementary-secondary-schools_header.jpg) !important;
}

.miniBannerTitle.healthcare{
  background-image: url(images/industries_healthcare-facilities_header.jpg) !important;
}

.miniBannerTitle.janitorial{
  background-image: url(images/industries_janitorial-services_header.jpg) !important;
}

.miniBannerTitle.municipal{
  background-image: url(images/industries_municipalities_header.jpg) !important;
}

.miniBannerTitle.parks{
  background-image: url(images/industries_parks-recreation_header.jpg) !important;
}

.miniBannerTitle.resort{
  background-image: url(images/industries_resorts_header.jpg) !important;
}

.miniBannerTitle.restaurants{
  background-image: url(images/industries_restaurants_header.jpg) !important;
}

.miniBannerTitle.retail{
  background-image: url(images/industries_retail-stores_header.jpg) !important;
}

.miniBannerTitle.sports{
  background-image: url(images/industries_sports-stadiums_header.jpg) !important;
}

.miniBannerTitle.gas{
  background-image: url(images/industries_gas-service-stations_header.jpg) !important;
}

.miniBannerTitle h3{
  color: #fff;
  text-transform: capitalize;
}

.industryDisplayPreview{
  padding: 5px 20px;
  background: #f6f6f6;
  height:200px;
}

.industryDisplayPreview h4{
  color: #575759;
}


.industryTopCon{
  max-width: 70%;
  margin: 50px auto; 
}

.industryTopCon > .flex > div:nth-of-type(1),
.industryTopCon > .flex > div:nth-of-type(2){
  width: 48%;
  margin: auto 0 auto 2%;
}

.industryTopCon > .flex > div:nth-of-type(2) img{
  float: right;
  margin: auto;
  max-height: 330px;
}


.catNav{
   margin-bottom: 35px;
 }

.catNavItem{
  border-bottom: 1px solid #4D4D4F;
  width: 25%;
  cursor: pointer;
}

.catNavItem.half{
  width: 50%;
}

.catNavItem.widthOneThird{
  width:33.33%;
}

.catToggleCon{
  width: 70%;
  margin: 0 auto 30px;
}

.blueNav .catNavItem.active h3, .blueNav .catNavItem:hover h3{
  color: #0EA5B3;
}

.blueNav .catNavItem.active, .blueNav .catNavItem:hover {
  border-bottom: 1px solid #0EA5B3;
}

.catNavItem.active, .catNavItem:hover {
  border-bottom: 1px solid #8AB53F;
}

.catNavItem.active h3, .catNavItem:hover h3{
  color: #8AB53F;
}

.catNavItem h3{
  font-size: 26px;
  font-family: droidsr;
  margin: 10px 0;
  text-align: center; 
}

.customization{
  text-align: center; 
  width: 90%;
  margin: auto;
}

.customization p{
  text-align: center;
  color: #4D4D4F;
  font-family: droidsr;
  font-size: 18px;
}

.customization h4{
  text-align: center;
  color: #4D4D4F;
  font-family: droidsr;
  font-size: 28px;
  margin: 30px 0;
}

.videos{
  width: 77%;
  margin: 40px auto;
}

.videos > div:nth-of-type(1){
  margin: auto;
  text-align: center;
}

.videos > div:nth-of-type(2){
  margin: auto;
  width: 79%;
  flex-wrap: wrap;
  justify-content: center;
}

.videos > div:nth-of-type(1) > iframe{
  width:76%;
}

.specifications > div > #mainIframe{
  width: 60%;
}

.videos > div:nth-of-type(2) > div {
  margin:20px 1%;
  cursor: pointer;
  width:31%
}

.videos div:nth-of-type(2) > div > p{
  font-family: droidsr;
  font-size: 14px;
  padding-right: 10px;
  color: #4D4D4F;
}

.catalogues > .flex{
  width: 85%;
  margin: auto;
  flex-wrap: wrap;
  justify-content: space-between;
}

.catalogues > .flex > .flex{
  margin: 0 auto 30px;
  width: 45%;
}

.industriesPage .catalogues > .flex > .flex:nth-of-type(n+5){
  display:none;
}

/* .catToggleCon .catalogues > .flex > .flex:nth-of-type(n+5){
  display: block;
} */

.catalogues > .flex > .flex:nth-of-type(even){
  margin: 0 0 30px auto;
}

.catalogues > .flex > .flex > div{
  margin: 10px 20px; 
}

.indCatalogues.catalogues > .flex > .flex > div {
  margin: auto 20px;
}

.catalogues > .flex > .flex > div > h5{
  font-family: droidsr;
  font-size: 24px;
  margin: 5px 0 10px;
  color: #4D4D4F;
}

.catalogues > .flex > .flex > div > p{
  font-family: droidsr;
  font-size: 16px;
  color: #4D4D4F;
  max-width: 202px; 
}

.catTools.featured{
  background: #fff;
}

.catTools{
  border: 2px solid #707070;
  margin: 0.5%;
  background: #EEEEEE;
  width:48%;
}

.catTools p{
  font-size: 16px;
  font-family: droidsr;
  color: #4D4D4F;
  text-align: left;
}

.catTools h4{
  font-size: 24px;
  font-family: droidsr;
  color: #4D4D4F;
  text-align:left;
  margin-bottom: 15px;
}

.catToolBtn{
  background: #3E90C9;
  color: #fff;
  font-family: droidsb;
  font-size: 18px;
  border-radius: 25px;
  padding:4px 12px;
  text-align: center;
  border: none;
  width: 230px;
  cursor: pointer;
}

.catToolBtn.green{
  background: #ABD037;
}

.featureCon{
  width: 10%;
  background: #ABD037;
  position: relative;
  border-right: 2px solid #707070
}

.catTools .featureCon h4{
  color: #fff;
  margin: auto;
  font-size: 30px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  font-family: droidsb;
}

.categoryInfo .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  position: absolute;
  bottom: 0px;
  background: #ffffff;
}

.categoryInfo .buttons button {
  width: 160px;
  margin: 5px;
}

.category_marketing_content {
  display: none;
}

#main .category_marketing_content .innerWrap {
  padding: 0px 30px 60px 30px;
}

.category_marketing_content .innerWrap > div > div {
  max-width: 800px;
  margin: auto;
}

.loadMoreContent {
  position: absolute;
  bottom: -50px;
  z-index: 999;
  width: 38px;
  left: 0;
  right: 0;
  cursor: pointer;
  padding: 0 100px;
}

.loadMoreContent i {
  font-size: 38px;
  background-color: #0c909d;
  padding: 0px 7px;
  border-radius: 99px;
  color: #FFF;
}

.loadMoreContent:hover i {
  background-color: #279ca7;
}

.coverImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}

/*custom slider skin*/
.categorySlider .ls-v5 .ls-nav-prev,
.categorySlider .ls-v5 .ls-nav-next {
  height: 100% !important;
  top: 25px !important;
  background: transparent !important;
  -webkit-transition: .3s ease all !important;
  -o-transition: .3s ease all !important;
  transition: .3s ease all !important;
}

.categorySlider .ls-v5 .ls-nav-prev:hover,
.categorySlider .ls-v5 .ls-nav-next:hover {
  background: rgba(255, 255, 255, 0.4) !important;
}

.categorySlider .ls-v5 .ls-nav-prev {
  left: 0px !important;
}

.categorySlider .ls-v5 .ls-nav-next {
  right: 0px !important;
}

.categorySlider .ls-v5 .ls-nav-prev:after,
.categorySlider .ls-v5 .ls-nav-next:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-shadow: 1px 1px 1px #CCC;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #FFF;
  font-size: 40px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 40px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.categorySlider .ls-v5 .ls-nav-prev:after {
  content: "\f104";
}

.categorySlider .ls-v5 .ls-nav-next:after {
  content: "\f105";
}

.categorySlider .ls-v5 .ls-nav-prev:hover:after,
.categorySlider .ls-v5 .ls-nav-next:hover:after {
  color: #555559;
  text-shadow: none;
}



/****************MOST POPULAR SHORTCODE****************/
.mostPopularOuter .mostPopularInner {
  margin: 10px auto;
}
.mostPopularOuter .theme_green {
  border-top: 15px solid #44b09e;
  color: #FFF;
  background: #3A9687;
}
.mostPopularOuter .theme_green h2 {
  border-bottom: 1px solid #FFF;
}
.mostPopularOuter .theme_green h4 {
  color: #fff;
}
.mostPopularOuter .theme_light .mostPopularInner {
  margin: 40px auto;
  background: #FFF;
  box-sizing: border-box;
}

/*WIDTH AND PADDING WITH GREENWAY*/
.mostpopular h2 {
  text-align: center;
  color: #ffffff;
}

.productWrap > div > div {
  margin-left: 20px;
  position: relative;
}

.productWrap.productWrap_4 > div > div {
  width: calc(100%/5 - 5%*3/5);
  margin-bottom: 30px;
}


.productWrap.productWrap_5 > div > div {
  width: calc(100%/5 - 41.6px);
}

.mostpopular > .innerWrap > div > div:first-child, 
.productWrap > div > div:first-child{
  margin-left: 0;
}

.recommendedProducts .productWrap > div > div:first-child{
  margin-left: 20px;
}

.mostpopular > .innerWrap > div > div > a, .relatedproducts > div > div > a, .productWrap > div > div > a {
  display: block;
  border: 1px solid #ffffff;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}

.relatedProductSize,
.productWrap > div > div > a {
  border: none;
  max-height:249px;
}

#relatedProductsSlider{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#relatedProductsSlider > div{
  margin: 15px 30px;
}

#relatedProductsSlider > div > a > img{
  max-height: 220px;
}

.mostpopular > .innerWrap > div > div > a > span, .megamenu_second > div > div ul > li > a > span, .relatedproducts > div > div > a > span, .productWrap > div > div > a > span {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  -webkit-transition: height 0.3s ease;
  -moz-webkit-transition: height 0.3s ease;
  -o-webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}

.transOverlayWrap {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  -webkit-transition: height 0.3s ease;
  -moz-webkit-transition: height 0.3s ease;
  -o-webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}

.mostpopular > .innerWrap > div > div > a:hover > span, .megamenu_second > div > div ul > li > a:hover > span, .relatedproducts > div > div > a:hover > span, .productWrap > div > div > a:hover > span {
  height: 100%;
}

.productWrap > div > div > a > .isnew {
  display: block;
  height: auto;
  width: auto;
  left: auto;
  right: 0;
}

.productWrap > div > div > a:hover > .isnew {
  height: auto;
}

.transoverlay60 {
  z-index: 1;
}

.more {
  background: #0F89EF !important;
}

.mpmoreinfo {
  display: none;
  vertical-align: middle;
  text-align: center;
}

a:hover > span > .mpmoreinfo {
  display: table-cell;
}

.mpmoreinfo > span {
  position: relative;
  color: #ffffff;
  width: 110px;
  font-size: 18px;
  line-height: 18px;
  padding: 5px 15px;
  font-family: "francoisOne", Arial, sans-serif;
  text-transform: uppercase;
  border: 1px solid #ffffff;
  z-index: 2;
}

.mostpopular > .innerWrap > div > div > h4, .relatedproducts > div > div > h4, .productWrap > div > div > h4,
#relatedProductsSlider h4 {
  text-align: center;
  font-size: 17px;
  line-height: 21px;
  font-family: "droidSB", Arial, sans-serif;
  pointer-events: none;
  color: #4d4d4d;
}

.mostpopular > .innerWrap > div > div > h4, .relatedproducts > div > div > h4 {
  color: #ffffff;
}

/****************END OF MOST POPULAR SHORTCODE****************/
.newRelatedproducts {
  padding: 20px 0 80px;
}

/*********************SINGLE PRODUCTS PAGE*******************/
/* Get a Quote and Buy Online Buttons Css*/ 


.tableColumn1 {
  width: 30%;
  padding: 10px 0;
  padding-left: 1vw; 
}

.tableRow1 {
  width: 30%;
  padding: 10px 20px 10px 30px;
}
.tableRow2, .tableRow3, .tableRow4, .tableRow5, .tableRow6, 
.tableColumn2, .tableColumn3, .tableColumn4, .tableColumn5, .tableColumn6{
  width: 10%;
  text-align: center;
  padding: 10px 0; 
}

.tableColumn7 {
  width: 20%;
  padding: 10px 0;
  padding-left: 1vw; 
}

.tableRow7 {
  width: 20%;
  padding: 10px 20px 10px 30px;
}

.dataRow:hover {
  cursor: pointer;
  font-weight: bold; 
  
}
.dataRow:nth-child(even) {
  background-color: whitesmoke;
}
.productSpecificationsHeader {
  background-color: #0EA5B3;
  color: white;
  cursor: pointer;
}

.productSpecificationsTable {
  font-size: 15px;
}
.productSpecificationsWrap {
  margin: 0 22px 22px;
  border: 2px solid #eee;
  height: 365px;
  overflow: hidden;
  overflow-y: hidden;
  overflow-y: scroll;  
}

.productwrap h4 {
  display: inline-block;
}
.productwrap h4 img {
  max-width: 250px;
}


#actionButtons {
  display: inline-block;
  max-width: 130px;
  float: right;
}

#actionButtons a {
  padding: 5px 10px;
  min-width: 130px;
  margin-bottom: 10px;
}

.loading {
  position: absolute;
  top: 50%;
  left: 32%;
  margin-left: -28px;
  margin-top: -28px;
  z-index: 10;
  width: 56px;
  height: 56px;
  background: url("images/animated-tree.png") repeat-x 0 0 transparent;
}


.prodTopCon{
  margin: 0 auto 40px;
  width:75%;
}

#prodimg > img {
  display: block;
  width: 100%;
}

.prodImgCon{
  overflow: hidden;
  width: 90%;
}

#prodthumbs > ul, #prodthumbs > ul > li {
  list-style-type: none;
  margin-left: 0px;
}

#prodthumbs > ul > li > a > img {
  height: 60px;
}

#prodthumbs > ul > li {
  display: block;
  border: 1px solid #bbbdbf;
  margin-right: 20px;
  height: 60px;
}

#prodthumbs > ul > li:first-child{
  margin-top: 5px;
}

#prodthumbs > ul > li.active > a {
  border-color: #005DAA;
}

#prodthumbs > ul > li.productVideo > a > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 80px;
  width: 80px;
  background: url("images/busch-systems-spritesheet.png") no-repeat 0 -730px transparent;
}

#main > #prodvideopopup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: none;
}

#prodvideopopup > div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -310px;
  margin-top: -188px;
  width: 620px;
  height: 375px;
  background: #ffffff;
  z-index: 3;
}

#prodvideopopup > .transoverlay50blue {
  top: 0;
  left: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  background: #005DAA;
  z-index: 1;
}

#prodvideopopup > div > div {
  padding: 30px;
}

#prodvideopopup > div > div > span {
  position: absolute;
  top: -25px;
  right: -25px;
  display: block;
  height: 50px;
  width: 50px;
  color: #ffffff;
  background: #005DAA;
  font-size: 40px;
  line-height: 50px;
  font-family: "francoisOne", Arial, sans-serif;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

#main .prodinfo .innerWrap {
  margin: 0 40px;
  padding-top: 0;
}

.prodinfo .innerWrap > div > #breadcrumbs {
  float: left;
  clear: both;
  margin-left: 30px;
  padding: 0;
}

.prodinfo .innerWrap > div > #breadcrumbs a,
.prodinfo .innerWrap > div > #breadcrumbs > p {
  color: #99999a;
  font-family: "droidSR", Arial, sans-serif;
  letter-spacing: 1px;
}

.prodinfo .innerWrap > div > #breadcrumbs a:hover {
  color: #6d6e70;
  font-weight: 600;
}

.prodinfo .innerWrap > div > #breadcrumbs > p {
  float: left;
  margin-bottom: 0;
}

.prodinfo .innerWrap > div > #breadcrumbs > h1 {
  float: left;
  color: #6d6e70;
  font-family: "droidSR", Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}

.prodTopCon .prodinfo > div > h6{
  font-style: italic;
}


.prodinfo > div {
  background: #ffffff;
}

.viewSpecs span{
  margin: 0 10px 0 0px;
  color: #4D4D4F;
  font-size: 14px;
  font-weight: bolder;
}

.viewSpecs img{
  height: 15px;
  width: 15px;
  transform: rotate(270deg);
}


/*** ADVANCED PRODUCT PAGE ***/
#relatedTitle{
  color: #4D4D4F;
  border-bottom: solid 1px;
  width: 80%;
  max-width: 1000px;
  margin: 0px auto 30px auto;
  text-align: center;
  font-family: 'DroidSR';
  letter-spacing: 3px;
  padding: 10px;
  font-size: 30px;
  display: block;
}

.singleProdHeader{
  color: #4D4D4F;
  border-bottom: solid 1px;
  width: 80%;
  max-width: 1000px;
  margin: 0px auto 30px auto;
  text-align: center;
  font-family: 'DroidSR';
  letter-spacing: 3px;
  padding: 10px;
  font-size: 30px;
  text-align: center; 
  display: none;
  margin-top:30px;
}

.singleProdHeader:nth-of-type(1){
  margin-top: 0;
}

.floatSection{
    z-index: 10;
    position: relative;
    background: #FFF;
}
.sliderContainer{
    width: 95%;
    max-width: 1100px;
    margin:auto;
    position: relative;
}
.owl-wrapper {
    margin: 0 auto;
}

.owl-item{
    text-align: center;
}
.item{
    display: inline-block;
}
.relatedNextWrap, .relatedPrevWrap{
    position:absolute;
    height:100%;
    width: 40px;
}
.relatedNextWrap span, .relatedPrevWrap span{
    cursor: pointer;
    background: rgba(255, 255, 255, 0.4);
    padding: 5px 10px;
    border-radius: 100px;
    color: #FFF;
}
.relatedNextWrap span:hover, .relatedPrevWrap span:hover{
    background: rgba(255, 255, 255, 0.6);
}
.relatedNextWrap{
    top: calc(50% - 2em);
    right:0;
}
.relatedPrevWrap{
    top: calc(50% - 2em);
    left:0;
}
.capacityRange{
    color: #FFF;
    font-size: 15px;
    margin: 5px 0;
    font-family: "DroidSR",arial;
}
.fancyBlueTitle{
    background-color: #88d6ef;
    color: #FFF;
    font-size: 22px;
    padding: 40px 20px 20px 20px;
    text-align: center;
}
.featuredProduct{
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.featuredProduct > div{
    width: 100%;
    text-align: center;
}

.rightForYou{
  width: 90%;
  margin: 0 auto;
}

.rightForYou > div{
  width: 50%;
}

.rightForYou > div:nth-of-type(2){
  padding-left: 40px;
  border-left: solid 1px #4D4D4F;
}

.rightForYou > div > h4{
  color:#4D4D4F;
  font-family: droidsr;
  font-size: 26px;
  margin-bottom: 20px;
}

.rightForYou > div > ul{
  font-family: droidsr;
  list-style: disc;
  color: #4D4D4F;
  font-size: 16px;
}

.rightForYou > div> ul > li{
  margin-top:15px;
}

.featureList{
  text-align:left;
  display: flex;
  min-height: 50%;
  margin-left: 20px;
  font-size: 18px;
  color: #4D4D4F;
  font-family: droidsr;
  flex-wrap: wrap;
  width: 100%;
}

ul.featureList li{
  width: 21%;
  margin: 35px 2%;
}

.galleryCon{
  justify-content: center;
  margin-bottom: 20px;
  align-items: center;
}

.galleryCon > div >  a{
  margin: 5px;
  width: 39.5%;
}

.galleryCon > div:nth-of-type(2) {
  display:none;
}

.galleryCon > div{
  width: 90%;
}

.galleryCon > div > div{
  margin: 5px;
  width: 19.2%
}

.galleryCon > div > div > a:nth-of-type(1) > img{
  margin-bottom: 5px;
}

.galleryCon > div > div > a:nth-of-type(2) > img{
  margin-top: 5px;
}

.longDescription{
  padding: 10px 0;
  text-align: left;
  font-size: 19px;
}

.leftAlign {
  text-align: left;
  padding-top: 20px;
}

.leftAlignNone {
  text-align: left;
}

.leftAlign h4 {
  padding-bottom: 15px;
}


.expandedProductFeatureList {
  width: 550px;
  text-align: left;
  margin: 25px 0 25px 100px;
  font-size: 19px;
}

.expandedProductFeatureList ul {
  list-style-type: circle;
}

.prop65Wrap{
  text-align: left;
  max-width: 1200px;
  margin: auto;
  line-height: 30px;
  font-family: droidsr;
  color: #4D4D4F;
}

.prop65Header{
  font-weight: bolder;
  font-size: 18px;
  color: #4D4D4F;
  line-height: 36px;
}

.prop65Body{
  font-size: 14px;
}

.addonWrap{
    text-align:center;
    display: none;
}
.addonBlock, .addonBlock ul{
  display:inline-block;
  font-size: 11pt;
  color: #999;
  font-family: "DroidSR",arial;
  line-height: 2.5em;
}
.addonBlock h4{
  font-size: 13pt;
  color: #999;
  font-family: "DroidSR",arial;
  margin: 0;
}

.customTitle, .addonBlock{
    margin: 0 0 20px 0;
}

.customizeButton{
  display: inline-block;
  background: #83ccdd;
  padding: 5px 10px;
  font-family: 'Futura Light';
  color: #FFF;
  cursor: pointer;
}

.customizeButton:hover {
  opacity: 0.8;
}

 .productLogo img {
   max-width: 60%;
}

.mainButtons{
    display:flex;
    text-align:center;
    margin-left: auto;
    min-width: 152px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.raCompatableLogo{
  width: 55%;
  margin: 5px 0;
  min-width: 250px;
}

.prodgal{
  width: 52%;
}

.prodinfo{
  width: 48%;
}

.mainButtons .btn {
  margin: 5px 10px;
  width: 140px;
  border-radius: 0;
  font-size: 14px;
}

.dataTables_filter {
  display: none;
}
.specificationsSearch{
background-color: #EBEBEB;
font-family: "droidSR", Arial, sans-serif;
font-size: 24px;
color: #99999a;
border-radius: 99px;
padding-left: 10px;
border: 1px solid #EBEBEB;
}

/*advanced mode*/
.productColors > div > .colorblock > div > div {
    margin-left: 15px;
}
.productColors > div > .colorblock > div > div > span {        
    border-radius: 50%;
    overflow: hidden;
}
 .customCF form > div > div > span {
      font-size: 28px;
}
  .prodinfo .innerWrap > div {
    overflow: hidden !important;
}
.productvariants{
    z-index: 99;
    position:relative;
    min-height: 290px;
    margin-bottom: 0px;
    background:#FFF !important;
}
 .productSpecifications{
    border-top: 1px solid white;
    z-index: 10;
    position:relative;
    min-height: 290px;
    margin-bottom: 0px;
    background:#FFF !important;
    color: #999;
}

 .productVariantItem{
    display:flex;
    flex-direction:column;
    width: 195px;
    min-width: 150px;
    justify-content:space-between;
    margin: 10px 1.5%;
    cursor: pointer;
    padding: 7px;
}

.productVariantItem.search{
  margin:0px 3% 20px 0;
}

.productVariantItem:hover{
  box-shadow: inset 0 0 0 2px #16becf;
}

.productVariantItem.search:hover{
  box-shadow: inset 0 0 0 0px #ffffff;
}

 .productVariantItem div img{
    max-height:300px;
    max-width: 80%;
}

 .productVariantText{
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 10px;
}
 .productInner{
    width: 100%;
    margin: 40px auto;
    max-width: 1350px;
}
 .productVariantTitle h2{
    padding: 30px 0;
    color: #555 !important;
    font-size: 25px;
    margin: auto;
    font-family: DroidSR;
    letter-spacing: 3px;
}
 .productSpecificationsTitle h2{
    padding: 3.5vh 0 3vh 0;
    color: #555 !important;
    font-size: 25px;
    margin: 7vh 0 0 0;
    font-family: DroidSR;
    letter-spacing: 3px;
}
 .productVariantsWrap .variantSection{
    display:flex;
    flex-wrap: wrap;
}


.sorting_asc {
    font-weight: bold;
}
.sorting_desc {
    font-weight: bold;
}
 .productVariantPrice{
    margin:5px 0;
}
 #itemVariantNext{
    cursor: pointer;
    border-radius: 50%;
    background: #eee;
    position: relative;
    top: -40px;
    display: inline-block;
    padding: 5px 8px;
    color: #AAA;
    font-size: 20px;
}
 .featureTitle{
    color: #6d6e70;
    font-size: 24px;
    font-family: "DroidSR",arial;
    width: 100%;
    padding: 30px 0px 10px;
    letter-spacing: 2px;
}

 .sectionTabs{
  display:flex;
  margin-left: 244px;
}
 .specificationsTabs {
  display:flex;
  justify-content: space-between;
}
 .specificationsTabs div:nth-of-type(1) {
  display:flex;
}

.productVariantsWrap, .productGrid{
  min-height: 200px;
  width:76%;
  margin: 0 auto;
}

.refineWrap {
    max-width: 250px;
    height: fit-content;
    width: 250px;
    margin-right: 10px;
    border: 2px solid #eee;
}
.refineTitle {
    color: black;
    width: 89%;
    margin: 15px 10px 0px 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
    font-size: 20px;
}
.refineColorSubtitle {
    margin: 15px 0 0 15px;
}

.refineStreamsSubtitle {
    margin: 20px 0px 15px 15px;
    width: 89%;
}
.refineWrap .streams {
  padding-left: 10px;
  width: 100%;
  height: 40px; 
}


 .productSpecificationsWrap{
  border: 2px solid #eee;
  min-height: 200px;
  padding-bottom:10px;
}

 .specificationsTab:first-child{
  margin-left:15px;
}

 .specificationsTab{
  padding: 6px 8px;
  border: 2px solid #eee;
  margin: 0 2px;
  border-bottom: 0;
  background: #eee;
  position: relative;
  bottom: -2px;
  cursor: pointer;
  border-top-left-radius: 10px;
  font-size: 16px;
  border-top-right-radius: 10px;
}

 .specificationsTab.selectedSpecificationsTab{
  background: #FFF;
}

 .specificationsTab.selectedSpecificationsTab:hover{
  background: #FFF;
}

 .specificationsTab:hover{
  background:#f9f9f9;
}


/***PRODUCT COLORS***/
.productColors > select {
  float: left;
  clear: both;
  width: 100%;
  padding: 8px 15px;
  margin-bottom: 20px;
  color: #6D6E70;
  font-size: 23px;
  line-height: 30px;
  font-family: "droidSR", Arial, sans-serif;
  border: 1px solid #d0d2d3;
  background: #D0D2D3;
}

.productColors > div, .productColors > div > .colorblock, .productColors > div > .colorblock > div {
  float: left;
  clear: both;
  width: 100%;
}

.colorblock {
  display: none;
}

.refineColorblock {
  margin-top: 10px;
  margin-left: 10px;
}

.resetColors{
    float: right;
    margin-right: 20px;
}
.resetColors:hover{
    color:red;
    cursor: pointer;
}

.resetStreams{
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    width: 87%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: right;
    border-bottom: 1px solid #999;
}
.resetStreams:hover{
    color:red;  
    cursor: pointer;
}

.resetAll{
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    width: 100%;
    text-align: right;
}
.resetAll:hover{
    color:red;  
    cursor: pointer;
}

#colorblock_0 {
  display: block;
}

.productColors > div > .colorblock > div {
  margin-top: 10px;
}

.productColors > div > .refineColorblock > div {
  margin-top: 10px;
}

.productColors > div > .colorblock > div:first-child {
  margin-top: 0;
}

.productColors > div > .refineColorblock > div:first-child {
  margin-top: 0;
}

.productColors > div > .colorblock > div > div {
  float: left;
  width: 60px;
  margin-left: 10px;
}

.productColors > div > .refineColorblock > div > div {
  float: left;
  width: 60px;
  margin-left: 10px;
}

.productColors > div > .colorblock > div > div:first-child {
  margin-left: 0;
}

.productColors > div > .refineColorblock > div > div:first-child {
  margin-left: 0;
}

.productColors > div > .colorblock > div > div > span {
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 3px;
  border: 1px solid #cccccc;
}

.productColors > div > .refineColorblock > div > div > span {
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 3px;
  border: 1px solid #cccccc;
}

.productColors > div > .colorblock > div > div > p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
}

.productColors > div > .refineColorblock > div > div > p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
}

.streamChoice {
    height: 30px;
    width: 30px;
    padding: 5px 13px;
    transition: background 0.3s linear;
    cursor: pointer;
    font-size: 36px;
    font-weight: bold;
    float: left;
}
.streamChoice:hover {
    color: #83ccdd;
}
.selectedStreamTab {
    color: #83ccdd;
}

/***PRODUCT TABS***/
.productTabs > ul, .recpoptabs > ul {
  float: left;
  width: 100%;
  list-style-type: none;
  margin: 0;
}

.productTabs > ul > li, .recpoptabs > ul > li {
  float: left;
  list-style-type: none;
  margin: 0;
}

.productTabs > ul > li > a, .recpoptabs > ul > li > a {
  position: relative;
  top: 0;
  display: block;
  float: left;
  width: 160px;
  color: #6D6E70;
  font-size: 22px;
  line-height: 53px;
  font-family: "francoisOne", Arial, sans-serif;
  background: #BFBFBF;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #BFBFBF;
  margin: 0 0 2px 2px;
  -webkit-transition: top 0.1s ease;
  -moz-webkit-transition: top 0.1s ease;
  -o-webkit-transition: top 0.1s ease;
  transition: top 0.1s ease;
}

.productTabs > ul > li:first-child > a, .recpoptabs > ul > li:first-child > a {
  margin: 0;
}

.productTabs > ul > li.active > a, .recpoptabs > ul > li.active > a {
  border-color: #BFBFBF;
  border-bottom-color: #ffffff;
  background: #ffffff;
  position: relative;
  top: 3px;
}

.productTabs > div, .recpoptabs > div {
  clear: both;
  padding: 30px 20px;
  border: 1px solid #BFBFBF;
}

.prodtabs, .rptabs {
  display: none;
  float: left;
  width: 100%;
}

.prodtabs:first-child, .rptabs:first-child {
  display: block;
}

#specstab.prodtabs > div {
  float: left;
  clear: both;
  width: 100%;
}

#specstab.prodtabs > div > div {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 15px;
}

#specstab.prodtabs > div > div:first-child {
  margin-top: 0;
}

#specstab.prodtabs > div > div > a {
  display: block;
  float: left;
  width: 48%;
  background: #BBBDBF;
  border: 1px solid #E6E7E8;
  color: #4D4D4D;
  font-size: 14px;
  line-height: 40px;
  font-family: "droidSB", Arial, sans-serif;
}

#specstab.prodtabs > div > div > a + a {
  float: right;
}

#specstab.prodtabs > div > div > a > span {
  position: relative;
  float: left;
  width: 50px;
  height: 40px;
  margin-right: 8px;
  border-right: 1px solid #E6E7E8;
  background: #009fe2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #009fe2 0%, #0051bc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009fe2), color-stop(100%, #0051bc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #009fe2 0%, #0051bc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #009fe2 0%, #0051bc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #009fe2 0%, #0051bc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #009fe2 0%, #0051bc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fe2', endColorstr='#0051bc',GradientType=0 );
  /* IE6-9 */
}

#specstab.prodtabs > div > div > a > span > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 40px;
  z-index: 3;
  background: url("images/busch-systems-spritesheet.png") no-repeat -52px -267px transparent;
}

.prodbtn {
  display: block;
  width: 96%;
  width: calc(100% - 40px);
  color: #ffffff;
  padding: 0 25px;
  font-size: 30px;
  padding: 20px;
  font-family: "droidSB", Arial, sans-serif;
  position: relative;
  background: #005DAA;
  margin: 0 0 60px;
}

.prodbtn.proddownarrow:before {
  content: "";
  position: absolute;
  right: 37px;
  bottom: 35px;
  height: 16px;
  width: 16px;
  background: #ffffff;
}

.prodbtn.proddownarrow:after {
  content: "";
  position: absolute;
  right: 25px;
  bottom: 15px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  z-index: 3;
}

.prodbtn.prodshop {
  font-size: 22px;
}

.prodbtn.prodshop > .btn {
  color: #005DAA;
  margin-left: 8px;
  background: #ffffff;
  vertical-align: middle;
}

.prodbtn.prodshop > .btn:hover {
  background: #A6A8AB;
  color: #ffffff;
}

/**PRODUCT FORM**/
.prodinfo .innerWrap > div > .customCF {
  padding-top: 60px;
}

.prodinfo .customCF form {
  overflow: hidden;
}

.prodinfo .customCF form > div > div > input,
.prodinfo .customCF form > div > div > select,
.prodinfo .customCF form > div > textarea,
.prodinfo .customCF form .productName input {
  font-size: 18px;
  line-height: 22px;
}

.prodinfo .customCF form > div > div > select {
  padding: 5px 15px;
}

.prodinfo .customCF form > .captcha > div, .prodinfo .customCF form > .newslettersub > div {
  float: left;
  clear: both;
  width: 100%;
}

.prodinfo .customCF form > div > div > h6 {
  text-align: center;
}

.prodinfo .customCF form .g-recaptcha {
  float: none;
  margin: 0 auto;
  width: 303px;
}

.prodinfo .customCF form > div > .cfsubmit, .innerWrap.contactPage .customCF form > div > .cfsubmit {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 20px;
}

.cfsubmit{
  text-align: center;
}

.prodinfo .customCF form > div > div > input[type="submit"] {
  display: block;
  float: none;
  margin: 0 auto;
  line-height: 40px;
  padding: 0 15px;
  min-width: 160px;
  width: auto;
}

/***RELATED PRODUCTS***/
.prodinfo .innerWrap > div > .relatedproducts {
  padding-top: 40px;
  border-top: 2px solid #6D6E70;
}

.relatedproducts > div {
  float: left;
  clear: both;
  width: 100%;
}

.relatedproducts > div > div {
  float: left;
  width: 144px;
  margin-left: 28px;
}

.relatedproducts > div > div:first-child {
  margin-left: 0;
}

/*SLIDE DOWN MORE INFO STYLES WITH .mostpopular > .innerWrap > div > div > a*/
.relatedproducts > div > div > a {
  width: 144px;
  height: 138px;
  border: none;
}

.relatedproducts > div > div > h4 {
  font-family: "droidSR", Arial, sans-serif;
}


/************TESTIMONIALS************************/
#testimonial_img {
  width: 100%;
  max-width: 100%;
}

#main .clientTests > .innerWrap {
  padding: 50px 90px;
  color: #ffffff;
}

.clientTests > .innerWrap > h3 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
}

/*****LEFT STYLES WITH TIMECIRCLE*****/
.clientTests > .innerWrap .right {
  width: 730px;
}

.clientTests > .innerWrap .right > span {
  float: left;
  display: block;
  height: 40px;
  width: 46px;
  margin-top: 6px;
  background: url("images/busch-systems-spritesheet.png") no-repeat 0 -960px transparent;
}

.clientTests > .innerWrap .right > p {
  float: left;
  width: 590px;
  padding: 0 24px;
  font-size: 16px;
  margin-bottom: 0;
}

.clientTests > .innerWrap .right > span ~ span {
  float: right;
  background-position: -62px -960px;
}

.newClientTests {
  position: relative;
  background: url("images/testimonial/Blue-clouds.png") !important;
  background-size: cover !important;
  height: 371px;
  color: #4d4d4d;
}
.newClientTests .seeMore {
  position: absolute;
  bottom: -120px;
  right: 0px;
}

#left_mountain_img {
  position: absolute;
  z-index: 1;
  height: 116px;
  bottom: -53px;
  left: -200px;
}

/***New style with mountain and cloud***/
.newClientTestsBottom {
  height: 100px;
  position: absolute;
  bottom: 0px;
  background-color: #8bcddd;
  width: 100%;
}

.newClientTests .left, .newClientTests .right {
  height: 100%;
}

.newClientTests .left {
  width: 37%;
}

.newClientTests .right {
  width: 63%;
}

.newClientTests .innerWrap {
  height: 171px;
}

/*.center_wrap {
	display: flex;
}
.center_content {
	align-self: center;
}*/
.newClientTests h3 {
  color: #4BAF8B;
  font-size: 32px;
  padding: 0 20px;
  line-height: 1.5;
  width: 100%;
}

.right_content, .right_content .right {
  height: 100%;
  width: 100%;
}

.right_content .left {
  width: 25%;
  box-sizing: border-box;
  border: 20px solid transparent;
}

.right_content .right {
  width: 75%;
}

.right_content .right > div {
  padding: 10px 20px;
}

.newClientTests p {
  font-family: "Futura Regular", Arial, sans-serif;
  font-style: italic;
  font-size: 20.5px;
  line-height: 1.4;
  margin-bottom: 0;
}

.newClientTests h5 {
  font-family: "Futura Regular", Arial, sans-serif;
  color: #4d4d4d;
  font-size: 21px;
  margin: 0;
}
.quote_start_img {
  width: 0px;
  height: 0px;
  padding: 25px;
  background: url(https://www.buschsystems.com/wp-content/themes/busch-theme/images/icon-spritesheet.png) no-repeat -125px 10px;
}

.quote_end_img {
  float: right;
  width: 0px;
  height: 0px;
  padding: 25px;
  background: url(https://www.buschsystems.com/wp-content/themes/busch-theme/images/icon-spritesheet.png) no-repeat -125px -40px;
}

.testimonial_title {
  width: 100%;
  text-align: right;
  display: block;
}

/******center image******/
.center_img {
  display: block;
  margin: auto;
  width: auto;
  height: auto;
}

/******center content******/
.center_wrap {
  display: flex;
  justify-content: center;
}

.center_content {
  align-self: center;
}

/******like counter******/
#like_counter {
  float: right;
}

#like_img {
  max-height: 30px;
  cursor: pointer;
  opacity: 0.8;
}

#like_img:hover {
  opacity: 1;
}

#like_counter p {
  float: right;
  font-family: "Futura Regular", Arial, sans-serif;
  font-size: 15px;
  line-height: 30px;
}

/**********prev next button slide**********/
#cslide-slides h2 {
  margin-bottom: 10px;
  font-weight: 700;
}

.cslide-slides-master {
  overflow: hidden;
  margin-bottom: 60px;
}

.cslide-slides-master:last-child {
  margin-bottom: 0;
}

.cslide-slides-container {
  visibility: hidden;
}

.cslide-slide {
  float: left;
  padding: 40px 30px 20px 30px;
  border: solid 10px white;
}

.cslide-slide h2,
.cslide-prev-next {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  margin-bottom: 30px;
  display: none;
  text-align: right;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cslide-prev, .cslide-next {
  display: inline-block;
  padding: 10px 5px;
  cursor: pointer;
  opacity: 0.8;
}

.cslide-prev:hover,
.cslide-next:hover {
  opacity: 1;
  filter: saturate(120%);
}

.cslide-prev.cslide-disabled:hover,
.cslide-next.cslide-disabled:hover {
  opacity: 0.5;
}

.cslide-disabled {
  opacity: 0.5;
  cursor: unset;
}

/*****************SOCIAL TABS***********************/
#main .socialTabs {
  width: 100%;
  background: url("images/social-media.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/busch2015/wp-content/themes/busch-theme/images/social-media.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/busch2015/wp-content/themes/busch-theme/images/social-media.jpg', sizingMethod='scale')";
}

#main .socialTabs > .innerWrap {
  padding: 50px 30px 100px;
}

.socialTabs > .innerWrap > div {
  width: 560px;
  float: left;
}

.socialTabs > .innerWrap > h2 {
  color: #ffffff;
  font-family: "francoisOne", Arial, sans-serif;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  padding: 8px 0;
  text-align: center;
  width: 560px;
  background: #00a94f;
}

.socialTabs h2, .socialTabs h3 {
  color: #404041;
  margin-bottom: 30px;
}

.socialTabs > .innerWrap > div > ul {
  float: left;
  width: 100%;
  border: 1px solid #929497;
  list-style-type: none;
  margin: 0;
  background: #ffffff;
}

.socialTabs > .innerWrap > div > ul > li {
  float: left;
  margin: 0;
  border-left: 1px solid #929497;
}

.socialTabs > .innerWrap > div > ul > li:first-child {
  border-left: none;
}

.socialTabs > .innerWrap > div > ul > li > a {
  position: relative;
  float: left;
  width: 139px;
  text-align: center;
  display: block;
  border-top: 4px solid #ffffff;
  padding: 10px 0;
  color: #4D4D4D;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  text-indent: 20px;
  background: url("images/social-media-sprite.png") no-repeat 36px 7px transparent;
  -webkit-transition: border 0.3s ease;
  -moz-webkit-transition: border 0.3s ease;
  -o-webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.socialTabs > .innerWrap > div > ul > li > a:hover, .socialTabs > .innerWrap > div > ul > li.active > a {
  border-top: 4px solid #4D4D4D;
}

/**GOOGLE PLUS**/
.socialTabs > .innerWrap > div > ul > li + li > a {
  background-position: 24px -33px;
  text-indent: 30px;
}

/**TWITTER TAB**/
.socialTabs > .innerWrap > div > ul > li + li + li > a {
  background-position: 28px -75px;
  text-indent: 30px;
}

/**NEWS TAB**/
.socialTabs > .innerWrap > div > ul > li + li + li + li > a {
  background-position: 30px -116px;
  text-indent: 25px;
}

.socialTabs > .innerWrap > div > ul > li.active > a:before, .socialTabs > .innerWrap > div > ul > li.active > a:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -9px;
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid #929497;
}

.socialTabs > .innerWrap > div > ul > li.active > a:after {
  bottom: -8px;
  border-top: 10px solid #ffffff;
}

.smblock {
  display: none;
}

#blogTab {
  display: block;
}

.socialTabs > .innerWrap > div > div, .socialTabs > .innerWrap > div > div > div, #twitterTab > ul {
  float: left;
  width: 100%;
  position: relative;
  list-style-type: none;
  margin: 0;
}

.socialTabs > .innerWrap > div > div > div > div, #twitterTab > ul > li {
  float: left;
  width: 538px;
  padding: 10px;
  background: #ffffff;
  margin: 15px 0 0;
  border: 1px solid #929497;
}

/*SOCIAL MEDIA LEFT*/
.tweet_avatar {
  display: block;
  float: left;
}

.socialTabs > .innerWrap > div > div > div > div > div, .tweet_avatar {
  width: 55px;
}

.socialTabs > .innerWrap > div > div > div.smnews > div > div {
  width: 135px;
}

.socialTabs > .innerWrap > div > div > div > div > div > img, .tweet_avatar img {
  width: 100%;
  height: auto;
}

/*SOCIAL MEDIA RIGHT*/
.tweet_right {
  display: block;
  float: right;
}

.socialTabs > .innerWrap > div > div > div > div > div + div, #twitterTab > ul > li > .tweet_right {
  width: 460px;
}

.socialTabs > .innerWrap > div > div > div.smnews > div > div + div {
  width: 386px;
}

.smDate {
  display: block;
  margin-bottom: 9px;
}

.smDate > span {
  color: #ffffff;
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  line-height: 24px;
  font-family: "droidSB", Arial, sans-serif;
  background: #4D4D4D;
}

.smDate > span + span {
  color: #4D4D4D;
  background: #A6A8AB;
  margin: 0 2px;
}

.smDate > span + span + span {
  margin: 0;
}

.socialTabs > .innerWrap > div h2, .socialTabs > .innerWrap > div h3 {
  margin-bottom: 0;
  font-size: 11px;
  line-height: 13px;
  text-transform: none;
  font-family: "droidSB", Arial, sans-serif;
}

#twitterTab > ul > li > .tweet_right > span {
  display: block;
}

.socialTabs > .innerWrap > div p, #twitterTab > ul > li {
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 8px;
}

#googlePlusTab .right > span, #twitterTab > ul > li > .tweet_right > a {
  display: block;
  color: #58595B;
  font-size: 11px;
  line-height: 15px;
}

.socialTabs > .innerWrap > div #googlePlusTab .right > p, #twitterTab > ul > li {
  margin-bottom: 0;
}

/*.............CUSTOM CONTAINERS........*/
.customContainers .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ccc;
  margin: 20px 0px;
}

.customContainers .content > div {
  flex: 1;
}

.customContainers .title {
  font-size: 35px;
  letter-spacing: 2px;
  line-height: 40px;
  margin: 30px 0;
}

.customContainers img {
  width: 400px;
  padding: 20px;
}

.customContainers button {
  margin-top: 20px;
}

/*******************CONTACT FORM*****************************/
.contactStart {
  position: relative;
  margin-left: 0px !important;
}

#main .customCF > .innerWrap {
  padding-top: 80px;
}

/* CONTACT FORM 2 */
.fullwidth .customCF,
.contactStart .customCF {
  max-width: 900px;
  padding: 40px 40px 70px;
  margin-top: -50px;
  margin:auto
}

#webinarContactForm .fullwidth .customCF,
.contactStart .customCF {
  padding: 20px 40px 70px;
}



/* CONTACT FORM 3 */
.fullwidth .cf3,
.contactStart .cf3 {
  max-width: 400px;
}

.fullwidth .customCF h2,
.contactStart .customCF h2 {
  font-size: 28px;
  letter-spacing: 3px;
  font-family: "droidSB", Arial, sans-serif;
  color: #4D4D4F;
  font-size: 35px;
}

.fullwidth .cf3 h2,
.contactStart .cf3 h2 {
  font-size: 35px;
  font-family: "droidSB", Arial, sans-serif;
  color: #4D4D4F
}

.fullwidth .customCF p,
.contactStart .customCF p {
  font-size: 18px;
  line-height: 26px;
}

.contactStart .customCF {
  padding: 40px 30px 20px 40px;
  margin: auto;
}

/* title */
.fullwidth .customCF .formtitle,
.contactStart .customCF .formtitle {
  display: block;
  font-size: 0;
  margin-bottom: 20px;
  text-align: center;
}

/* title */
.fullwidth .cf3 .formtitle,
.contactStart .cf3 .formtitle {
  display: flex;
}

.fullwidth .cf3 .formtitle div {
  width: 90%;  
}

.customCF .formtitle > div:last-child {
  min-width: 200px;
}

.cf3 .formtitle img {
  height: 100%;
}

.contactMountains {
  align-self: flex-end;
  height: 100%;
}

.contactStart .customCF .formtitle > div:last-child {
  margin: 0;
  padding-left: 20px;
  width: calc(100% - 120px);
  display: inline-block;
  vertical-align: center;
}

.contactIcon,
.innerWrap > .contactIcon {
  position: absolute;
  top: -67px;
  left: 50%;
  margin-left: -67px;
  float: none;
  display: block;
  height: 134px;
  width: 134px;
  background: url(images/Tree100px.png) no-repeat center/75px 84px #22B9CA;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 9;
  -webkit-transition: all 0.5s ease;
  -moz-webkit-transition: all 0.5s ease;
  -o-webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.fullwidth .contactIcon,
.contactStart .contactIcon {
  position: static;
  display: inline-block;
  vertical-align: center;
  margin-left: 0px;
  position: initial;
  height: 100px;
  width: 100px;
  min-width: 100px;
  background: url("images/WhiteTree100px.png") no-repeat center/52px #22B9CA;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 9;
  -webkit-transition: all 0.5s ease;
  -moz-webkit-transition: all 0.5s ease;
  -o-webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.contactIcon.spinIcon, .innerWrap > .contactIcon.spinIcon {
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.customCF form {
  clear: both;
  width: 100%;
  position: relative;
}

.customCF form > div {
  margin: 10px 0;
}

.contactPage .newslettersub, .contactPage .contactIcon{
  display:none;
}

.cf3 form > div {
  padding-top: 10px;
}

.other_country_state {
  display: none;
}

.customCF form > div:first-child {
  margin-top: 0;
}

.mobileCollapseWrap{
  flex-wrap: wrap;
}

.customCF form > div > div {
  width: 32.333%;
  margin-top: 15px;
}

.customCF form > div > div.half{
  width: 49%;
  margin-top: 15px;
}

.customCF form > div > div.half:nth-of-type(odd){
  margin: 15px 0 0px 0;
}

.customCF form > div > div.half:nth-of-type(even){
  margin: 15px 0 0px 1%;
}

.contactLabel{
  display: none;
  font-weight: bold; 
  width: 100%; 
  margin-top:20px;
}

.contactPage .customCF form > .mobileCollapseWrap > div {
  width: 48.5%;
}

.contactPage .customCF form > .mobileCollapseWrap > div:nth-of-type(1), 
.contactPage .customCF form > .mobileCollapseWrap > div:nth-of-type(3){
  margin: 15px 0 0 0;
}

.contactPage .customCF form > .mobileCollapseWrap > div:nth-of-type(2), 
.contactPage .customCF form > .mobileCollapseWrap > div:nth-of-type(7){
  margin: 15px 0 0 3%;
}


.customCF form > .mobileCollapseWrap > div:nth-of-type(2), 
.customCF form > .mobileCollapseWrap > div:nth-of-type(8){
  margin: 15px 1.5% 0;
}

.contactPage .customCF form > .mobileCollapseWrap > div:nth-of-type(8){
  width: 100%;
  margin: 15px 0;
}

.contactPage .contactLabel{
  display: block;
}

.contactPage .customCF form > .mobileCollapseWrap > div:nth-of-type(9){
 
}

#subIndustry {
  margin-top: 10px;
}

.cf3 form > div > div {
  width: 47%;
}

.customCF form > .captcha > div {
  width: 100%;
  margin: auto;
  text-align: center;
} 

.customCF form > .newslettersub > div {
  width: 100%;
} 

.customCF form > div label {
  font-size: 18px;
  margin: 0 5px;
}

.customCF form input:not([type="submit"]), .customCF form select, .customCF form textarea {
  width: calc(100% - 32px);
  padding: 3px 15px;
  color: #6D6E70;
  font-size: 16px;
  line-height: 35px;
  font-family: "droidSR", Arial, sans-serif;
  border: 1px solid #d0d2d3;
  background: #FFF;
  min-height:36px;
  height: inherit;
  margin-bottom: 0;
  padding-left: 15px !important;
}

.cf3 form input:not([type="submit"]), .cf3 form select, .cf3 form textarea {
  font-size: 15px;
  line-height: 22px;
  background: #FFFFFF;
}

.customCF form select {
  margin-top: 10px;
  width: 100%;
}

.contactPage .customCF form select {
  width: 100%;
  height: 100%;
  min-height: 43px;
  margin-top: 0;
}

.customCF form textarea {
  resize: vertical;
  width: 97%;
  width: calc(100% - 30px);
}

.cf3 form > div > div > h6,
.cf3 form > div > div > p {
  color: #56555A;
}

.customCF form > div > div > h6 {
  margin: 5px 0;
  font-size: 20px;
  line-height: 30px;
  /*font-family: $droidSR;*/
}

.customCF form > div > div > p {
  font-size: 16px;
}

.g-recaptcha {
  margin-top:20px;
}

.g-recaptcha > div{
  width:100% !important;
}

.spamDetection{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

/* NEWSLETTER CHECKBOX */
.customCF form .newsLetterCheckbox {
  /* Hide the input, but have it still be clickable */
  float: left;
  width: 28px;
  margin-left: -28px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.customCF form .newsLetterCheckbox + label {
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  border: 1px solid #d0d2d3;
  cursor: pointer;
  margin-left: 20px;
}

.cf3 form > div > div > input[type='checkbox'] + label {
  margin-left: 0;
}

.customCF span.customX {
  display: none;
  text-align: center;
  color: #005DAA;
  font-size: 24px;
  line-height: 24px;
  margin-left: 0px;
}

.customCF input[type="checkbox"]:checked + label span.customX {
  display: block;
}

/******SUBMIT BTN WITH BLUEBTN AT TOP*******/
.customCF input[type="submit"] {
  font-size: 18px;
  cursor: pointer;
  border: none !important;
  border-radius: 0;
  width: 150px;
}

/************Contact Form*************/

.contactFlex {
  display: flex;
}

.contactPage > div:nth-of-type(1){
  width: 100%;
}

.contactPage > div:nth-of-type(2){
  width:25%;
  margin-left: 10%;
}

.contactPage .customCF p {
  width: 100%;
  margin: 0 auto 25px;
  font-size: 15px;
  line-height: 26px;
}

.contactPage h2{
  font-size: 30px;
  text-transform: none; 
}



.innerWrap.contactPage > div {
  overflow: visible;
  margin-top: -67px;
}

.innerWrap.contactPage .left {
  width: 670px;
}

.innerWrap.contactPage .right {
  width: 314px;
}

.innerWrap.contactPage .contactIcon {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto 25px;
}

.innerWrap.contactPage .customCF h2 {
  font-size: 30px;
  text-transform: none;
}

.innerWrap.contactPage .customCF .productrequestbox p {
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto 25px;
}

.formTabs {
  display: flex;
}

.formTabs > a {
  display: block;
  color: #ffffff;
  background: #A6A8AB;
  width: 45%;
  text-align: center;
  padding: 15px;
  position: relative;
}

.formTabs > a:hover, .formTabs > a.active {
  background: #0033A0;
}

.formTabs > a.active:before {
  position: absolute;
  bottom: -30%;
  left: 50%;
  margin-left: -20px;
  transform: rotate(0deg);
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #0033A0;
}

.formTabs > a > span {
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 29px;
  font-family: droidsb;
}

.formTabs > a > span + span {
  font-size: 20px;
  line-height: 26px;
  text-transform: none;
}

.formTabs > a + a {
  margin-left: 10%;
}

.customCF form > .productrequestbox {
  margin-top: 20px;
}

.productrequestbox > h5 {
  font-size: 27px;
  line-height: 28px;
  font-family: "francoisOne", Arial, sans-serif;
  text-transform: uppercase;
}

.customCF form > .productrequestbox > div {
  clear: both;
  width: 100%;
  margin: 15px 0;
}

.customCF form > .productrequestbox > div > div{
  width: 48%;  
}

.customCF form > .productrequestbox > div > div:nth-of-type(2) {
  width: 48%;
  margin: 0 0 0 4%;
}

.removeProduct {
  color: #DE2626;
}

.haveaquestion {
  display: none;
}

.cf3 form > .newslettersub div label:nth-child(3) {
  margin-left: 50px;
  font-size: 15px;  
}

.contactPage .customCF input[type="submit"]{
  margin-top: 0;
}

.rightcontact{
  width: 30%;
  background: #3E90C9;
  color: #ffffff;
  margin-left: 10%;
  padding: 20px;
  margin-top:20px
}

.rightcontact a, .rightcontact p{
  color: #ffffff;
  text-align: left;
  margin-bottom: 0;
}

.rightcontact .social a{
  color: #3e90c9;
  margin: 0 5px;
  position: relative;
}

.rightcontact table{
  width: 100%;
}

.rightcontact .social a i{
  padding: 3.7px 6px;
}

.rightcontact .social a i.fa-facebook-f{
  padding: 3.7px 8px;
}

.rightcontact .contactIcon {
  background: url("images/telephoneIcon.png") no-repeat center/75px 84px #22B9CA;
}

.rightcontact h3 {
  color: #fff;
  font-size: 27px;
  text-align: left;
  margin: 30px 0 10px;
}

.rightcontact > .contactIcon ~ div {
  float: left;
  clear: both;
  width: 100%;
}

.rightcontact > .contactIcon + div ~ div {
  margin-top: 40px;
}

.rightcontact .social {
  float: none;
  margin: 0;
}

.rightcontact .social > a > li > a {
  height: 55px;
  width: 55px;
  margin-left: 15px;
}


/*****************SUBSCRIPTION****************/
.buschCheckbox input[type="checkbox"] {
  opacity: 0;
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  z-index: 100;
  width: 230px;
  height: 30px;
  margin-top: -13px;
  padding: 0px;
  cursor: pointer;
  margin-top: 6px;
  position: absolute;
}

.buschCheckbox input[type="checkbox"]:checked + label:after {
  content: ' ';
  position: absolute;
  left: 6px;
  top: 7px;
  width: 23px;
  height: 23px;
  margin: auto;
  background-image: url(http://files.clickdimensions.com/buschsystemscom-ac0fu/files/check-min.png);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.buschCheckbox input[type="checkbox"]:hover + label {
  opacity: 0.8;
}

.buschCheckbox > div {
  position: relative;
}

.buschCheckbox label {
  font-size: 17px;
  font-family: 'Source Sans Pro', 'Fira Sans', arial, sans-serif;
  font-weight: 300;
  display: inline-block;
  padding: 10px 0 5px 45px;
  position: relative;
}

.buschCheckbox label:before {
  position: absolute;
  left: 0;
  content: ' ';
  width: 25px;
  height: 25px;
  padding: 0px;
  border: 3px solid #d4d5d5;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.subscriptionPage .buschCheckbox > div {
  width: 230px;
  margin: 0px auto;
}

.subscriptionPage {
  color: #7a7c81;
  font-family: 'Fira Sans', 'Source Sans Pro', arial, sans-serif;
  font-size: 20px;
  margin: 40px auto 20px;
}

.subscriptionPage .signUpBanner {
  background: #8cd4c3;
  padding: 0px 40px;
  display: flex;
}

.subscriptionPage .signUpBanner.dropdown {
  border-bottom: 10px solid #72c196;
}

.subscriptionPage .signUpBanner.dropdown:after {
  content: ' ';
  border-left: 50px solid transparent;
  position: absolute;
  bottom: -25px;
  height: 0px;
  width: 0px;
  border-right: 50px solid transparent;
  border-top: 30px solid #8cd4c3;
  border-bottom: 5px solid transparent;
  left: 43%;
}

.subscriptionPage .leftBlock {
  width: 180px;
  padding-left: 20px;
  margin-right: 20px;
}

.subscriptionPage .leftBlock img {
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
  margin-top: -70px;
  border: 12px solid #8cd4c3;
}

.subscriptionPage .rightBlock {
  max-width: 600px;
  padding: 20px 40px;
}

.subscriptionPage .bannerTitle {
  text-transform: uppercase;
  color: #FFF;
  font-size: 32px;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 300;
  line-height: 1.3em;
  padding: 10px 0px 20px;
  max-width: 400px;
}

.subscriptionPage .bannerTitle strong {
  font-family: 'Fira Sans', sans-serif;
}

.subscriptionPage .nameEmailBlock {
  display: flex;
  flex-wrap: wrap;
}

.subscriptionPage .nameEmailBlock > div {
  margin-right: 20px;
  padding-bottom: 20px;
  max-width: 240px;
}

.subscriptionPage input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-width: 0px;
  border-style: solid;
  border-radius: 0;
  padding: 5px 10px;
  font-size: 18px;
  outline: none;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 300;
  color: #7a7c81;
}

.subscriptionPage input[type=text]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #dad9d7;
}

.subscriptionPage input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #dad9d7;
}

.subscriptionPage input[type=text]:-ms-input-placeholder {
  /* IE 10+ */
  color: #dad9d7;
}

.subscriptionPage input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #dad9d7;
}

.subscriptionPage .signUpBtn {
  font-family: 'Source Sans Pro';
  font-weight: bold;
}

.subscriptionPage .signUpBtn i {
  padding-left: 5px;
}

.subscriptionPage .btnFlat {
  min-width: 100px;
  font-family: 'Source Sans Pro';
  font-weight: bold;
}

.subscriptionPage .btnFlat:hover {
  opacity: 0.8;
}

.subscriptionPage .question {
  max-width: 600px;
  margin: 30px auto 10px;
}

.subscriptionPage .checkBlock {
  max-width: 460px;
  margin: auto;
  flex-wrap: wrap;
}

.subscriptionPage .btns {
  justify-content: space-around;
  margin-top: 10px;
  width: 250px;
}

.subscriptionPage .subAll {
  background: #4e8ccf;
  color: #FFF;
}

.subscriptionPage input[type="submit"] {
  background: #3fb65f;
  color: #FFF;
}

.subscriptionPage select {
  width: 100%;
}

.subscriptionPage .btn-default, .subscriptionPage .dropdown-menu > li > a {
  color: #7a7c81;
  font-family: 'Source Sans Pro', arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.subscriptionPage .bootstrap-select > .dropdown-toggle {
  background: #FFF;
  border: #d4d5d5 3px solid;
  border-radius: 20px;
  padding: 3px 15px;
  text-transform: none;
  padding-right: 30px;
}

.subscriptionPage .dropdown-menu {
  padding: 0px;
  margin: 0px;
}

.subscriptionPage ul.dropdown-menu > li {
  margin: 0px;
}

.subscriptionPage ul.dropdown-menu > li a {
  padding: 4px 20px;
}

.subscriptionPage .bootstrap-select {
  width: 240px !important;
}

.subscriptionPage .bootstrap-select.open .dropdown-toggle {
  box-shadow: none;
}

.subscriptionPage .bootstrap-select.open:not(.dropup) .dropdown-toggle {
  border-radius: 20px 20px 0px 0px;
}

.subscriptionPage .bootstrap-select.open.dropup .dropdown-toggle {
  border-radius: 0px 0px 20px 20px;
}

.subscriptionPage .bootstrap-select.open .dropdown-menu.open {
  border: #d4d5d5 3px solid;
  box-shadow: none;
}

.subscriptionPage .bootstrap-select.open:not(.dropup) .dropdown-menu.open {
  border-radius: 0px 0px 20px 20px;
}

.subscriptionPage .bootstrap-select.open.dropup .dropdown-menu.open {
  border-radius: 20px 20px 0px 0px;
}

.subscriptionPage .bootstrap-select .dropdown-menu > li > a:hover, .subscriptionPage .bootstrap-select .dropdown-menu > li > a:focus {
  color: #FFF;
  background: #EE5C69;
}

.subscriptionPage .error {
  display: block;
  color: #FFF;
  font-size: 17px;
  font-family: "Source Sans Pro";
  font-weight: 300;
}

.subscriptionPage .bootstrap-select .bs-caret .fa.fa-angle-down {
  color: #CCC;
  border: 2px solid #CCC;
  padding: 0px 3px;
  border-radius: 50%;
}

.subscriptionPage .bootstrap-select.open .bs-caret .fa.fa-angle-down {
  color: #adadad;
  border: 2px solid #adadad;
}

/****************ARCAT**************/
.arcat-button {
  margin: 5px 10px;
  width: 165px;
  border-radius: 0;
  font-size: 14px;
}
.arcat-button:hover {
  content: url('https://webstg.buschsystems.com/wp-content/themes/busch-theme/images/arcat/BIM-Objects_Button-2.jpg');
}

/****************BLOG***************/
#main .innerWrap.theblogouter, .single #main > div > .innerWrap, 
#main .blogbanner > div > .innerWrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.theblog {
  padding: 20px 0;
}

.theblog > div {
  float: left;
  clear: both;
  width: 100%;
}

.theblog .left {
  width: 700px;
}

.theblog .right {
  width: 300px;
}

.theblog .left > div {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 50px;
}

.theblog .left > div:first-child {
  margin-top: 0;
}

.theblog .left > div > div {
  float: left;
  width: 325px;
}

.theblog .left > div > div.alignright {
  float: right;
  width: auto;
}

.theblog .left > div > div + div {
  float: right;
}

/*MAIN TOP BLOG*/
.theblog .left > div > div > div {
  position: relative;
}

.theblog .left > div > div > div > a > img {
  width: 100%;
}

.blogflag {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  padding: 0 15px;
  font-size: 12px;
  line-height: 40px;
  font-family: "droidSR", Arial, sans-serif;
  background: #ffffff;
  color: #333333;
}

/*MAIN ALL BUT TOP BLOG*/
.theblog .left > div > div > div ~ div {
  padding: 10px;
  border: 1px solid #BFBFBF;
}

.theblog h2 {
  font-size: 23px;
  line-height: 30px;
  font-family: "droidSB", Arial, sans-serif;
}

.theblog .searchblock h2 {
  margin-bottom: 10px;
}

/*MAIN BOTTOM BLOG*/
.theblog .left > div > div > div + div + div {
  border-top: none;
}

.theblog .left > div > div > div + div + div > span {
  float: left;
  display: block;
  font-size: 12px;
  line-height: 40px;
  margin-right: 10px;
}

.theblog .left > div > div > div + div + div > .btn {
  float: right;
  display: block;
}

.theblog .left > div > div.blogauthor {
  display: table;
  float: none;
  width: 100%;
}

.theblog .left > div > .blogauthor > div {
  display: table-cell;
  vertical-align: middle;
}

.theblog .left > div > .blogauthor > .authright {
  border: none;
  padding: 0 0 0 20px;
}

.blogauthor > .authright > p {
  margin-bottom: 0;
}

.blogauthor > .authright > .theauthor {
  font-size: 18px;
  line-height: 20px;
  font-family: "droidSB", Arial, sans-serif;
  margin-bottom: 5px;
}

.theblog .right > div {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 30px;
}

.theblog .right > div:first-child {
  margin-top: 0;
}

.blogsearchout {
  padding: 10px;
  border: 1px solid #BFBFBF;
}

.blogsearchout > form > input {
  float: left;
  display: block;
  width: 223px;
  color: #6d6e70;
  padding: 0;
  border: none;
  margin-right: 8px;
  font-size: 17px;
  line-height: 32px;
  font-family: "droidSR", Arial, sans-serif;
}

.blogsearchout > form > input[type="submit"] {
  width: 32px;
  height: 32px;
  cursor: pointer;
  margin: 0;
  text-indent: -999em;
  overflow: hidden;
  background: url("images/busch-systems-spritesheet.png") no-repeat -29px -493px transparent;
}

.theblog .right > div > h3 {
  color: #005DAA;
  margin-bottom: 10px;
  font-size: 23px;
  line-height: 30px;
  font-family: "droidSB", Arial, sans-serif;
}

.theblog .right > div > ul {
  margin: 0;
  list-style-type: none;
  border: 1px solid #BFBFBF;
}

.theblog .right > div > ul > li {
  margin: 0;
  list-style-type: none;
}

.theblog .right > div > ul > li > a {
  display: block;
  padding: 8px 10px;
  text-transform: uppercase;
  background: #ffffff;
}

.theblog .right > div > ul > li.current-cat > a {
  color: #00A94F;
}

.theblog .right > div > ul > li:nth-child(even) > a {
  background: #E6E7E8;
}

/*BLOG NAV*/
.theblog .left > .blognav {
  margin-top: 0;
}

.theblog .left > .blognav > a {
  display: block;
  margin-top: 50px;
}

.theblog .left > .blognav > a > span {
  display: block;
  width: 80px;
  background: #005DAA;
}

/*BLOG SINGLE*/
.theblogouter #breadcrumbs {
  margin: 0;
}

.blogbanner > div {
  max-height: none;
  background: #0c909d;
  background-size: cover;
}

.blogbanner > .bbinner {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  background: none;
}

.blogbanner > .bbinner > img {
  max-width: none;
  width: 100%;
}

.blogbanner > div > .innerWrap > h1 {
  color: #ffffff;
  font-size: 30px;
  line-height: 44px;
  text-transform: uppercase;
  font-family: droidsb;
  letter-spacing: 3px;
  padding: 10px 0px;
  text-align: center;
}

.single .theblog h2, .single .theblog h3, .single .theblog h4 {
  color: #005DAA;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 15px;
  font-family: "droidSB", Arial, sans-serif;
}

.single .theblog h3 {
  font-size: 23px;
  line-height: 30px;
}

.single .theblog h4 {
  font-size: 20px;
  line-height: 28px;
}

.single .theblog .left > div {
  margin-top: 30px;
}

.single .theblog .left > div:first-child {
  margin-top: 0;
}

.theblog .left > .socialTextSize {
  padding-bottom: 30px;
  border-bottom: 1px solid #005DAA;
}

.theblog .left > .socialTextSize > div {
  width: auto;
}

.theblog .left .social {
  float: left;
  width: auto;
  margin: 0 20px 0 0;
}

.theblog .left .social > ul {
  float: left;
}

/*THE BLOG TABLE*/
.theblog .left table {
  width: 100%;
  border: 1px solid #bfbfbf;
  margin-bottom: 15px;
}

.theblog .left table tr {
  border-top: 1px solid #bfbfbf;
}

.theblog .left table tr:first-child {
  border-top: none;
}

.theblog .left table td {
  padding: 5px;
  border-left: 1px solid #bfbfbf;
}

.theblog .left table td:first-child {
  border-left: none;
}

/*POPULAR RECENT TABS*/
.recpoptabs > div {
  padding: 15px 8px;
}

.recpoptabs > ul > li > a {
  width: 100px;
}

.rptabs > div {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 25px;
}

.rptabs > div:first-child {
  margin-top: 0;
}

.rptabs .left {
  width: 60px;
}

.rptabs .right {
  width: 200px;
}

.rptabs .right h3 {
  font-size: 17px;
  line-height: 23px;
  font-family: "droidSB", Arial, sans-serif;
  margin-bottom: 0;
}

/****************CUSTOMIZE GALLERY / ACCESSORIES PAGE*****************/
#main .customizegallery > .innerWrap, #main .accessoriesout > .innerWrap {
  padding-top: 20px;
  padding-bottom: 30px;
}

.customizegallery > .innerWrap > div {
  margin-top: 20px;
  width: 100% !important;
}

.accessoriesout > .innerWrap > div {
  margin-top: 35px;
}

.customizegallery > .innerWrap > div:first-child, .accessoriesout > .innerWrap > div:first-child {
  margin-top: 0;
}

.cusgalprodfilter > select, .accessoriesfilter > select, .sortproductsby > select {
  color: #6D6E70;
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 45px;
  font-family: "droidSR", Arial, sans-serif;
  background: #d0d2d3;
  border: none;
  min-width: 400px;
}

.sortproductsby > select {
  font-size: 16px;
  line-height: 36px;
  min-width: 300px;
}

.sortproductsby > .catsel {
  margin-left: 40px;
}

.cusgalcatfilter > div {
  float: left;
}

.cusgalcatfilter > div > a {
  float: left;
  display: block;
  width: 136px;
  line-height: 45px;
  border: 1px solid #BFBFBF;
  text-align: center;
  background: #BFBFBF;
  color: #6D6E70;
  text-transform: uppercase;
  margin-left: 2px;
}

.cusgalcatfilter > div > a.active {
  background: #ffffff;
}

.cusgalcatfilter > div > a:first-child {
  margin-left: 0;
}

.cusgalitemout {
  margin-bottom: 30px;
}

.cusgalitemout > .cusgalitem, .cusgalitemout > .cusgalitem > a {
  display: block;
  position: relative;
}

.cusgalitemout > .cusgalitem > a > .isnew, .productWrap > div > div > a > .isnew {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 69px;
  width: 69px;
  background: url("images/busch-systems-spritesheet.png") no-repeat -56px -91px transparent;
}

.accessoriesWrap > div {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 30px;
}

.accessoriesWrap > div:first-child {
  margin-top: 0;
}

.accessoryitemout {
  float: left;
  width: 326px;
  text-align: center;
  margin-left: 30px;
}

.accessoryitemout:first-child {
  margin-left: 0;
}

.accessoryitemout img {
  margin-bottom: 18px;
}

.page .accessoryitemout h3 {
  font-size: 25px;
  line-height: 25px;
  color: #005DAA;
}


/***************** COLORS & FINISHES PAGE **************/
.colorBar {
  background-color: #0054a6;
  padding: 17px;
}

.productSeries {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px 0px 30px;
  color: #939598;
}

.productSeries .title {
  text-transform: uppercase;
  margin: 10px auto;
  text-align: center;
  letter-spacing: 1px;
}

.productSeries #scrollToContact {
  font-size: 14px;
  text-align: center;
}

.productSeries #gotoContact {
  cursor: pointer;
  font-weight: 600;
}

.productSeries #gotoContact:hover {
  opacity: .8;
}

.productSeries .tab-content {
  position: relative;
  height: 351px;
  overflow: hidden;
}

.seriesWrap {
  display: none;
  width: 330px;
  margin: 20px auto;
}

/*----- search bar -----*/
.prodSwatSearchBar, .prodSwatSearchBar select {
  font-family: "droidSR", Arial, sans-serif;
  font-size: 17px;
  color: #99999a;
}

.prodSwatSearchBar .strong {
  font-weight: 600;
  color: #58575A;
}

.prodSwatSearchBar select {
  color: #6D6E70;
  padding: 5px 15px;
  text-transform: uppercase;
  line-height: 45px;
  font-weight: 600;
  background: #EBEBEB;
  border: none;
}

/*----- Font Awesome / Data Tables Integration -----*/

table.dataTable thead td {
    position: relative;
    background-image: none !important;
    font-family: droidsb;
}
 
table.dataTable thead td.sorting:after,
table.dataTable thead td.sorting_asc:after,
table.dataTable thead td.sorting_desc:after {
    position: absolute;
    top: 10px;
    right: 8px;
    display: block;
    font-family: FontAwesome;
    display: none !important;
}


table.dataTable thead td:nth-child(2).sorting:after,
table.dataTable thead td:nth-child(2).sorting_asc:after,
table.dataTable thead td:nth-child(2).sorting_desc:after {
    position: absolute;
    top: 3px;
    right: 8px;
    display: block;
    font-family: FontAwesome;
}
table.dataTable thead td:nth-child(7).sorting:after,
table.dataTable thead td:nth-child(7).sorting_asc:after,
table.dataTable thead td:nth-child(7).sorting_desc:after {
    position: absolute;
    top: 22px;
    right: 8px;
    display: block;
    font-family: FontAwesome;
}

table.dataTable thead td.sorting:after {
    content: "\f0dc";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}
table.dataTable thead td.sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead td.sorting_desc:after {
    content: "\f0dd";
}

/*----- image blocks -----*/
.outOfStockWrap {
    display: none;
    min-height: 100%;
    margin: auto;
}


.colorblock .finishWrap {
  width: 50px;
}

.outOfStockWrap h4, .outOfStockWrap p{
  text-align: center;
  margin: 0 0 30px;
}

.outOfStockWrap h5{
  text-align: center;
  margin: 0 0 10px;
}

.colorOptionsWrap {
  float: right;
  font-size: 12px;
  width: 100%;
}
.colorOptions{
  margin: 0 10px;
  vertical-align: middle;
  -webkit-appearance: checkbox;
}

.refineColorblock .finishWrap {
  width: 50px;
  height: 90px;
}

.colorblock .finishWrap .imgWrap {
  height: 48px;
  width: 48px;
  margin-bottom: 4px;
  border: 1px solid #a8a8a8;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.refineColorblock .finishWrap .imgWrap {
  height: 45px;
  width: 45px;
  margin-bottom: 4px;
  border: 1px solid #a8a8a8;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.refineColorblock .finishWrap:hover .imgWrap {
    border: 2px solid #555;
    box-shadow: inset 0px 0px 0px 2px white;
}

.refineColorblock .finishWrap .finishTxt {
    color: #999;
}

.refineColorblock .finishWrap:hover .finishTxt {
    color: #555;
    font-weight: bold;
}

.refineColorblock .finishWrap:hover {
    cursor: pointer;
}

.refineColorblock .selectedColorTab .imgWrap{
    border: 2px solid #555;
    box-shadow: inset 0px 0px 0px 2px white;
}
.refineColorblock .selectedColorTab .finishTxt {
    color: #555;
    font-weight: bold;
}

.streamChoiceOne{
  display: none;
}
.streamChoiceTwo{
  display: none;  
}
.streamChoiceThree{
  display: none;  
}
.streamChoiceFour{
  display: none;  
}

/* Product Banner Bottom */

.customRequestBanner {
    background-color: #88d6ef;
    color: white;
    font-size: 19px;
    float: left;
    width: 100%;
    margin-top: 17.5%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    text-align: center;
}
.customRequestLabel {
    width: 100%;
    float: left;
    margin: 15px 0 15px;
}
.customRequestButton {
    margin: 10px auto;
}

.stockLabels .finishWrap .imgWrap,
.stockSignage .finishWrap .imgWrap {
  height: 150px;
  width: 125px;
  overflow: hidden;
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: calc(100% + 15px) calc(100% + 27px);
}

.finishTxt {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  line-height: 13px;
  height: 36px;
  color: #535554;
}

/*----- Tab Links -----*/
ul.tab-links {
  margin: 0px;
  position: relative;
}

ul.tab-links:before {
  content: ' ';
  border-bottom: 2px solid #e6e6e6;
  width: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0px;
}

.tab-links:after {
  display: block;
  clear: both;
  content: '';
}

.tab-links li {
  margin: 0px 2px 0px 0px;
  float: left;
  list-style: none;
}

.tab-links a {
  padding: 5px 14px;
  display: inline-block;
  border-radius: 15px 15px 0px 0px;
  background: #e6e6e6;
  font-family: "Futura Regular", Arial, sans-serif;
  font-size: 14px;
  color: #939598;
  transition: all linear 0.15s;
  text-transform: uppercase;
  border: 2px solid #e6e6e6;
  border-bottom: #FFF;
}

.tab-links a:hover {
  background: #efefef;
  text-decoration: none;
}

.tab-links li.active a, .tab-links li.active a:hover {
  background: #fff;
  font-weight: 600;
}

/*----- Content of Tabs -----*/
.tab-content {
  padding: 15px 10px;
  background: #fff;
  border: 2px solid #e6e6e6;
  border-top: none;
}

.tab-content .tab {
  display: none;
  height: 100%;
}

.tab-content .tab.active {
  display: block;
}

/*********************ACCORDION*********************/
.careers {
  padding-top: 10px;
}

.accordPop {
  margin-top: 25px;
}

.accordPop:first-child {
  margin-top: 0;
}

.accordPop, .accordion {
  display: block;
  width: 100%;
}

.accordion > div {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #bbbdbf;
}

.accordion > div:first-child {
  margin: 0;
  padding: 0;
  border-top: none;
}

.accordion > div > h3 {
  font-size: 21px;
  line-height: 39px;
  text-transform: none;
  margin-bottom: 0;
  font-family: "droidSR", Arial, sans-serif;
}

.accordion > div > h3.active > a {
  color: #00A94F;
}

.accordion > div > div {
  margin-top: 15px;
}


/******************THANK YOU PAGE******************/
#main .thankyoubanner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.thankyoubanner > img {
  display: none;
}

#main > .thankyoutext {
  color: #ffffff;
  margin-top: 50px;
  font-size: 27px;
  line-height: 35px;
  text-transform: uppercase;
  background: transparent;
}

.thankyoutext > .innerWrap > h1 {
  color: #ffffff;
  font-size: 42px;
  line-height: 47px;
  margin-bottom: 40px;
  width: 820px;
}

.thankyoutext > .innerWrap > div {
  width: 610px;
}

.page-template-page-thankyou footer {
  position: absolute;
  top: 100%;
  left: 0;
}

/**********************EVENTS*****************/
.eventsOut {
  margin-top: 20px;
}

.eventsOut .month {
  float: left;
  clear: both;
  width: 980px;
  padding: 20px 30px;
  background: #F1F1F2;
  margin-top: 30px;
}

.eventsOut .month:first-child {
  margin-top: 0;
}

.page .month h3 {
  font-size: 37px;
  line-height: 44px;
  color: #005DAA;
  margin-bottom: 15px;
}

.month > div {
  float: left;
  clear: both;
  width: 100%;
}

.month .oneEv, .month .twoev, .month .evwrap {
  float: left;
  clear: both;
  width: 100%;
}

.month .evwrap > div {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 10px;
}

.month .evwrap > div:first-child {
  margin-top: 0;
}

.month .oneEv > div {
  width: 954px;
  padding: 12px;
  border: 1px solid #929497;
  background: #ffffff;
}

.month .featuredEvOuter, .month .twoev > div, .month .evwrap > div > div {
  float: left;
  width: 450px;
  padding: 11px;
  border: 1px solid #929497;
  background: #ffffff;
}

.month .featuredEvOuter + div, .month .twoev > div + div, .month .evwrap > div > div + div {
  float: right;
}

.month .featuredEvOuter + div {
  width: 474px;
}

.month .featuredEvOuter + div > div {
  float: left;
  width: 450px;
  padding: 11px;
  border: 1px solid #929497;
  background: #ffffff;
  margin-top: 10px;
}

.month .featuredEvOuter + div > div:first-child {
  margin-top: 0;
}

.month .featuredEvOuter + div > div > div, .month .evwrap > div > div > div {
  float: left;
  width: 135px;
  margin-right: 17px;
}

.month .featuredEvOuter + div > div > div + div, .month .evwrap > div > div > div + div {
  float: right;
  width: 290px;
  margin-right: 0;
}

.month h2 {
  color: #000000;
  font-size: 18px;
  line-height: 22px;
  font-family: "droidSB", Arial, sans-serif;
  margin-bottom: 5px;
}

.month .featuredEvOuter h2, .month .oneEv h2, .month .twoev h2 {
  font-size: 22px;
  line-height: 26px;
  margin-top: 10px;
}

.datelocation {
  margin-bottom: 5px;
}

.datelocation h6 {
  color: #005DAA;
  font-size: 14px;
  line-height: 20px;
  font-family: "droidSR", Arial, sans-serif;
}

.month .featuredEvOuter .datelocation h6, .month .oneEv .datelocation h6, .month .twoev .datelocation h6 {
  font-size: 17px;
  line-height: 24px;
}

.datelocation h6 > span {
  font-family: "droidSB", Arial, sans-serif;
}

.month .eventinfo > p {
  font-size: 14px;
  line-height: 18px;
}

.month .featuredEvOuter .eventinfo > p, .month .oneEv .eventinfo > p, .month .twoev .eventinfo > p {
  font-size: 17px;
  line-height: 25px;
}

.eventsingle {
  padding: 20px 0;
}

.eventsingle .datelocation {
  margin-bottom: 15px;
}

.eventsingle .datelocation h6 {
  font-size: 17px;
  line-height: 24px;
}

/*********TIMELINE****************/
#main > .thetimelineout {
  background: url("images/timeline-bg.png") repeat-y center center transparent;
  padding-bottom: 50px;
}

.TimelineOut {
  float: left;
  clear: both;
  width: 100%;
  font-size: 17px;
  font-family: 'droidSR';
}

.TimelineOut h3 {
  margin-bottom: 5px;
  font-family: 'droidSR';
  color: #ffffff;
}

.TimelineOut > div {
  float: left;
  clear: both;
  width: 100%;
}

.TimelineOut > div > div {
  width: 475px;
  position: relative;
}

.TimelineOut .text {
  float: right;
  width: 210px;
  color: #ffffff;
}

.TimelineOut > .rowOne > div > div {
  width: 330px;
  margin: 0 auto;
}

.rowOne h2 {
  color: #4d4d4d;
  text-align: left;
}

.TimelineOut .bubble {
  position: absolute;
  width: 0;
}

.TimelineOut .left .bubble {
  right: -60px;
}

/* to make the links on the left side clickble */
.TimelineOut .left .text {
  position: inherit;
  z-index: 1;
}

.TimelineOut .right .bubble {
  left: -68px;
}

.timecircle, .clientTests > .innerWrap .left, .theblog .left > div > .blogauthor > .authleft {
  border: 8px solid #ffffff;
  overflow: hidden;
  box-shadow: 2px 2px 2px #3D3D3D;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  opacity: 0;
  margin-bottom: 3px;
}

.timecircle:before, .clientTests > .innerWrap .left:before, .theblog .left > div > .blogauthor > .authleft:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 1px 1px 3px #3D3D3D;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.theblog .left > div > .blogauthor > .authleft {
  width: 100px;
  height: 100px;
  opacity: 1;
}

.clientTests > .innerWrap .left {
  height: 138px;
  width: 138px;
  opacity: 1;
}

.timecirclelg {
  height: 175px;
  width: 175px;
}

.timecirclesm {
  height: 150px;
  width: 150px;
}

.TimelineOut .left .timecircle {
  float: left;
  margin-left: 3px;
}

.TimelineOut .right .timecircle {
  float: right;
  margin-right: 3px;
}

/*TIMEROW1*/
#timerow1 .left {
  padding-top: 28px;
}

#timerow1 .left .bubble {
  top: -25px;
  background: url("images/timeline/1983-bullet.png") no-repeat right 0 top 12px transparent;
}

#timerow1 .right {
  padding-top: 80px;
}

#timerow1 .right .bubble {
  top: 70px;
  background: url("images/timeline/1985-bullet.png") no-repeat left 0 bottom 50px transparent;
}

/*TIMEROW2*/
#timerow2 .left {
  padding-top: 20px;
}

#timerow2 .left .bubble {
  padding-top: 44px;
  top: -50px;
  background: url("images/timeline/1990-bullet.png") no-repeat right 0 top 0 transparent;
}

#timerow2 .right {
  padding-top: 75px;
}

#timerow2 .right .bubble {
  top: 42px;
  background: url("images/timeline/2001-bullet.png") no-repeat left 0 top 52px transparent;
}

/*TIMEROW3*/
#timerow3 .left {
  padding-top: 65px;
}

#timerow3 .left .bubble {
  top: 0;
  background: url("images/timeline/2006-bullet.png") no-repeat right 0 top 40px transparent;
}

#timerow3 .right {
  padding-top: 140px;
}

#timerow3 .right .bubble {
  top: 110px;
  background: url("images/timeline/2008-bullet.png") no-repeat left 0 top 80px transparent;
}

/*TIMEROW4*/
#timerow4 .left {
  padding-top: 15px;
}

#timerow4 .left .bubble {
  padding-top: 40px;
  top: -40px;
  background: url("images/timeline/2009-bullet.png") no-repeat right 0 top 0 transparent;
}

#timerow4 .right {
  padding-top: 70px;
}

#timerow4 .right .bubble {
  top: 52px;
  background: url("images/timeline/2012-bullet.png") no-repeat left 0 top 100px transparent;
}

/*TIMEROW5*/
#timerow5 .left {
  padding-top: 50px;
}

#timerow5 .left .bubble {
  padding-top: 5px;
  top: -10px;
  background: url("images/timeline/2014-1-bullet.png") no-repeat right 0 top 0 transparent;
}

#timerow5 .right {
  padding-top: 110px;
}

#timerow5 .right .bubble {
  top: 85px;
  background: url("images/timeline/2014-2-bullet.png") no-repeat left 0 top 80px transparent;
}

/*TIMEROW6*/
#timerow6 .left {
    padding-top: 59px;
}

#timerow6 .left .bubble {
    top: 13px;
    background: url('images/timeline/2015-1-bullet.png') no-repeat right 0 top 30px transparent;
}

#timerow6 .right {
    padding-top: 60px;
}

#timerow6 .right .bubble {
    top: 30px;
    background: url('images/timeline/2015-2-bullet.png') no-repeat left 0 top 87px transparent;
}

/*TIMEROW7*/
#timerow7 .left {
    padding-top: 101px;
}

#timerow7 .left .bubble {
    top: 44px;
    background: url('images/timeline/2015-1-bullet.png') no-repeat right 0 top 30px transparent;
}

#timerow7 .right {
    padding-top: 72px;
}

#timerow7 .right .bubble {
    top: 65px;
    background: url('images/timeline/2015-2-bullet.png') no-repeat left 0 top 87px transparent;
}

/*TIMEROW8*/ 
#timerow8 .left {
    padding-top: 0px;
}

#timerow8 .left .bubble {
    top: -55px;
    background: url('images/timeline/2015-1-bullet.png') no-repeat right 0 top 30px transparent;
}

#timerow8 .right {
    padding-top: 40px;
}

#timerow8 .right .bubble {
    top: -35px;
    background: url('images/timeline/2015-2-bullet.png') no-repeat left 0 top 87px transparent;
}

/*TIMEROW9*/
#timerow9 .left {
    padding-top: 62px;
}

#timerow9 .left .bubble {
    top: 14px;
    background: url('images/timeline/2015-1-bullet.png') no-repeat right 0 top 30px transparent;
}

#timerow9 .right {
    padding-top: 118px;
}

#timerow9 .right .bubble {
    top: 30px;
    background: url('images/timeline/2015-2-bullet.png') no-repeat left 0 top 87px transparent;
}

/*TIMEROW10*/
#timerow10 .left {
  padding-top: 42px;
}

#timerow10 .left .bubble {
  top: -4px;
  background: url('images/timeline/2015-1-bullet.png') no-repeat right 0 top 30px transparent;
}

#timerow10 .right {
  padding-top: 60px;
}

#timerow10 .right .bubble {
  top: 30px;
  background: url('images/timeline/2015-2-bullet.png') no-repeat left 0 top 87px transparent;
}

/**********************Our Team***************************/
.teamouter {
  margin-bottom: 45px;
}

#main .ourTeam + .fullwidth .innerWrap{
  padding-top: 0;
}

.teamouter.meetteam {
  text-align: center;
  margin-bottom: 0;
}

.teamouter.meetteam > .btn {
  margin-top: 20px;
}

.teamouter h3 {
  line-height: 30px;
  text-align: center;
  font-family: droidsb;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 3px;
}

#expandedAbout > div > div > div > .teamouter h3 {
  font-size: 25px;
}

.teamouter > div > div {
  margin-top: 16px;
}

.teamouter > div > div:first-child {
  margin-top: 0;
}

.team-member.teambigthumb{
  width: 31%;
  margin-top: 0;
}

.team-member {
  position: relative;
  margin-left: 1.5%;
  width: 18.25%;
  margin-top: 20px;
}


.team-member > div {
  position: relative;
}

.team-member > .teamphoto {
  cursor: pointer;
}

.teammemberwrap > .flex{
  flex-wrap: wrap;
}


.teamouter.meetteam .team-member > .teamphoto {
  cursor: auto;
}

.team-member > .teamphoto > .teammainimg {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-webkit-transition: opacity 0.3s ease;
  -o-webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
}

.team-member > .teamphoto:hover > .teammainimg {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.team-member > .teamphoto > .teamfunimg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}

.team-members {
  width: 46.5%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 1.5%;
}

.team-members > div {
  position: relative;
}

.team-members > .teamphoto {
  cursor: pointer;
}


.teamouter.meetteam .team-members > .teamphoto {
  cursor: auto;
}

.team-members > .teamphoto > .teammainimg {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-webkit-transition: opacity 0.3s ease;
  -o-webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
}

.team-members > .teamphoto:hover > .teammainimg {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.team-members > .teamphoto > .teamfunimg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}

.flex-team-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.first-team {
  margin-right: 4%;
}

.infoBlurb{
  position: relative;
  background: #ffffff; 
  height: 80px; 
  border: 0.5px solid #707070; 
  padding: 5px 3px; 
  text-align:center;
}

.infoBlurb:after{
  content: '';
  position: absolute;
  left: 44%;
  top: -19.5%;
  width: 2px;
  transform: rotate(180deg);
  height: 2px;
  border-top: solid 20px #ffffff;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
  z-index: 9999;
}

/***TEAM CONTENT POPUP***/
.teamouter > div > .team-member-content {
  height: 0;
  overflow: hidden;
  margin-top: 0;
}

.team-member-content .bigImg {
  width: 50%;
  margin: auto;
}

.team-member-content .teamDesc {
  width: 50%;
  padding: 30px 76px 10px;
  position: relative;
}

.team-member-content .teamDesc h4 {
  margin-bottom: 0px;
}

.team-member-content .teamDesc h5 {
  color: #333333;
  font-family: droidsr;
  font-size: 17px;
  font-weight: 300;
  margin-bottom: 10px;
}

.team-member-content .teamDesc p {
  margin-bottom: 0;
}

.team-member-content .teamDesc > div > div {
  text-align: justify;
}

.team-member-content .teamDesc .social {
  float: left;
  margin-top: 10px;
}

.team-member-content .teamDesc .social > ul > li > a > img {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}

.team-member-content .teamnav {
  position: absolute;
  top: 50%;
  margin-top: -16px;
}


.team-member-content .teamnav > span {
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10px solid #ffffff;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -5px;
}

.team-member-content .teamnavleft {
  left: 20px;
}

.team-member-content .teamnavright {
  right: 20px;
}

.team-member-content .teamnavright > span {
  border-right: none;
  border-left: 10px solid #ffffff;
}

/*************************ABOUT US******************************/

.columnCon, .givingBackCon{
  flex-wrap: wrap;
}

.columnCon.reverse{
  flex-direction: row-reverse;
}

.columnCon > div:nth-of-type(1){
  width:50%;
}

.columnCon > div:nth-of-type(2){
  text-align: center;
  margin: auto;
  max-width: 500px;
}

.revisedWidth.columnCon > div:nth-of-type(1){
  width:45%;
}

.revisedWidth.columnCon > div:nth-of-type(2){
  max-width: 600px;
}

.oneColCentered{
  text-align: center;
}

.oneColCentered p{
  color: #707070;
  font-size: 18px;
}

.oneColCentered p.half{
  width: 41%;
}

.oneColCentered h4{
  font-size: 22px;
  margin-bottom: 20px;
}

.aboutContainer a{
  margin: 10px 0;
}

.aboutContainer{
  max-width: 1040px;
  padding: 33px 40px;
  margin:auto
}

.aboutContainer.wide{
  max-width: 1200px;
}

.centeredList{
  margin-top: 30px;
}

.centeredList li{
  list-style-position: inside;
  margin: 10px 0;
  font-size: 18px;
}

.columnCon > .smallColMargin p{
  margin: 20px 19%;
}

.aboutUsBlurb {
  text-align: center;
  margin: 0 auto;
  line-height: 30px;
  font-size: 20px;
  font-family: droidsr;
  letter-spacing: 1px;
}

#expandedAbout {
  display: none;
}

.aboutTitle {
  font-family: droidsb;
  color: #4D4D4D;
  font-size: 26px;
}

.aboutDesc {
  font-size: 16px; 
}

.aboutDesc.short{
  max-width: 460px;
} 

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

.titlePic{
  display: block;
  margin: 2% auto;
  max-width: 350px;  
}

.rectText {
  line-height: 32px;
  font-family: droidsr;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 22px;
  width: 86%;
  margin: auto;
}

  .col2{
  -webkit-column-count: 2; 
  -moz-column-count: 2; 
  column-count: 2;
  padding-top: 5px;
  padding-bottom: 55px;
  padding-left: 15px;
  padding-right: 15px;
  }

.ourStory img{
  margin: 30px auto 40px;
  max-width: 450px;
}

.ourStory p{
  color: #4D4D4F;
  font-size: 22px;
  width: 77%;
  font-family: droidsr;
  margin: auto;
  text-align: center;
  line-height: 1.5;
}

/***
**
*** Our Story Page 2020
**
*/ 

.innerWrap > div.subInnerWrap{
  margin: 0 auto;
  width: 100%;
  max-width: 1040px;
  float: none;
}

.turquoisBg{
  background-color: #0EA5B3;
}

.turquoisBg #breadcrumbs a,
.turquoise-swirl #breadcrumbs a{
  color: #ffffff;
}

.ourStoryBG{
  padding-bottom: 320px;
}

.ourStoryBG h3{
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.ourStoryBG p.introText{
  text-align: center;
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.25;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.ourStoryBG p.introText:after{
  content: "";
  width: 200px;
  height: 2px;
  background: #62bc70;
  bottom: 0px;
  margin-top:20px;
}

.ourStorySlider{
  margin-top: -300px;
  margin-bottom:20px;
}
.ourStorySlider .innerWrap{
  padding:0px !important;
}
.ourStorySlider .slick-dots{
  display: none !important;
}
.ourStorySlider .imageSlick{
  margin-top:0px !important;
  margin-bottom: 0px !important;
}

.ourStorySlider .slick-prev{
  left: 75px;
  z-index: 100;
}
.ourStorySlider .slick-next{
  right:75px;
  z-index: 100;
}
.ourStorySlider .slick-next:before{
  content: ' ';
  background: url('css/white-chevron-right.png') center center no-repeat;
  display: block;
  height: 100%;
}
.ourStorySlider .slick-prev:before{
  content: ' ';
  background: url('css/white-chevron-left.png') center center no-repeat;
  display: block;
  height: 100%;
}

.ourStoryAboutCopy > div{
  text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center; 
}

.pMaxWidth450Left > div{
  max-width: 450px;
  margin: 20px auto 20px 0 !important;
  padding-right: 20px;
}

.pMaxWidth450Right > div{
  max-width: 450px;
  margin: 20px 0 20px auto !important;
}

.ourStoryAboutCopy h2,
.ourStoreWasteDiversionSpecialists h2,
.ourStoryCelebrating h2,
.ourStoryWhatsNew h2,
h2.secondaryHeader{
  font-size: 18px;
  margin-bottom: 10px;
  color:#3B3B3B;
}
.ourStoryAboutCopy h3,
.ourStoreWasteDiversionSpecialists h3,
.ourStoryCelebrating h3,
.ourStoryWhatsNew h3{
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 20px;
  color:#3B3B3B;
  text-transform: capitalize;
}

.ourStoryAboutCopy p{

  font-weight: 100;
  line-height: 1.5;
  color:#3B3B3B;
}

.ourStoreWasteDiversionSpecialists > div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  max-width: 480px;
  margin: 20px auto !important;
}

#main > .thetimelineout .innerWrap{
  max-width: 1040px;
}

.blueBtn{
  background-color: #0033a0;
  color: #fff;
  border-radius: 0px;
}

.consultingImageWidth{
  max-width: 530px;
  margin: 20px auto;
}

.ourStoryCelebrating .col > div{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ourStoryCelebrating h3{
  flex-direction: column;
  align-items: center;
  display: flex;
}
.ourStoryCelebrating h3:after{
  content: "";
  width: 200px;
  height: 2px;
  background: #62bc70;
  bottom: 0px;
  margin-top:20px;
  display:flex;
}

.ourStoryWorkingAtBusch .flex{
  justify-content: center;
  max-width: 600px;
}
.ourStoryWorkingAtBusch h2{
  text-transform: inherit;
}

.ourStoryWorkingAtBusch .col > div{
  display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


.ourStoryWhatsNew .col > div{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ourStoryWhatsNew h3{
  font-size: 40px;
  font-weight: bold;
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
  align-items: center;
}
.ourStoryWhatsNew h3:after{
  content: "";
  width: 200px;
  height: 2px;
  background: #0EA5B3;
  bottom: 0px;
  margin-top:20px;
  display:flex;
}


.ourStoryResources h2{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ourStoryResources > div{
  padding-bottom:0 !important;
}
.ourStoryResources h2:after{
  content: "";
  width: 200px;
  height: 2px;
  background: #abd037;
  bottom: 0px;
  margin-top:20px;
  display:flex;
}


.whatsNewCards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr; 
  -ms-grid-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr; 
  display: -ms-grid;
}

.whatsNewCards h4,
.whatsNewCards p {
  color: #3B3B3B;
}

@media only screen and (max-width: 1000px) {
  .whatsNewCards {
    display: block;
  }
  .whatsNewCard {
    margin-bottom: 40px;
  }

  .ourStoryBG p.introText {
    font-size: 28px;
  }
}

.whatsNewCard { 
  background: #ffffff;
  padding: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  grid-area: 1 / 1 / 2 / 2; 
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-span: 1;
  margin: 20px;
  height: 800px; 
}
.whatsNewCard + .whatsNewCard { 
  grid-area: 1 / 2 / 2 / 3; 
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row-span: 1;
}
.whatsNewCard + .whatsNewCard + .whatsNewCard { 
  grid-area: 1 / 3 / 2 / 4; 
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row-span: 1;
}
.whatsNewCard + .whatsNewCard + .whatsNewCard + .whatsNewCard { 
  grid-area: 2 / 1 / 3 / 2;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-row-span: 1; 
}


.whatsNewCardTag {
  background-color: #0EA5B3;
  border-radius: 20px;
  color: #fff;
  padding: 2px 10px;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 14px;
}

.whatsNewCardDate {
  color: #6c757d;
  font-size: 14px;
  margin-bottom: 10px;
}

.whatsNewCardImage {
  margin-bottom: 20px;
}

.whatsNewCardTitle {
  font-size: 20px;
  margin-bottom: 20px;
}

.whatsNewCardTitle:after {
  display: none;
}

.btn.btnGreen{
  background-color: #abd037;
  border-radius: 0;
  color:#fff
}
.btn.btnGreen:hover{
  background: #8AB53F;
}

.image_button{
  background-image: url(https://www.buschsystems.com/wp-content/uploads/2020/03/HowWeBuild_BG.png);
    background-size: cover;
    display: flex;
}
.image_button a{
  display: flex;
  color: #fff;
  font-weight: 600;
  font-size: 40px;
  justify-content: center;
  padding: 20px;
  width: 100%;
  line-height: 1.5;
  height: 160px;
  text-align: center;
  align-items: center;
  background-position: center center;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.abstract_background_image:before{
  content: '';
  width: 100%;
  height: 100%;
  left: 20px;
  top: -20px;
  display: block;
  background: #939598;
  position: absolute;
  z-index: -1;
}
.ourStoryCarouselSlick{
  margin: 100px 0 0 0 !important;
}

.ourStoryCarouselSlick .slick-slide img{
  min-height: auto;
  animation: all 0.3s ease;
  width: auto;
  opacity: 1;
}

.ourStoryCarouselSlick .slick-slide:not(.slick-active) img{
  max-height: 500px;
  width: auto;
  opacity: 0.75;
}

.ourStoryCarouselSlick .slick-prev{
  left: 0;
  z-index: 100;
  height: 100%;
  width: 200px;
}
.ourStoryCarouselSlick .slick-next{
  right: 0;
  z-index: 100;
  height: 100%;
  width: 200px;
}
.ourStoryCarouselSlick .slick-next:before{
  content: ' ';
  background: url('css/chevron-right-white.png') center center no-repeat;
  display: block;
  height: 100%;
  background-position: center center;
}
.ourStoryCarouselSlick .slick-prev:before{
  content: ' ';
  background: url('css/chevron-left-white.png') center center no-repeat;
  display: block;
  height: 100%;
  background-position: center center;
}

.resouceLink{
  font-size: 30px;
  padding: 20px;
  border-bottom: 1px solid #b0b2b4;
  margin-bottom: 20px;
  display: block;
  width: 100%;
  color: black;
  font-weight: bold;
}
.resouceLink:after{
  content:'';
  width:25px;
  height: 25px;
  background-image: url('images/lg-chevron-right.png');
  position: absolute;
  background-repeat: no-repeat;
  right: 0px;
}

.turquoise-swirl{
    background-image: url(images/Mid_Swirl-ColourBG.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
}
 
.turquoise-swirl-full{
  background-image: url(images/Mid_Swirl-ColourBG-full.png) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%;
  padding: 170px 0px 180px;
}

.turquoise-swirl-advancing{
  background-image: url(images/thumbnail_1920x687_Advanced-Recycling-With-Alec_Blog-Header.png) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%;
}

.turquoise-swirl-advancing-wrap{
  height: 525px;
  width: 100%;
  color: white;
  justify-content: center;
  display: flex;
  align-items: center;
}

.turquoise-swirl-advancing-left{
  font-size: 62px;
  width: 35%;
  line-height: 68px;
  font-weight: bold;
  margin-left: 15%;
  margin-top: 4%;
}

.turquoise-swirl-advancing-center{
  background-image: url(images/Alec_bubble-green.png) !important;
  background-position: center;
  min-height: 270px;
  min-width: 270px;
  margin-top: 4%;
}

.turquoise-swirl-advancing-right{
  width: 40%;
}

@media only screen and (max-width: 1000px) {
  .turquoise-swirl-advancing-left {
    font-size: 48px;
    width: 40%;
    line-height: 54px;
    margin-left: 11%;
    margin-top: 2%;
  }
}

@media only screen and (max-width: 800px) {
  .turquoise-swirl-advancing{
    background-image: none  !important;
    padding-top: 0px !important;
  }

  .turquoise-swirl-advancing-wrap{
    flex-wrap:wrap;
    flex-flow: column-reverse;
    height: unset;
  }
  
  .turquoise-swirl-advancing-left{
    background-image: url(images/arrow_mobile.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    width: 100%;
    background-color: #0ea5b3; 
    margin: 0;
    text-align: center;
    min-height: 360px;
    margin-top: -130px;
    display: flex;
    align-items: center;
    font-size: 48px;
    padding-top: 40px;
  }
  
  .turquoise-swirl-advancing-center{
    height: 270px;
    width: 270px;
    margin-top: -140px;
    z-index: 5;
  }
  
  .turquoise-swirl-advancing-right{
    background-image: url(images/AdvancingRecycling_Header.png) !important;
    background-repeat: no-repeat !important;
    min-height: 360px;
    width: 100%;
  }
}

.b-corp-header {
  background-image: url(https://buschsystems.com/wp-content/themes/busch-theme/images/b-corp/bcorp-banner.jpg);
  height: 750px;
  background-position: center;
  background-size: cover;
  display: flex;
}

.b-corp-header-banner {
  height: 150px;
  width: 60%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  padding: 25px;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
}

.b-corp-banner-image {
  margin-left: 30px;
}

.b-corp-banner-image > img {
  max-height: 150px;
}

.b-corp-banner-text-wrap {
  margin-left: 120px;
  align-self: center;
}

.b-corp-banner-title {
  font-size: 72px;
  line-height: 80px;
  font-family: 'droidSB';
}

.b-corp-banner-subtitle {
  font-size: 20px;
  line-height: 26px;
  font-family: 'droidSB';
}

.b-corp-question {
  width: 55%;
  height: 400px;
  margin: 100px auto 100px;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  align-items: center;
}

.b-corp-question-image-wrap {
  width: 50%;
  max-width: 50%;
  height: 100%;
}

.b-corp-question-image-wrap > iframe {
  object-fit: cover;
  height: 100%;
}

.b-corp-question-text-wrap {
  max-width: calc(50% - 100px);
  padding: 50px;
}

.b-corp-question-text-title {
  font-size: 30px;
  font-family: 'droidSB';
  margin-bottom: 20px;
}

.b-corp-question-text-description {

}

.b-corp-sustainability-background {
  background-color: #0ea5b3;
  padding: 50px 0;
  height: auto;
}

.b-corp-sustainability {
  width: 50%;
  margin: 100px auto 100px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  background-color: #fff;
  padding: 25px 200px;
  justify-content: center;
}

.b-corp-sustainability-image {
  width: 100%;
  margin-bottom: 25px;
}

.b-corp-sustainability-image > img{
  max-height: 100px;
}

.b-corp-sustainability-title {
  font-size: 32px;
  font-family: 'droidSB';
  margin-bottom: 20px;
  width: 100%;
}

.b-corp-sustainability-description {
  width: 88%;
}

.b-corp-sustainability-btn {
  width: 100%;
  margin: 25px 0;
}

.b-corp-sustainability-btn .btn.newDesign { 
  width: 33%;
}

.b-corp-panels-wrap {
  background-color: #c8e9f1;
  padding: 100px 0;
}

.b-corp-panel {
  width: 55%;
  height: auto;
  margin: 0 auto 50px;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
}

.b-corp-description-wrap {
  max-width: calc(50% - 100px);
  padding: 50px;
}

.b-corp-panel-title {
  font-size: 32px;
  font-family: 'droidSB';
  margin-bottom: 20px;
  text-align: right;
}

.b-corp-panel-description {
  text-align: right;
  font-size: 18px;
}

.b-corp-image-wrap {
  width: 50%;
  max-width: 50%;
  max-height: 100%;
}

.b-corp-image-wrap > img {
  vertical-align: middle;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1750px) {
  .b-corp-panel {
    width: 60%;
    height: 450px;
  }
}

@media only screen and (max-width: 1600px) {
  .b-corp-header-banner {
    width: 75%;
  }
  .b-corp-question {
    width: 75%;
  }
  .b-corp-panel {
    width: 75%;
  }
}

@media only screen and (max-width: 1200px) {
  .b-corp-header-banner {
    width: 90%;
  }
  .b-corp-banner-text-wrap {
    margin-left: 55px;
  }
  .b-corp-sustainability-btn .btn.newDesign {
    width: 60%;
  }
  .b-corp-panel {
    width: 90%;
    height: 475px;
  }
  .b-corp-question {
    width: 90%;
  }
}

@media only screen and (max-width: 1000px) {
  .b-corp-panel {
    height: 550px;
  }
}

@media only screen and (max-width: 800px) {
  .b-corp-header-banner {
    height: 350px;
    width: 75%;
    align-items: center;
    justify-content: center;
  }
  .b-corp-banner-image {
    margin-left: 0px;
  }
  .b-corp-banner-text-wrap {
    margin-left: 0px;
    text-align: center;
    align-self: center;
  }
  .b-corp-question {
    flex-direction: column-reverse;
    flex-flow: wrap-reverse;
    width: 90%;
    height: auto;
    margin: 50px auto 50px;
  }
  .b-corp-question-image-wrap {
    width: 100%;
    max-width: 100%;
    height: 37%;
  }
  .b-corp-question-text-wrap {
    max-width: calc(100% - 40px);
    padding: 20px;
  }
  .b-corp-panel {
    width: 80%;
    height: 100%;
  }
  .b-corp-panel:nth-child(odd) {
    flex-direction: column-reverse;
    flex-flow: wrap-reverse;
  }
  .b-corp-panel:nth-child(even) {
    flex-direction: column;
    flex-flow: wrap;
  }
  .b-corp-description-wrap {
    max-width: calc(100% - 50px);
    padding: 25px;
  }
  .b-corp-panel-description {
    font-size: 16px;
  }
  .b-corp-image-wrap {
    width: 100%;
    max-width: 100%;
  }
  .b-corp-sustainability {tg
    height: auto;
    width: 100%;
    padding: 25px 0px;
  }
  .b-corp-sustainability-btn .btn.newDesign {
    width: 60%;
  }
}

/***
**
*** Carbon footprint page 2023
**
*/

.flexPage {
  display: flex;
  flex-direction: column
}

.carbonFootprintCentered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  max-width: 1300px; /* Set the maximum width you want for the centered content */
  margin: 0 auto; /* This will center the div horizontally */
  padding: 20px; /* Add some padding around the content to make it look nice */
}

.carbonFootprintText {
  text-align: center;
}

h2.carbonGraph {
  text-transform: none;
  text-align: center;
  width: 67%;
}

.bottomHorizontalLine::after {
  display: flex;
  content: ""; /* This is necessary to generate the pseudo-element */
  width: 45%; /* Adjust this to control the width of the line relative to the text */
  margin: 30px auto 0; /* Centers the line and adds some space above it */
  border-bottom: 3px solid #FFF /* The actual line */
}

.carbonFootprintImage {
  margin-top: 20px;
  margin-bottom: 40px;
}

.whyCarbonFootprintMatters {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-image: url("https://www.buschsystems.com/wp-content/uploads/2023/08/WhyDoesOurCarbonFootprintMatter-Header.jpg");
  background-size: cover;
  background-repeat: no-repeat;

}

.whiteTxt {
  color: white;
}

.blackTxt {
  color: black;
}

.carbonMaxWidth56 {
  max-width: 1300px;
}

.carbonMargin100 {
  margin-top: 100px;
  padding: 25px;
  max-width: 27% !important; 
}


.carbonMargin40 {
  margin-top: 40px;
}

.carbonMargin80
{
  margin-top: 80px;
}

.carbonBlueContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #004094;
}
.carbonBorderedButtons {
  border: 2px solid white;
  color: white;
  padding: 10px 25px;
  margin-top: 25px;
  margin-bottom: 50px;
  width: 160px;
  cursor: pointer;
}

.carbonButtonContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  max-width: 90%;
}

.blueTxt {
  color: #004094;
}

.flexRow {
  display: flex;
  max-width: 1300px;
  margin: 0px auto 120px auto;
  align-items: flex-start;
  
}
.flexColumn {
  display: flex;
  flex-direction: column;
  width: 21%;
  height: auto;
}
.carbonMaxWidth40 {
  margin: 0 auto; /* This will center the div horizontally */
  max-width: 40%;
}

.lightBlueDiv {
  margin-top: 100px;
  background-color: #c8e9f1;
  margin-bottom: 50px;
}

.paddingGHGProtocol {
  padding: 100px;
  text-align: center;
  width: 42%;
  margin: 0 auto;
  font-weight: 600;
  font-family: 'droidSR';
  font-size: 14px;
  line-height: 37px;
}

.carbon-footprint-panels-wrap {
  background-color: #c8e9f1;
  padding: 100px 0;
}

.carbon-footprint-panel {
  width: 60%;
  height: auto;
  margin: 0 auto 50px;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
}

.carbon-footprint-description-wrap {
  max-width: calc(50% - 100px);
  padding: 50px;
}

.carbon-footprint-panel-title {
  font-size: 32px;
  line-height: 36px;
  font-family: 'droidSB';
  margin-bottom: 20px;
}

.carbon-footprint-panel-description {
  font-size: 18px;
}

.carbon-footprint-image-wrap {
  width: 50%;
  max-width: 50%;
  max-height: 100%;
}

.carbon-footprint-image-wrap > img {
  vertical-align: middle;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1750px) {
  .carbon-footprint-panel {
    width: 60%;
    height: 100%;
  }
}

@media only screen and (max-width: 1600px) {
  .carbon-footprint-panel {
    width: 75%;
  }
}

@media only screen and (max-width: 1200px) {
  .carbon-footprint-panel {
    width: 90%;
    height: 100%;
  }
}

@media only screen and (max-width: 1000px) {
  .carbon-footprint-panel {
    height: 100%;
  }

  #main .whyCarbonFootprintMatters .industryBuschTitle h3 {
    white-space: inherit;
  }
}

@media only screen and (max-width: 800px) {
  .carbon-footprint-panel {
    width: 80%;
    height: 100%;
  }
  .carbon-footprint-panel:nth-child(odd) {
    flex-direction: column-reverse;
    flex-flow: wrap-reverse;
  }
  .carbon-footprint-panel:nth-child(even) {
    flex-direction: column;
    flex-flow: wrap;
  }
  .carbon-footprint-description-wrap {
    max-width: calc(100% - 50px);
    padding: 25px;
  }
  .carbon-footprint-description {
    font-size: 16px;
  }
  .carbon-footprint-image-wrap {
    width: 100%;
    max-width: 100%;
  }
}


.subscription input[type="email"], .subscription button[type="submit"] {
  height: 40px;
  width: 350px;
  margin-top: 5px;
  border: none;
  border-radius: 50px;
  outline: none;
  font-size: 16px;
}

.subscription input[type="email"]::placeholder { /* Center the placeholder text */
  text-align: center;
}

.subscription input[type="email"] {
  background: white;
}

.subscription button[type="submit"] {
  background-color: red;
  color: white;
  cursor: pointer;
  text-align: center;
  transition: 0.3s ease;
}

.subscription button[type="submit"]:hover {
  background-color: darkred;
}

.paddingCarbonFirstParagraph {

    padding-bottom: 18px;
    width: 90%;
    margin: 10px auto 0px;
}

.paddingCarbonSecondParagraph {
  width: 90%;
  margin: auto;
}

.fontSize18 {
  font-size: 20px;
  line-height: 40px;
  width: 70%;
  margin-top: 20px;
}

.carbonMaxWidth40 .fontSize18 {
  margin-top: 0px;
}

.flexContainer {
  display: flex;
  max-width: 1300px;
  margin: 0 auto;
}

.flexContainer.flexDirection {
  gap: 7%;
  width: 80%;
}

.flexItem {
  text-align: center;
  padding-bottom: 40px;
}

.flexItem img {
  display: block; /* removes bottom space */
  width: 100%; /* makes image responsive */
  height: auto; /* keeps aspect ratio */
}

.blueBox {
  background-color: #004094;
  height: inherit;
  cursor: pointer;
}

.iframeContainer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Ensures that the iframe doesn't overflow its container */
}

.iframeContainer .baseImage {
  display: block;
  width: 100%;
  height: auto;
  transition: filter 0.5s ease-in-out;
}


.iframeContainer:hover .baseImage {
  filter: blur(2px);
}

.centerAlign {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.centerAlign::after {
  display: flex;
  content: ""; /* This is necessary to generate the pseudo-element */
  width: 25%; /* Adjust this to control the width of the line relative to the text */
  margin: 30px auto 0; /* Centers the line and adds some space above it */
  border-bottom: 3px solid #004094 /* The actual line */
}

.carbonMaxWidth45 {
  max-width: 45%;
  margin: 40px auto;
}

.paddingTxt {
  padding: 10px;
  text-transform: capitalize;
}

.leftAlign {
  text-align: left;
  text-transform: none;
 
}

.leftAlign::after {
  display: flex;
  content: ""; /* This is necessary to generate the pseudo-element */
  width: 25%; /* Adjust this to control the width of the line relative to the text */
  margin-top: 30px; /* Centers the line and adds some space above it */
  border-bottom: 3px solid #004094; /* The actual line */
  justify-content: left;
}

.mobileReverse .leftAlign::after, .noLine.leftAlign::after {

  border-bottom: 0px solid #004094; /* The actual line */

}

.carbonMaxWidth54 {
  max-width: 54%;
}
.carbonMaxWidth64 {
  max-width: 64%;
}


.helpfulResources {
  flex: 1 0 calc(33.33% - 60px); /* Three items - adjust for desired spacing */
  text-align: center;
}

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

.carbonH5 {
  text-transform: uppercase;
  color: #a4a5a8;
  margin: 20px 0px; 
}

.flexBasis50 {
  flex-basis: 50%;
}

.paddingRight {
  padding-right: 70px;
}

.paddingLeft {
  padding-left: 70px;;
}

.corporateImages {
  display: block;
  width: 100%;
  object-fit: cover; /* This can be omitted if you're not cropping the image */
}

.fullContainer {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding: 10px 0px ;
}



.carbonFootprintBadge > h4 {
    display: none;
}

.iframeContainer  iframe {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers the iframe both vertically and horizontally */
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
  pointer-events: none; 
}

.iframeContainer iframe a 
{
  height: inherit !important;
  width: inherit !important;
}

.iframeContainer:hover iframe {
  opacity: 1;
  pointer-events: auto; /* Allows interaction with the iframe when it's visible */
}

.translucentDiv {
  background: #ffffff;
  opacity: 0.6;
  width: 70%;
  padding: 50px 0;
  margin: 5% auto;
  height: 80%;
}

#main .translucentDiv .industryBuschTitle {
  text-align: center;
  width: 33%;
  margin: 0 auto;
}

#main .translucentDiv .industryBuschTitle h3{
  color: black;
  margin: 0 auto;
}

#main .translucentDiv .industryBuschTitle h3:after{
  display: flex;
  content: "";
  width: 50%;
  margin: 15px auto 0;
  border-bottom: 3px solid #000000 /* The actual line */;
}

@media (max-width: 1396px) {
  .flexRow {
    width: 95%;
  }

}

@media (max-width: 1218px) {

  .carbonMaxWidth40 {
    max-width: 30% !important;
    width: 100%;
  }
  
}

@media (max-width: 1180px) {
  .flexRow {
    flex-direction: column;
    width: auto;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    max-width: 90%;
  }
  .flexReverse {
    flex-direction: column-reverse;

  }
  .flexBasis50 {
    margin-bottom: 40px;
  }
  .carbonMaxWidth54 {
    max-width: none;
  }
  .carbonMaxWidth64 {
    max-width: none;
  }
  .leftAlign {
    text-align:unset;
  }
  .paddingRight {
    padding-right: 0px;
  }
  .paddingGHGProtocol {
    padding: 0px;
    max-width: 90%;
  }
  .carbonFootprintCentered
  {
    padding: 0px;
    max-width: 90%;
  }
  .carbonMargin100 {
    max-width: 80% !important;
  }
  .carbonMaxWidth56 {
    max-width: 90%;
  }
  .carbonMaxWidth45 {
    max-width: 90%;
  }
  .flexContainer {
    width: 100%;
    max-width: 90%;
  }
  .flexColumn {
    width: 100%;
  }
  .paddingGHGProtocol {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #main .translucentDiv .industryBuschTitle {
    width: 66%;
  } 
}

@media (max-width: 955px) {
  .carbonMaxWidth40 {
    max-width: 45% !important;
  }
}

@media (max-width: 800px) {
  h2.carbonGraph {
    width: 100%;
  }
  .fontSize18 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .flexDirection {
    flex-direction: column;
  }
}

@media (max-width: 634px) {
  .carbonMaxWidth40 {
    max-width: 90% !important;
  }
}

@media (max-width: 425px) {
  .carbonBorderedButtons
  {
    width: auto;
  }
}

/***
**
*** Plastic Bank Page 2024
**
*/ 

.partnershipHighlight {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-image: url(https://www.buschsystems.com/wp-content/uploads/2024/03/Plastic-Bank-Cover-Image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.translucentPartnershipDiv {
background: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
width: 60%;
padding: 50px 0;
margin: 5% auto;
height: 80%;
}

.plasticH5 {
text-transform: uppercase;
color: #a4a5a8;
margin: 20px 0px; 
padding-bottom: 13%;
}

h2.plasticGraph {
text-transform: none;
text-align: center;
width: 85%;
}

h2.plasticGraph {
text-transform: none;
text-align: center;
width: 85%;
}

h2.plasticGraph2 {
text-transform: none;
text-align: center;
width: 100%;
}

.plasticMaxWidth50 {
max-width: 50%;
margin: 40px auto;
}

.plasticFontSize18 {
font-size: 20px;
line-height: 40px;
width: 80%;
margin-top: 20px;
}

.plasticPanelsWrap {
padding: 50px 0;
}

.plasticBankBuschImage {
margin-top: 20px;
margin-bottom: 40px;
margin-left: 10%;
}

.plasticDescriptionWrap {
max-width: calc(50% - 100px);
padding: 0px 50px 50px 50px;
}

.fontSize38 {
font-size: 38pt;
}

.plasticPanelDescriptionRight {

text-align: left;
font-size: 14pt;
line-height: 2.3;
}
.plasticPanelDescriptionLeft {

text-align: right;
font-size: 14pt;
line-height: 2.3;
}

.plasticFlexRow {
display: flex;

}

.plasticMargin8 {
margin: 8% 0%;
}

.memberStories {
padding: 0% 10%;
margin: auto;
background-color: lightgrey;
}

.memberStoriesText {
line-height: 2.3;
font-size: 14pt;
}



.memberStoriesDescription {
display: flex;
}

.plasticFlexItem {
flex: 1;
width: 50%; /* This might be redundant as flex:1 should take care of filling the space */
background-color: white;
}

.plasticIframe {
width: 100%;
height: 100%; /* Set height to 100% if you want to fill the container */
position: absolute;
}

/* Add a wrapper around the iframe to control the aspect ratio */
.aspect-ratio {
position: relative;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

/* Ensure the iframe fills the .aspect-ratio container */
.aspect-ratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.innerDescriptionDiv {
width: 75%;
margin: auto;
}

.plasticTealContainer {
padding: 1% 20%;
gap: 10%;
background-color: #0EA5B3;
justify-content: center;
}

.plasticButtonDiv {
align-items: center;
display: flex;
}

.plasticButton {
border: 2px solid white;
  color: white;
  width: 185px;
  text-align: center;
  padding: 4% 10%;
}

.blueBtnFormatting {
width: 42%;
padding: 10px 30px;
text-align: center;
}

.blueBtnFormattingLeft {
width: 42%;
padding: 10px;
text-align: center;
float: right;
}

.impactFlexRow {
display: flex;
  max-width: 1300px;
  margin: 0px auto 50px auto;
  align-items: flex-start;
  gap: 10px;
}
/*.plasticExtendMargin {
margin-bottom: 600px;
} */

.makingDifferenceText {
color: white;
  width: 35%;
  margin: 3% auto;
  text-align: center;
  font-size: 18px;
  line-height: 2;
}

.makingDifferenceTitle {
max-width: 50%;
margin: 40px auto auto auto;
}

.plasticMakingDifference {
display: flex;
flex-direction: column;
background-image: url('https://www.buschsystems.com/wp-content/uploads/2024/03/Busch-Systems-Large-Background.png');
background-size: auto; /* This will ensure the image height is 100% of the container */
background-repeat: no-repeat;
/*background-position: center -300px; This will shift the image 300 pixels up */
overflow: hidden; /* This ensures that any part of the image outside the div is not shown */
}

.plasticMap {
margin: auto;
display: flex;
margin-bottom: 150px;
width: 70%;
}

.plasticSmallBackground {
background-repeat: no-repeat;
display: flex;
background-image: url('https://www.buschsystems.com/wp-content/uploads/2024/03/Busch-Systems-Small-Background.png');
}

.plasticSingleIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.plasticSingleAspectRatio {
margin: auto;
position: relative;
/*padding-top: 42.1875%;*/
width: 75%;
margin-top: 150px;
}

.plasticSingleFlexItem {
flex: 1;
width: 100%;
}

.plasticPanelTitleRight {
font-size: 32px;
line-height: 36px;
font-family: 'droidSB';
margin-bottom: 20px;
text-align: left;
}

.plasticImageWrap {
width: 50%;
max-width: 50%;
max-height: 100%;
}

.plasticImageWrap > img {
vertical-align: middle;
max-width: 100%;
height: auto;
object-fit: cover;
}

.plasticPanel {
width: 60%;
height: auto;
margin: 0 auto 150px;
display: flex;
flex-wrap: wrap;
background-color: #fff;
}



.plasticPanelTitleLeft {
font-size: 32px;
line-height: 36px;
margin-bottom: 20px;
font-family: 'droidSB';
text-align: right;
}

.plasticExtendTopMargin {
margin-top: 100px;
}

.plasticMargin4 {
margin-bottom: 4% !important;
}

.blueBtnFomattingCenter {
width: 24%;
  padding: 10px;
  text-align: center;
  margin: auto;
  margin-bottom: 4%;
  display: flex;
  justify-content: center;
}

.plasticBlueFlexRow {
padding: 3.5%;
display: flex;
width: 75%;
gap: 4%;
text-align: left;
}

.plasticBlueFontSize {
font-size: 19pt;
line-height: 2;
margin-bottom: 0px !important;
}

.plasticBlueImg {
width: 2012px;
height: auto;
}

.united-nations-sustainability-development-goals {
background: #004094;
color: #ffffff;
}

.plastic-bank-united-nations-sustainability-development-goals-inner-container {
display: flex;
gap: 50px;
justify-content: center;
align-items: center;
max-width: 1100px;
margin: 50px auto 50px auto;
padding: 30px 20px;
}

.united-nations-sustainability-development-goals-left {
flex: 2;
/* align-self: flex-end; */
align-self: center;
}

.united-nations-sustainability-development-goals-right {
flex: 3;
}

.united-nations-sustainability-development-goals-right-imagelinks {
display: flex;
}

@media only screen and (max-width: 1630px) {
.translucentPartnershipDiv {
  width: 82%;
}
.plasticPanel {
  width: 70%;
}
.plasticBlueFontSize {
  font-size: 15pt;
}
}

@media only screen and (max-width: 1440px) {
.makingDifferenceText {
  width: 54%;
}
.plasticPanel {
  width: 85%;
}
.memberStories {
  padding: 0% 5%;
}

.plasticTealContainer {
  padding: 1% 10%;
}

.plasticH5 {
  padding-bottom: 7%;
}

.plasticMap {
  width: 80%;
}


}

@media only screen and (max-width: 1270px) {

.memberStories {
  padding: 0% 3%;
} 
.plasticBlueFontSize {
  font-size: 13pt;
}

}

@media only screen and (max-width: 1180px) {
.impactFlexRow {
  flex-direction: column;
  align-items: center;
  width: 90%;
}

.plasticH5 {
  padding-bottom: 16%;
}

.plastic-bank-united-nations-sustainability-development-goals-inner-container {
    flex-direction: column;
}

.plasticPanel {
  flex-direction: column;
  margin-bottom: 50px;
}
.plasticDescriptionWrap {
  max-width: calc(100% - 100px);
  margin: auto;
}
.plasticPanelDescriptionRight {
  text-align: center;
}
.plasticPanelDescriptionLeft {
  text-align: center;
}
.plasticPanelTitleLeft {
  text-align: center;
}
.plasticPanelTitleRight {
  text-align: center;
}
.plasticImageWrap {
  justify-content: center;
  min-width: 100%;
  margin-bottom: 5%;
  width: 80%;
  display: flex;
}
.plasticPanel:nth-child(2) {
  flex-direction: column-reverse;
}
.plasticMaxWidth50 {
  max-width: 90%;
}

.plasticMargin8 {
  flex-direction: column;
}

.plasticMargin8:nth-child(3) {
  flex-direction: column-reverse;
}

.plasticFlexItem {
  width: 100%;
}

.plasticPanelDescriptionRight {
  text-align: center;
}

.blueBtn {
  margin-bottom: 4%;
  justify-content: center;
  display: flex;

}

.btnContainer {
    display: flex;
    justify-content: center;
} 

.blueBtnFomattingCenter {
  width: 50%;
}

.plasticBlueFlexRow {
  flex-direction: column;
}

.plasticBlueFontSize {
  text-align: center;
  font-size: 15pt;
}

.plasticTealContainer {
  flex-direction: column;

}

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

.plasticButtonDiv {
  justify-content: center;
}

.plasticButton {
  padding: 1% 4%;
}


}

@media only screen and (max-width: 1024px) {

.makingDifferenceText {
  width: 70%;
}
.makingDifferenceTitle {
  max-width: 70%;
}
.plasticTealContainer {
  padding: 1% 4%;
}
}

@media only screen and (max-width: 1024px) {
.plasticSingleAspectRatio {
  /*padding-top: 50.625%;*/
  width: 90%;
  margin: 8% auto;
}
}


@media only screen and (max-width: 766px) {
  .plasticH5{
      padding-bottom: unset;
  }

}

@media only screen and (max-width: 500px) {
.plasticGraph {
  width: 100%;
}
.plasticMap {
  width: 90%;
}
.plasticFontSize18 {
  width: 100%;
}
.translucentPartnershipDiv {
  width: 90%;
}
.plasticDescriptionWrap {
  max-width: calc(100% - 0px);
  padding: 0px;
}
.plasticPanel {
  width: 90%;
}
.makingDifferenceText {
  width: 90%;
}
.makingDifferenceTitle {
  max-width: 90%;
}

.innerDescriptionDiv {
  width: 90%;
}

.blueBtnFormatting {
  width: 75%;
}

.blueBtnFormattingLeft {
  width: 75%;
}

.blueBtnFomattingCenter {
  width: 75%;
}

.plasticBlueFlexRow {
  width: 90%;
}

}

/**
**
*** BIM Objects Landing Page
** 
*/

.bimFlexRow {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  margin: 3% 0%;
  gap: 10%;
}

.bimTextDiv {
  padding: 0% 14%;
}

.bimFlexColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 400px; /* Adjust as needed to set a max width for the containers */
}

.bimImage {
  width: 390px; /* Make sure the image width is 100% */
  height: 100px;
  margin-bottom: 10px;
}

.arcatImage {
  width: 350px;
  height: 90px;
  margin-bottom: 20px;
}



.bimTxt {
  font-size: 19px;
  line-height: 1.8;
  margin-bottom: 3%;
}

.bimBtnContainer {
  width: 100%;
  margin-top: 10px; /* Add spacing between the image and the button */
}

.bimBlueBtn {
  display: flex;
  padding: 10px 20px; /* Adjust padding to increase button size */
  background-color: #004094; /* Button background color */
  color: #FFFFFF; /* Button text color */
  text-decoration: none; /* Remove underline */
  text-align: center; /* Center text within the button */
  justify-content: center;
  transition: background-color 0.3s; /* Smooth background color transition */
}

.bimBlueBtn:hover {
  background-color: #3e90c9; /* Darker background color on hover */
}

.bimWhiteTxt {
  color: #FFFFFF; /* Ensure text color is white */
}

.bimSection {
  position: relative;
  width: 100%;
  height: 500px; /* Adjust the height as needed */
  overflow: hidden;
}

.bimBackgroundImage {
 
  height: 595px;
  background: url('https://www.buschsystems.com/wp-content/uploads/2024/05/Wave-Background.png') no-repeat center center;
  background-size: cover;
}

.bimOverlay {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  text-align: center;

}


.bimText {
  font-size: 34px;
  width: 52%;
  line-height: 1.4;
  margin-top: 2%;
}

.bimQuote {
  font-size: 24px;
  width: 52%;
  line-height: 1.4;
  margin-top: 2%;
}

.bim-test-flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1430px; /* Adjust the width as needed */
  margin: 0 auto; /* Center the container */
  margin-top: 10px;
}

.bim-test-flex-item {
  display: flex;
    flex-direction: row;
    margin: auto;
    border-bottom: 1px solid black;
    padding: 30px 10px;
    width: 695px;
    box-sizing: border-box;
}

.bim-test-flex-column {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.bim-test-flex-row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.bim-test-flex-row h3 {
  margin-right: 5px;
}

.bim-test-img {
  max-width: 150px;
  max-height: 150px;
}

.bim-test-outer-container {
  background: #E6E7E8;
  padding-bottom: 40px;
  margin-top: 50px;
}

.bim-dropdown {
  
  padding: 10px 20px 10px 10px;
  font-size: 16px;
  width: 230px;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  margin-top: 13px;
  padding-right: 20px; 
  appearance: none; 
  -webkit-appearance: none; 
  -moz-appearance: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAsMWwxLjQxNy0uOTk5TDYsNmw0LjU4My01Ljk5OUwxMiwxTDYsOEwwLDFaIiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat;
  background-position: right 10px center; 
  background-color: white;
}

.bim-h6 {
  align-self: flex-start;
}

.bim-p {
  width: 70%;
  margin: 40px auto;
  font-size: 19px;
}

.bim-h1 {
  color: #004094 !important;
  margin: auto 3% !important;
  white-space: nowrap;

}

.bimTitle hr {
  background: #4D4D4F;
}


.bimFlex {
  display: flex;
  margin: 3% auto;
}

@media only screen and (max-width: 1600px) {
  .bimTitle hr {
    display: none;
  }
  .bimFlex {
    justify-content: center;
  }
  .bim-h1 {
    text-align: center;
    text-wrap: wrap;
  }
}

@media only screen and (max-width: 1390px) {
  .bim-test-flex-item {
    width: 500px;
  }
}



@media only screen and (max-width: 1180px) {
  .bimText {
    width: 80%;
  }
  .bimQuote {
    width: 80%;
  }
  .bim-h1 {
    font-size: 40px !important;
  }
}

@media only screen and (max-width: 900px) {
  .bimTextDiv {
    padding: 0% 5%;
    text-align: center;
  }
  .bimText {
    font-size: 26px;
  }
  .bimQuote {
    font-size: 16px;;
  }
  .bimFlexColumn {
    margin: 3%;
  }
}

@media only screen and (max-width: 800px) {
  .bimOverlay {
    margin-top: 10%;
  }
}

@media only screen and (max-width: 600px) {
  .bim-test-flex-row {
    flex-direction: column;
  }
  .bim-h3 {
    margin-bottom: 0px;
  }
  .bim-h6 {
    font-size: 12px;
  }
}

@media only screen and (max-width: 400px) {
  .bim-h6 {
    font-size: 12px;
  }
  .bim-h3 {
    font-size: 20px !important;
  }
  .bim-dropdown {
    width: 153px;
  }
  .bim-test-img {
    max-width: 100px;
    max-height: 100px;
  }
  .bim-p {
      width: 90%;
  }
}

/***
**
*** Sustainbility Advisors Page 2024
**
*/

.advisorsBinImage {
  background: url('https://www.buschsystems.com/wp-content/uploads/2024/07/Mosaic-Triple-Station-Header.png') no-repeat center center;
  background-size: cover;
  height: 859px;
}

.advisorsBinTextContainer {
  width: 31%;
  margin: 5% 0px 0px 10%;
}

.advisorsBinH5 {
  letter-spacing: 0.5px;
  margin-bottom: 35px;
}

.advisorsBinP {
  margin: 30px 0px 40px 0px;
}

.advisorsFlex {
  display: flex;
}

.advisorsColumn {
  flex-direction: column;
}

.advisorsRow {
  flex-direction: row;
}

.btn.darkgreenbtn {
  color: white;
  background-color: #226E6A;
  margin: auto;
  padding: 10px 50px;
  font-size: 16pt;
  border-radius: 18px;
  font-weight: 300;
  letter-spacing: 2px;
}

.btn.darkgreenbtn:hover {
  background-color: #12514E;
}

.getInTouch {
  background: url('https://www.buschsystems.com/wp-content/uploads/2024/07/Background-Updated.png') no-repeat center center;
  background-size: cover;
  margin-top: -172px;
  z-index: -1;
}

.getInTouchH6 {
  color: white;
}

.getInTouchH5 {
  margin-bottom: 25px;
}

.getInTouchFirstH2 {
  color: white;
  text-transform: none;
  margin-bottom: 6px;
}

.getInTouchSecondH2 {
  text-transform: none;
  color: #226E6A;
}

.getInTouchP {
  font-size: 15pt;
  line-height: 38px;
}



.getInTouchImageDiv {
  margin: 9% 0px 0px 10%;
}

.getInTouchText {
  margin: 12% 0px 0px 8%;
  width: 28%;
}

.computerFirstH5 {
  margin-top: 60px;
}

.computerSecondH5 {
  margin-top: 30px;
  font-size: 23pt;
  line-height: 44px;
  margin-bottom: 30px;
}

.computerDiv {
  align-items: center;
  text-align: center;
  width: 50%;
  margin: auto;
  background: url(https://www.buschsystems.com/wp-content/uploads/2024/07/Landing-Page_Consulting-Graphic-2.png) no-repeat center center;
  height: 1000px;
}

.hrDivider {
  background: #4D4D4F;
  height: 12px;
  margin: 0px;
}

.whatWeDoDiv {
  background: url('https://www.buschsystems.com/wp-content/uploads/2024/07/Landing-Page_Consulting-Pattern.png') no-repeat center center;
  background-size: cover;
  height: 1646px;
}

.whatWeDoText {
  margin-top: 139px;
  text-align: center;
}

.whatWeDoCardContainer {
  width: 95%;
  margin: 178px auto 70px;
  gap: 2%;
  justify-content: center;
}

.whatWeDoCard {
  padding: 50px;
  background-color: white;
  align-items: center;
  border-radius: 21px;
  flex: 1;
  text-align: center;
  max-width: 522px;
  box-sizing: border-box;
}
.whatWeDoImg {
  height: 123px;
  width: auto;
}

.whatWeDoH5 {
  color: white
}

.whatWeDoBlurb {
  color: white;
  font-size: 22pt;
  width: 50%;
  margin: auto;
  margin-top: 40px;
  line-height: 45px;
}

.whatWeDoH6 {
  margin-top: 30px;
  line-height: 50px;
  font-size: 30pt;
  color: #226E6A;
}

.whatWeDoHr {
  background-color: #226E6A;
  margin-bottom: 100px;
}

.whatWeDoP {
  text-align: center;
}

.askAnExpert {
  margin: 0px auto;
}

.btn.askAnExpertBtn {
  color: #4D4D4F;
  background-color: #fff;
  margin: auto;
  padding: 20px 90px;
  font-size: 22pt;
  border-radius: 25px;
  font-weight: 900;
  letter-spacing: 2px;
}



.meetTheTeam {
  align-items: center;
  text-align: center;
  margin-top: 60px;
}

.meetTheTeamH2 {
  margin-top: 15px;
  text-transform: none;
}

.meetTheTeamH1 {
  margin-top: 10px;
  text-transform: none;
}


.meetTheTeamHr {
  width: 10%;
  background-color: #00928F;
  margin: 10px 0px 50px 0px;
}

.meetTheTeamDiv {
  width: 100%;
  gap: 7%;
  justify-content: center;
}

.meetTheTeamH1 {
  text-transform: none;
  margin-top: 10px;
}

.meetTheTeamH6 {
  font-size: 18pt;
}


.meetTheTeamP {
  margin-top: 4%;
  width: 35%;
  margin-bottom: 4%;
}

.meetTheTeamImg {
  width: 246px;
  align-items: center;
}

.teamCard {
  align-items: center;
}

.h4Name {
  margin-top: 20px;
}

.responsiveBinImage {
  display: none;
}

.arrowLink {
  cursor: pointer;
  opacity: 1; /* Default opacity */
  transition: opacity 0.3s; /* Smooth transition */
}

.arrowLink.clicked {
  opacity: 0.5; /* Adjust to desired opacity */
}


#bioContainer {
  background: #226E6A;
  width: 37%;
  display: block;
  margin: 35px auto 0px;
  color: white;
}

.bioContent {
  line-height: 30px;
  display: none;
}

.teamImg {
  margin-bottom: 70px;
}


@media only screen and (max-width: 1784px) {
  .whatWeDoCard {
    max-width: 360px;
  }
  .advisorsBinTextContainer {
    margin-left: 5%;
  }

  .computerDiv {
    width: 60%;
  }

  .whatWeDoDiv {
    height: 1800px; 
  }


}

@media only screen and (max-width: 1557px) {
  .getInTouchImageDiv {
    margin: 11% 0px 0px 1%;
    width: 41%;
  } 
  .getInTouchText {
    margin: 14% 1% 0px 3%;
    width: 70%;
}
.getInTouchFirstH2 {
  font-size: 30px;
}
.getInTouchSecondH2 {
  font-size: 30px;
}
.getInTouchP {
  font-size: 16px;
  line-height: 30px;
}

}

@media only screen and (max-width: 1512px) {
  .whatWeDoCard {
    max-width: 360px;
  }
}

@media only screen and (max-width: 1300px) {
  .whatWeDoCard {
    max-width: 340px;
  }
  .whatWeDoCardContainer {
    gap: 1%;
  }
  .whatWeDoDiv {
    height: 3150px;
  }
  .whatWeDoH6 {
    font-size: 28pt;
  }
  .computerDiv {
    width: 74%;
  }
  .meetTheTeamP {
    width: 60%;
  }
  .whatWeDoBlurb {
    width: 70%;
  }
  #bioContainer {
    width: 54%;
  }
}

@media only screen and (max-width: 1200px) {
  .advisorsBinTextContainer {
    margin-left: 3%;
  }

  .teamImg {
    width: 90%;
  }
}

@media only screen and (max-width: 1050px) {
  .whatWeDoH6 {
    font-size: 25pt;
  }
}

@media only screen and (max-width: 960px) {
  .advisorsBinTextContainer {
    margin: 0px auto;
    width: 90%;
    text-align: center;
  }
  .advisorsBinImage {
    background: none;
    height: auto;
  }
  .responsiveBinImage {
    display: flex;
    height: auto;
    background: none;
  }
  .advisorsBinH5 {
    display: none;
  }

  .getInTouchText {
    width: 90%;
    margin: auto;
    text-align: center;
    margin-top: 70px;
  }
  .advisorsBinH1 {
    font-size: 35px;
    margin-top: 35px;
  }
  .advisorsBinP {
    margin: 0px 0px 40px 0px;
  }
  .getInTouch {
    background: url('https://www.buschsystems.com/wp-content/uploads/2024/07/Background-Updated.png') no-repeat;
    background-size: contain;
    margin-top: 0px;
    flex-direction: column;
    align-items: center;
  }
  .advisorsBinTextContainer {
    margin-bottom: 80px;
  }
  .getInTouchFirstH2 {
    color: #333;
  }

  .getInTouchImageDiv {
    margin: 0px;
    width: 70%;
    margin-top: 62px;
  }

  .computerDiv {
    width: 90%;
  }
  .computerSecondH5 {
    font-size: 21pt;
  }
  .whatWeDoBlurb {
    width: 85%;
  }
}

@media only screen and (max-width: 912px) {
  .meetTheTeamDiv {
    flex-direction: column;
  }
  .teamCard {
    margin-bottom: 50px;
  }
  .whatWeDoCard {
    max-width: 522px;
  }
  .whatWeDoCardContainer {
    flex-direction: column;
    align-items: center;
    margin-top: 100px ;
  }
  
}

@media only screen and (max-width: 700px) {
  .meetTheTeamP {
    width: 80%;
  }
  .computerSecondH5 {
    font-size: 21px;
  }
  .whatWeDoDiv {
    height: 3200px;
  }
  #bioContainer {
    width: 90%;
    margin: 0;
  }
}

@media only screen and (max-width: 500px) {
  .computerSecondH5 {
    font-size: 15px;
  }
  .computerDiv {
    width: 100%;
  }
}

@media only screen and (max-width: 433px) {
  .advisorsBinH1 {
    font-size: 35px !important;
  }
  .getInTouchImageDiv {
    width: 90%;
  }
  .whatWeDoDiv {
    height: 3810px;
  }
}


@media only screen and (max-width: 345px) {
  .whatWeDoDiv {
    height: 4207px;
  }
}



/***
**
*** Home Page September 2020
**
*/
#main .tripleHeroSection .innerWrap {
  display: flex;
  padding: 0;
  max-width: unset;
}
.tripleHeroTitle{
  display: flex;
  position: absolute;
  z-index: 200;
  top: 47%;
  transform: translateY(-47%);
  width: 100%;
}
.heroImageTitleWrap{
  width: 33.33%;
  color: #FFFFFF;
}
.heroImageTitle{
  margin: 0 auto;
  font-size: 50px;
  font-family: droidsb;
  line-height: 70px;
  letter-spacing: 1px;  
}
.heroImageSubtitle{
  margin: 10px auto;
  font-size: 22px;
  font-family: droidsb;
}
.heroImageSubtitle a {
  border-radius: 0;
}
.imageSubtitle{
  width: 66%;
  font-family: droidsb;
  margin-bottom: 20px;
  min-height: 50px;
}
.leftImageTitle{
  width: 61%;
}
.leftImageSubtitleWrap{
  width: 61%;
}
.leftImageSubtitleWrap a.btn.btnWhiteBuschBg {
  background-color: #ABD037;
  color: #FFFFFF;
  border: 0;
}
.centerImageTitle {
  width: 70%;
}
.centerImageSubtitleWrap{
  width: 70%;
}
.centerImageSubtitleWrap a.btn.btnWhiteBuschBg {
  background-color: #939598;
  color: #FFFFFF;
  border: 0;
}
.rightImageTitle {
  width: 70%;
}
.rightImageSubtitleWrap{
  width: 70%;
}
.rightImageSubtitleWrap a.btn.btnWhiteBuschBg {
  background-color: #3E90C9;
  color: #FFFFFF;
  border: 0;
}
.tripleHero:before {
  content: '';
  background-image: url(https://www.buschsystems.com/wp-content//themes/busch-theme/images/home_banner_recycling-06-2023-BG.jpg) !important;
  background-repeat: no-repeat !important;
  max-width: 42%;
  width: 42%;
  height: 100%;
  position: absolute;
  top: 0;
  background-position: right;
  left: -5%;
  background-size: cover;
  z-index: 10;
  -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
} 
.tripleHero {
  display: flex;
  background-color: #ffffff;
}
.tripleHero img {
  width: 42%;
  height: 625px;
  object-fit: cover;
  margin: 0 auto;
  z-index: 20;
  -webkit-clip-path: polygon(20% 0, 100% 0%, 80% 100%, 0% 100%);
  clip-path: polygon(20% 0, 100% 0%, 80% 100%, 0% 100%);
}
.tripleHero:after {
  content: '';
  background-image: url(https://www.buschsystems.com/wp-content//themes/busch-theme/images/home_banner_specialty-06-2023-BG.jpg) !important;
  background-repeat: no-repeat !important;
  width: 42%;
  height: 100%;
  position: absolute;
  top: 0;
  background-position: right;
  left: 63%;
  background-size: cover;
  -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 1400px) {
  .heroImageTitle { 
    font-size: 38px;
    line-height: 48px;
  }
  .heroImageSubtitle {
    font-size: 20px;
  }
  .imageSubtitle{
    width: 100%;
  }
  .heroImageSubtitle a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1099px){
  #main .tripleHeroSection .innerWrap {
      width: unset;
  }
  .leftImageTitle {
    width: 62%;
  }
  .leftImageSubtitleWrap {
    width: 67%;
  } 
  .imageSubtitle {
    font-size: 18px;
  }
  .heroImageTitle {
    font-size: 32px;
    line-height: 42px;  
  }
}
@media only screen and (max-width: 1024px){
  #main .tripleHeroSection .innerWrap {
      width: unset;
  }
  .heroImageTitle { 
    font-size: 28px;
    line-height: 38px;
  }
  .tripleHero img { 
    height: 665px;
  }
  .leftImageTitle {
    width: 67%;
  }
  .imageSubtitle {
    font-size: 16px;
  }
  .leftImageSubtitleWrap {
    width: 67%;
  }
  .heroImageSubtitle a {
    font-size: 12px;
  }
  #team-member-content_4956 > .flex {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (max-width: 900px){
  .tripleHero {
    flex-wrap: wrap;
  }
  .heroImageTitleWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }
  .heroImageTitle { 
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 20px;
    align-self: flex-end;
  }
  .imageSubtitle {
    display: none;
  }
  .heroImageSubtitle a {
    font-size: 18px;
  }
  .tripleHeroTitle {
    flex-wrap: wrap;
    height: 100%;
  }
  .tripleHero img {
    clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
    max-width: 100%;
    height: unset;
    width: 100%;
    margin-top: -12.4%;
  }
  .tripleHero:before {
    position: relative;
    height:auto;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    padding-top: 66.66%;
    max-width: 100%;
    width: 100%;
    left: 0;
  }
  .tripleHero:after {
    position: relative;
    height:auto;
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
    padding-top: 66.66%;
    max-width: 100%;
    width: 100%;
    margin-top: -12.4%;
    left: 0;
  }
}
@media only screen and (max-width: 600px){
  .allProductsSection .col_one div h2 {
    margin: 0 0 10px 0;
    width: 100%;
    text-align: center;
  }
  .team-members {
    width: 100%;
  }
}
@supports (-ms-ime-align:auto) {
  .tripleHero img {
    border-right: 5px solid #ffffff;
    border-left: 5px solid #ffffff;
    width: 35%;
  }
  @media only screen and (max-width: 900px){
    .tripleHero img {
      border-left: unset;
      border-right: unset;
      border-top: 5px solid #ffffff;
      border-bottom: 5px solid #ffffff;
      margin-top: unset;
      margin-bottom: 10.4%;
      width: 100%;
    }
  }
}
/***
**
*** Home Page 2020
**
*/ 
.homePageHero{
  background-position: right center;
  background-size: cover;
  background-image: url('images/Hero_Spectrum_1x.png');
}
@media only screen and (max-width: 1400px) {
  .homePageHero{
    background-image: url('images/Hero_Spectrum_1x-tablet.png');
  }
}
.homePageHero:before{
  content: '';
    background: url(images/Hero_Colour-Overlaymdpi.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-position: center left;
    left: 0;
    z-index: 0;
    background-size: cover;
}



.homePageHeroMobileImage{
  display: none;
}
/*
@media only screen and (max-width: 700px) {
  .homePageHeroMobileImage{
    display: block;
  }
  .homePageHero:before{
    display:none;
  }
  .homePageHero{
    background-image: none !important;
  }
  .homePageHero > .innerWrap {
    background-image: url(images/Mid_Swirl-ColourBG.png);
  }
  #main .homePageHero .innerWrap{
    padding: 120px 30px;
  }
}*/


#main .homePageHero .innerWrap{
  padding:200px 30px;
}

#main .homePageHero .innerWrap .col{
  max-width: 660px;
}

@media only screen and (max-width: 1200px) {
  #main .homePageHero .innerWrap{
    padding: 120px 30px;
  }

  .homePageHero:before{
    background-position: -380px;
  }
  #main .homePageHero .innerWrap .col{
    max-width: 460px;
  }

}

#main .homePageHero h1{
  color:#ffffff;
  font-size: 20px;
}
#main .homePageHero h2{
  color: #ffffff;
    font-size: 50px;
    text-transform: none;
    line-height: 1.25;
}

.btn.whiteBorderbtn{
  background-color: transparent;
  border:1px solid #fff;
  color: #333333;
  color:#fff;
}
#main .homePageHero .whiteBorderbtn{
  margin-left: 20px;
}

.flexInnerCol > div{
  display: flex;
}

.votedAndTrusted .flexInnerCol > div{
  justify-content: center;
}



#main .votedAndTrusted > .innerWrap{
  padding:75px 30px;
  max-width: 1600px !important;
}

.votedAndTrusted .flexInnerCol > div > div{
  margin-left: 30px;
}
.votedAndTrusted .flexInnerCol > div > img{
  align-self: center;
  margin-right:20px;
}
.votedAndTrusted .flexInnerCol > div > div h2{
  font-size: 35px;
  text-transform: none;
}
.votedAndTrusted .flexInnerCol > div > div h3{
  font-size: 18px;
}




#busch-attn{
  max-width: 1300px;
  margin:0 auto;
}
#busch-attn .flex{
  justify-content: space-around;
  flex-wrap: wrap;
}
.turquoiseLabel {
  background-color: #0EA5B3;
  border-radius: 20px;
  color: #fff;
  padding: 2px 10px;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 14px;
}

#busch-attn .attnOverlay{
  text-align: center;
  max-width: 300px;
}

#busch-attn .attnOverlay .btnGreen{
  margin-top: 20px;
  width: 100%;
}

.whatSetsUsApartTop{
  margin-top: 250px;
}
.whatSetsUsApartTop:before{
  content: '';
  background-image: url(images/Mid_Swirl-ColourBG-full.png);
  height: 200px;
  width: 100%;
  position: absolute;
  top: -200px;

}
.whatSetsUsApart h3{
  color:#ffffff;
}
.whatSetsUsApart h2{
  color:#ffffff;
}
/* .whatSetsUsApart h3:after {
    content: "";
    width: 200px;
    height: 2px;
    background: #62bc70;
    bottom: 0px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
} */

.whatSetsUsApart hr.newDesign{
  background: #62bc70;
  margin-bottom: 0;
}

.whatSetsUsApart .col > div {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.whatSetsUsApart h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
.whatSetsUsApart h3 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
}

.whatSetsUsApart .col_one_third  > div *{
  text-align: center;
  color: #ffffff;
  max-width:350px;
}
.whatSetsUsApart .col_one_third{
  width: 350px;
  margin: 30px 20px;
}

.whatSetsUsApartBottom{
  margin-bottom: 135px;
}
.whatSetsUsApartBottom:before{
  content: '';
  background-image: url(images/Mid_Swirl-ColourBG.png);
  background-position: bottom;
  height: 200px;
  width: 100%;
  position: absolute;
  bottom: -150px;
}

#main .whatSetsUsApart > .innerWrap{
  padding: 20px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.marketingBlockWrap{
  display: flex;
  justify-content: space-around;
  background-color: #eeeeee;
}

.marketingBlockContent h4{
  font-size: 20px;
  border-bottom: 1px solid;
  margin-bottom: 15px;
}
.marketingBlockContent h2{
  font-size: 35px;
  text-transform: none;
}

.paddingTop0{
  padding-top:0 !important;
}
.paddingBottom0{
  padding-bottom:0 !important;
}

@media only screen and (max-width: 700px) {
  .homePageHero{
    background-size: 140%;
    background-image: url(images/home-page-mobile.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
  }
  .homePageHero:before{
    display: none;
  }
  #main .homePageHero .innerWrap{
    padding: 500px 0 0 0 !important;
    margin: 0;
    width: 100%;
  }
  #main .homePageHero .innerWrap .col{
    background-image: url(images/Mobile-Hero_Colour-Overlay.png);
    padding: 25px;
    width: auto;
    height: 520px;
    display:flex;
    align-items: center;
    background-size: cover;
    max-width:100% !important;
  }
  #main .homePageHero .innerWrap > .col h2{
    display: none;
  }
  #main .homePageHero .innerWrap > .col h1{
    font-size: 40px;
    text-align: center;
    line-height: 1.25;
  }

  #main .homePageHero .innerWrap > .col .btn{
    margin: 0 auto;
    float: none;
    display: block;
    width: 210px;
    margin-bottom: 20px;
  }
  #main .homePageHero .innerWrap > .col .btn + .btn{
    width: 175px;
    margin-bottom: 0;
  }

  #busch-attn .flex .buschAttnSection:last-child{
    margin-bottom: 0 !important;
  }
  .trustedBy .innerWrap{
    padding-bottom:0px !important
  }
  .trustedBy .slick-next,
  .trustedBy .slick-prev{
    display: none !important;
  }

  .trustedBy .slickContainer{
    margin-top: 20px !important;
  }
  .whatSetsUsApartTop:before{
    height: 90px;
    top: -90px;
  }
  .whatSetsUsApartTop {
    margin-top: 100px;
  }
  .whatSetsUsApart h3 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .whatSetsUsApart .col{
    margin-bottom: 20px;
  }
  .whatSetsUsApartBottom {
    margin-bottom: 95px !important;
  }
  .marketingBlockWrap{
    flex-direction: column;
  }

  .blockitems:nth-child(even){
    background-color: #eee;
  }
  
  .blockitems:nth-of-type(2),
  .blockitems:nth-of-type(3),
  .blockitems:nth-of-type(6),
  .blockitems:nth-of-type(7),
  .blockitems:nth-of-type(10),
  .blockitems:nth-of-type(11){
    background-color: #CCC;
  }

  .marketingBlockContent h2,
  .marketingBlockContent .slick-slide > div{
    display: none;
  }
  #blocklist .slick-track > div{
    width: 50% !important;
  }

  .marketingBlockContent h4{
    text-align: center;
  }

  .containedCta{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .containedCta > div:nth-of-type(2){
    margin-top: 10px;
  }

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

@media only screen and (min-width: 1024px) {
  .attnOverlay .checkItOut{
    display: none;
  }

}

@media only screen and (max-width: 1024px) {

  .flexInnerCol > div{
    flex-direction: column;
  }
}

/*************************Waste and Diversion Survey Styles******************************/

.firstDiversionEffortsFlexRow {
  display: flex;
  margin-bottom: 40px;
}

.secondDiversionEffortsFlexRow {
  display: flex;
  margin-bottom: 100px;
}

.firstDiversionEffortsFlexRow hr {
  border: none;
  border-top: 5px solid white;
  margin: 35px 0px;
  width: 40%;
}

.firstDiversionEffortsFlexRow h1 {
  text-align: center;
  line-height: 70px;
} 

.secondDiversionEffortsFlexRow img {
  height: 512px;
  width: 503px;
}

.secondDiversionEffortsFlexRow div {
  margin-left: 10%;
}

.fullReportFlexRow {
  background-color: #203749;
}
.fullReportContent {
  display: flex;
}


.diversionEffortsFlexColumn {
  display: flex;
  flex-direction: column;
}

.participateContent {
  color: white;
  padding: 0% 14%;
  margin: auto;
}

.participateContent p {
  font-size: 23px;
  line-height: 35px;
  margin-bottom: 70px;
}

.reportMainDiv {
  display: flex;
  padding: 1% 14%;
}

.reportImg {
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  height: 240px;
  width: 398px;
}

.reportSubDiv {
  padding: 1% 11% 0% 11%;
  display: flex;
  flex-direction: column;
}

.reportBtn {
  width: 60%;
  padding: 15px 0px;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 25px;
  background-color: #39AC87;
  color: #fff;
  text-align: center;
}

.reportP {
  font-size: 23px;
  line-height: 42px;
}

.surveyContainer {
  width: 64%;
  padding: 1% 14%;
}

.surveyHeader {
  font-size: 35px;
  font-weight: 700;
  color: #2d3a4b;
  margin: 75px 0px;
  text-transform: none;
  letter-spacing: 1.75px;
}

.surveyParticipants {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  text-align: left;
  line-height: 50px;
}

.surveyColumn {
  flex: 1;
  list-style-type: none; /* Remove default bullets */
  padding: 0;
  margin: 0;
}

.surveyColumn li {
  margin: 5px 0;
    font-size: 25px;
    color: #333;
    letter-spacing: 0.63px;
}

.takeawaysFlex {
  padding: 10% 6% 6% 14%;
  display: flex;
  gap: 175px;
  /* flex-wrap: wrap; */
  align-items: flex-start;
}

.takeawaysFlexDiv {
  width: 42%;
}

.takeawaysFlex h3 {
  font-size: 35px;
  color: #000000;
  max-width: 400px;
  text-transform: none;
  letter-spacing: 1.75px;
}

.takeawaysP {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.6px;
}



.takeawaysImage {
  width: 82%;
}


.collabTitle{
  text-align: center;
  margin: 25px auto;
}

.collabTitle h3{
  font-size: 24px;
  color:black;
  text-align:center;
}

.collabTitle:after{
  display: flex;
  content: "";
  width: 20%;
  margin: 5px auto 0;
  border-bottom: 2px solid #5297cf;
}

.collaborationCon{
  max-width: 1450px;
    margin: auto;
    text-align: center;
}

.collaborationWithLogos {
  margin: 0px 0 50px;
  justify-content: center; 
  flex-wrap: wrap;
  align-items: center;
}  

.collaborationWithLogos > div{
  width: 210px;
  margin: auto 40px;
} 

.keyTrendsCon {
  background: url(https://webstg.buschsystems.com/wp-content/uploads/2024/02/Mid_Swirl-ColourBG.png);
  background-position: bottom;
  background-size: cover;
  padding: 100px 0 200px 0;
  margin-bottom:50px;
}

.keyTrendsFlex {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  max-width: 1400px;
  gap: 80px;
  position: relative;
  width: 80%;
  flex-wrap: wrap;
  align-items: flex-start;
}

.keyTrendsImageCon{
  max-width:520px;
}

.keyTrendsFlex .KeyTrendsText {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  color: #000000;
  max-width:500px;
  line-height:2;
}

.surveyButtonCon{
  justify-content: space-between; 
  flex-wrap: wrap;
}

.keyTrendsFlex h2{
  font-size: 33px;
  color: #000000;
}

.keyTrendsFlex p:has(a) {
  width: fit-content;
  background: #203749;
  color:white;
  padding: 0px 57px;
  font-weight: bold;
  transition: all 0.4s ease;
}

.keyTrendsFlex a {
  color:white;
}

.bubbleCon{
  margin: 0px auto;
  text-align: center;
  max-width: 80%;
}

.bubbleCon img{
  max-height: 196px;
}

.checkListFlex {
  display: flex;
  margin: 150px auto;
  justify-content: center;
  max-width: 1400px;
  gap: 80px;
  position: relative;
  width: 80%;
  flex-wrap: wrap;
  align-items: flex-start;
}

.checkListFlex .checklistText {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  color: #000000;
  max-width: 485px;
  line-height: 2;
}

.checkListFlex h3{
    font-size: 28px;
    color: #000000;
    max-width: 330px;
    text-transform: math-auto;
}

.checkListFlex p:has(a){
  width: fit-content;
  background: #203749;
  color: white;
  width: 220px; 
  letter-spacing: 1.1px;
  font-weight: bold;
  text-align: center;
  transition: all 0.4s ease;
  margin-bottom: 15px;
  padding: 2px 0;
  font-size: 14px;
  cursor:pointer;
}


.checkListFlex p.start:has(a) {
  background: #abd037;
}

.checkCon:first-child{
  margin:0 0 40px;
}

.checkCon:last-child{
  margin:40px 0 0;
}

.checkCon{
  margin:40px 0;
}

.checkCon img{
  max-height: 30px;
  margin-right: 20px;
}

.checkListFlex a {
  color:white;
}

.participateCon {
  background-color: #203749;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
}

.participateFlex {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  max-width: 1400px;
  gap: 80px;
  position: relative;
  width: 80%;
  flex-wrap: wrap-reverse;
  align-items: flex-start;
}

.participateFlex .participateText {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  color: #ffffff;
  max-width:500px;
  line-height:2;
}

.participateFlex h3{
  font-size: 28px;
  color: #ffffff;
  text-transform: math-auto;
}

.participateImageCon{
  max-width:470px;
}

.bottomCheck{
  max-width: 1055px;
  margin: 30px auto;
  width: 80%;
}

.checkCon.whiteCheck{
  max-width: 835px;
  color: #ffffff;
}

.participateHowCon{
  background-color: #39AC87;
  padding: 1% 14%;
}

.participateHowCon > div{
  max-width: 1055px;
  width: 80%;
  padding:30px 0;
  color: #ffffff
}

.participateHowCon p{
  max-width: 675px;
    letter-spacing: 0.57px;
    font-size: 23px;
    margin-top: 20px;
}

.participateHowCon p:has(a){
  margin-top: 40px;
  background: #fff;
  color: #39AC87;
  width: 265px;
  letter-spacing: 1.1px;
  font-weight: bold;
  text-align: center;
  transition: all 0.4s ease;
  margin-bottom: 15px;
  font-size: 27px;
  padding: 15px 65px;
  cursor: pointer;
}

.participateHowCon a{
  color: #39AC87;
}

.participateHowCon h3 {
  font-size: 35px;
  color: #ffffff;
  letter-spacing: 1.75px;
  text-transform: math-auto;
}

.surveyForm h2{
  color: #0033A0;
  text-align: center;
  text-transform: math-auto;
  font-size: 32px;
  margin-bottom: 34px;
}

.surveyForm h2:after{
  display: flex;
  content: "";
  width: 25%;
  margin: 7px auto 0;
  border-bottom: 2px solid #0033A0;
}

.surveyForm .innerWrap{
  max-width: 900px;
}

@media screen and (max-width: 1600px) { 
  .participateHowCon {
    padding: 1% 9%;
  }
  .takeawaysFlex {
    padding: 10% 6% 6% 9%;
  }
  .surveyContainer {
    padding: 1% 9%;
    width: 80%;
  }
  .reportMainDiv {
    padding: 1% 9%;
  }
  .participateContent {
    padding: 0% 9%;
  }

}

@media screen and (max-width: 1440px) { 
  .firstDiversionEffortsFlexRow h1 {
    font-size: 32px;
    line-height: 50px
  }
  .firstDiversionEffortsFlexRow hr {
    width: 30%;
    margin: 25px 0px;
  }
  .reportP {
    font-size: 18px;
  }
  .participateContent p {
    font-size: 18px;
  }

  .reportBtn {
    width: 85%;
  }
  .takeawaysImage {
    width: 100%;
  }
  .surveyHeader {
    font-size: 32px;
  }
  .takeawaysFlex h3 {
    font-size: 32px;
  }
  .participateHowCon h3 {
    font-size: 32px;
  }
  .takeawaysP {
    font-size: 20px;
  }
  .takeawaysFlex h3 {
    max-width: none;
  }
  .surveyColumn li {
    font-size: 20px;
  }
  .participateHowCon p {
    font-size: 18px;
  }
  .participateHowCon p:has(a) {
    margin-top: 25px;
    font-size: 22px;
    padding: 10px 50px;
  }
}


@media screen and (max-width: 1400px) { 
  .collaborationWithLogos > div{
    margin: auto 10px;
  } 

  .industryDisplay{
    max-width: 530px;
    margin: 20px 10px;
  }
  
  .keyTrendsImageCon{
    max-width:380px;
  }

  .participateImageCon{
    max-width:370px;
  }

  .participateFlex .participateText{
    max-width:400px;
  }

 
}

@media screen and (max-width: 1200px) { 

  .keyTrendsFlex .KeyTrendsText{
    max-width:inherit;
  }

  .checkListFlex{
    justify-content: start;
  }

  .checkListFlex .checklistText{
    max-width:inherit;
  }

  .checkCon{
    max-width: inherit;
  }

  .participateFlex .participateText{
    max-width:inherit;
  }

  .secondDiversionEffortsFlexRow {
    margin-top: 100px;
  }
  .participateContent p {
    margin-bottom: 30px;
  }
  
  .reportBtn {
    padding: 15px 0px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 15px;
    background-color: #39AC87;
    color: #fff;
    text-align: center;
    width: 80%;
  }

  .takeawaysFlex {
    gap: 50px;
  }
  .takeawaysFlexDiv {
    width: 80%;
  }
  .takeawaysImage {
    width: 100%;
    margin-top: 50px;
  }

  .reportSubDiv {
    padding: 0% 0% 0% 11%;
  }


}

@media screen and (max-width: 1200px) { 
  .participateHowCon div {
    width: 100%;
  }
}

@media screen and (max-width: 1160px) { 
  .industryDisplay{
    max-width: 90%;
    width: 90%;
  }

  .flexIndustry{
    justify-content: center;
  }
  
}

@media screen and (max-width: 1100px) { 
  .secondDiversionEffortsFlexRow img {
    height: 384px;
}
}

@media screen and (max-width: 1024px) { 
  .participateContent p {
    line-height: 30px;
  }
  .participateCon {
    padding: 70px 0;
  }
  .reportBtn {
    width: 90%;
  }
  .reportP {
    line-height: 35px;
  }
  .secondDiversionEffortsFlexRow {
    flex-wrap: wrap-reverse;
    justify-content: center;
    margin-top: 80px;
  }
  .secondDiversionEffortsFlexRow img {
    height: 512px;
    margin-top: 50px;
  }
  .secondDiversionEffortsFlexRow div{
    margin-left: 0%;
  }

  .participateHowCon {
    padding: 1% 5%;
  }
  .takeawaysFlex {
    padding: 10% 5% 6% 5%;
  }
  .surveyContainer {
    padding: 1% 5%;
    width: 80%;
  }
  .reportMainDiv {
    padding: 1% 5%;
  }
  .participateContent {
    padding: 0% 5%;
  }

}

@media screen and (max-width: 850px) { 
  .reportMainDiv {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .reportSubDiv {
    padding: 5% 11% 0% 11%;
    display: flex;
    flex-direction: column;
  }
  .takeawaysFlex {
    flex-direction: column;
    align-items: center;
  }
  .reportBtn {
    margin: auto;
  }
  .surveyContainer {
    display: none;
  }
  .takeawaysFlexDiv {
    width: 100%;
  }
  .takeawaysImage {
    margin-top: 0px;
  }
  .participateHowCon {
    padding: 0%;
  }
  .participateHowCon div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .participateHowCon p { 
    margin-top: 0px;
  }
  .participateHowCon p:has(a) {
    margin-top: 0px;
  }
  .secondDiversionEffortsFlexRow div {
    margin-bottom: 50px;
  }
  .secondDiversionEffortsFlexRow img {
    height: auto;
    width: auto;
  }
  .participateContent p {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .secondDiversionEffortsFlexRow div {
    margin-bottom: 0px;
  }
  .secondDiversionEffortsFlexRow {
    margin-top: 60px;
  }
  .reportP { 
    margin-top: 10px;
    font-size: 16px;
  }
  .firstDiversionEffortsFlexRow h1 {
    font-size: 24px;  
  }
  .reportBtn {
    font-size: 18px;
  }
  .takeawaysFlex h3 {
    font-size: 26px;
  }
  .takeawaysP {
    font-size: 16px;
  }
  .participateHowCon h3 {
    font-size: 26px;
  }
  .participateHowCon p {
    font-size: 16px;
  }
  .participateHowCon p:has(a) {
    font-size: 18px;
    padding: 10px 30px;
  }

}

@media screen and (max-width: 650px) { 
  .keyTrendsImageCon{
    max-width:inherit;
  }
  .industryDisplay{
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 500px) { 
  .participateContent p {
    text-align: center;
  }
  .reportSubDiv {
    padding: 5% 0% 0% 0%;
  }
  .reportBtn {
    width: 100%;
  }
  .participateHowCon p:has(a) {
    width: 230px;
  }
  .participateHowCon div {
    width: 95%;
  }
}



/* Home page 2020 end */
/* PROJECT RISE */

.projectRiseSunCon div{
  width: 30%;
  margin: 30px 1.665%;
}

.projectRiseLogos div{
  width: 15%;
  margin: auto 2%;
}

.projectRiseLogos{
  margin: 30px 0 50px;
  justify-content: center;
}

.centerVideo{
  margin: 10px auto; 
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body{
  background: #ffffff !important;
}

/* GIVING BACK */
.givingBackCon > div:nth-of-type(1) {
  width: 47%;
}

.givingBackCon > div:nth-of-type(2) {
  max-width: 51%;
  margin-left: 2%;
}

/* SUSTAINABILITY */



#main .sustainabilityWallBg {
  background-image: url(https://www.buschsystems.com/wp-content/uploads/2024/11/Sustainability_Header.png) !important;
  background-repeat: no-repeat !important;
  padding: 60px 0;
  height: 1523px;
}

.sustainabilityWallBg .transWhiteBg .environmentalPhilosophy div{
  text-align: center;
}

.environmentalPhilosophy {
  flex-direction: column;
  display: flex;
  max-width: 1400px;
  padding: 33px 40px;
  margin: auto;
}

.environmentalPhilosophyTitle {
  display: flex;
  margin: 0 !important;
  padding-bottom: 35px;
}

.environmentalPhilosophyTitle hr {
  margin: 10px 0;
  height: 1px;
  background: #4D4D4F;
}

.environmentalPhilosophyTitle-p{
  font-size: 30px;
  padding: 0px 30px;
  letter-spacing: 3px;
}


/* Flex container for the overall layout */
.aboutFlex {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap */
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  padding-top: 30px;
}

/* Each card layout */
.aboutNavCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 calc(20% - 10px); /* Flexible width */
  box-sizing: border-box;
  max-width: 277px;
}



@media (max-width: 992px) {
  .aboutNavCard {
    flex: 1 1 calc(33.333% - 10px);
  }
}

@media (max-width: 768px) {
  .aboutNavCard {
    flex: 1 1 calc(50% - 10px);
  }
}

@media (max-width: 576px) {
  .aboutNavCard {
    flex: 1 1 calc(100% - 10px);
  }
}

/* Image container */
.navCardImageContainer {
  width: 25%;
  margin: 0 auto;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Images */
.navCardImageContainer img {
  width: 100%;
  height: auto;
}

/* Links */
.aboutNavCard a {
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: all 0.3s ease;
}

/* Headings */
.aboutNavCard-p {
  margin-top: 20px;
  font-size: 1.5rem;
  line-height: 1.3;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #4D4D4F;
  font-family: 'droidSB';
}

/* Hover effects */
.aboutNavCard a:hover {
  background-color: #ABD037;
  color: white;
  cursor: pointer;
  opacity: 1;
}



.sustainabilityWallBg .transWhiteBg img{
  margin: 0 auto;
  text-align: center;
}

.sustainabilityWallBg .transWhiteBg h3{
  text-align: center;
  margin: 35px 0;
  font-size: 35px;
  letter-spacing: 1.5px;
  text-transform: inherit;
}

.sustainabilityWallBg-p {
  text-align: center;
  margin: auto;
  max-width: 1200px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1px;
}

#mainBanner{
  padding:10px 0;
  border-bottom: 1px solid #c7c7c7;
}

#mainBanner > div{
  align-items: center;
  max-width: 1250px;
  margin: auto;
  flex-wrap:wrap;
  justify-content: center;
}

#mainBanner > div > h3{
  font-size: 28px;
  margin: 0 10px;
  font-family: droidsb;
  color: #ffffff;
  text-align: center;
}

#mainBanner > div > img{
  width: 30px;
}

#sustainabilityRecContent > .aboutContainer{
  position:relative;
}

#sustainabilityRecContent > .aboutContainer > div:nth-of-type(1){
  width: 50%;
}

#sustainabilityRecContent > .aboutContainer > div:nth-of-type(2){
  width: 50%;
  position: relative;
}

.columnCon.reverse.reverseBackMobile > div:nth-of-type(2){
  margin: 0 auto 0 0;
}

.recTitleCon{
  top: -16px;
  left: 49px;
  background: #C8E9F1;
  position: absolute;
  padding: 0 149px 0 60px;
  z-index: 10
}

#main .lightbluebg .recTitleCon h2{
  margin-top: -14px;
  z-index: 11;
  text-transform: inherit;
  color: #4d4d4d;
}

.recPCon{
  color: #fff;
  margin: 21px 0px 0 70px;
  position: relative;
}

.recPCon p{
  font-size: 18.46px;
}

#sustainabilityRecContent > .aboutContainer > div:nth-of-type(2) > img{
  position: absolute;
  top: -86px;
  left: 31px
}

.quoteStart{
  position: absolute;
  max-height: 35px;
  left: -12%;
  top: -2%;
}

.quoteEnd{
  position: absolute;
  max-height: 35px;
  right: -9%;
  z-index: 50;
  top: 67%;
}

.postConsumerProducts{
  flex-wrap: wrap;
  width: 100%;
}

.postConsumerProducts > div{
  width: 21%;
  margin: 20px 2%;
}

.projectRiseBg{
  background-image: url(images/sustainability/project-rise_sectionBG.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 46%;
  margin: 0 2% 0 0;
  padding: 120px 66px 120px;
}

.rcBg{
  background-image: url(images/sustainability/resource-center_sectionBG.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 46%;
  margin: 0 0% 0 2%;
  padding: 120px 70px 105px;
}

.projectRiseBg > p{
  color: #ffffff
}

.projectRiseBg > p, .rcBg > p{
  text-align: center;
}

.projectRiseBg > div, .rcBg > div{
  margin: 15px auto 30px;
  text-align: center;
}

.projectRiseBg > div img, .rcBg > div img{
  height: 60px;
}

.infoBlurbSustain{
  width: 30%;
  margin: 0 1.51%;
  padding: 20px 30px 10px;
  margin-left: 0;
  position: relative;
  background: #ffffff;
  border: 0.5px solid #4D4D4F;
  text-align: center;
  filter: drop-shadow(1px 1px 2px #4D4D4F);
}

.infoBlurbSustain:after {
  content: '';
  position: absolute;
  left: 40%;
  top: -11.5%;
  width: 2px;
  transform: rotate(180deg);
  height: 2px;
  border-top: solid 23px #ffffff;
  border-left: solid 23px transparent;
  border-right: solid 23px transparent;
  z-index: 9999;
  filter: drop-shadow(0px 1px 0px #4D4D4F);
}

.infoBlurbSustain p{
  font-size: 15px;
}

/**** SUSTAINABILITY RESPONSIVENESS ***/

@media only screen and (max-width: 1560px) {
  .journey-in-sustainability-column-two {
    margin-top: 130px;
  }
  .journey-in-sustainability-column-one {
    margin-top: 175px;
    width: 40%;
  }
  .carousel-container1 {
    width: 65%;
  }
  .carousel-container2 {
    width: 65%;
  }
  .carousel-container3 {
    width: 65%;
  }
  .carousel-container4 {
    width: 65%;
  }
  .meet-our-junior-ambassador-top {
    gap: 70px;
  }
  .meet-our-junior-ambassador-top-container {
    padding: 100px 30px 0px 30px;
  }

  .meet-our-junior-ambassador-bottom iframe {
    height: 700px;
  }
  .becoming-a-junior-ambassador-contact-us-content {
    width: 70%;
  }
  .becoming-a-junior-ambassador-contact-us-content h4 {
    font-size: 26px;
}
.becoming-a-junior-ambassador-contact-us-content h2 {
  font-size: 38px;
}
.meet-our-junior-ambassador-content {
  height: 2559px;
}
.our-community-involvement-container {
  margin-top: -330px;
}
.our-community-involvement-column-one {
  margin-top: 150px;
  width: 50%;
  margin-left: 30px;
  display: flex;
  flex-direction: column;
}
.our-community-involvement {
  gap: 50px;
}
.our-community-involvement-column-two {
  display: flex;
  flex-direction: column;
  margin-top: 150px;
  margin-right: 30px;
}

.sustainability-advisors-column-one {
  margin-left: 80px;
}

.sustainability-footer-flex {
  width: 95%;
  margin: 130px auto 0px auto;
}




}

@media only screen and (max-width: 1365px) {
  .environmentalPhilosophy {
    padding: 0px 40px;
  }
  .carousel-container1 {
    width: 85%;
  }
  .carousel-container2 {
    width: 85%;
  }
  .carousel-container3 {
    width: 85%;
  }
  .carousel-container4 {
    width: 85%;
  }
  .slick-carousel.sustainability-carousel .slick-dots {
    bottom: 100px;
  }
  .sustainability-advisors-column-two {
    margin-top: 190px;
  }
  .sustainability-footer-p1-p3 {
    width: 100%;
  }
  .meet-our-junior-ambassador-top-left {
    width: 30%;
  }
  .meet-our-junior-ambassador-bottom iframe {
    height: 600px;
  }
  .meet-our-junior-ambassador-content {
    height: 2100px;
  }
  .our-community-involvement-container {
    margin-top: -280px;
  }


}

/* Responsive adjustments */
@media only screen and (max-width: 1200px) {
  .aboutNavCard {
    flex: 1 1 calc(25% - 10px);
  }

  .sustainabilityWallBg-p {
    font-size: 16px;
  }
  .sustainabilityWallBg .transWhiteBg h3 {
    font-size: 30px;
  }
  .aboutNavCard-p {
    font-size: 1.2rem;
  }
  
  .aboutNavCard-p {
    margin-top: 0px;
  }

  .our-journey-in-sustainability {
    gap: 10%;
  }

  .journey-in-sustainability-column-one {
    margin-top: 130px;
    width: 45%;
    margin-left: 80px;
  }
  .journey-in-sustainability-column-two {
    margin-top: 100px;
  }
  .sustainability-advisors-column-two {
    margin-top: 140px;
  }
  .junior-ambassador-flex-title h2 {
    font-size: 35px;
    letter-spacing: normal;
  }
  .junior-ambassador-flex-title img {
    width: 85%;
  }
  .becoming-a-junior-ambassador-contact-us-container {
    width: 80%;
    margin: 100px auto 0px auto
  }
  .becoming-a-junior-ambassador-contact-us-content {
    width: 100%;
  }
  .our-community-involvement-column-one {
    margin-top: 100px;
    width: 60%;
  }
  .meet-our-junior-ambassador-top-right p {
    font-size: 16px;
  }
  .meet-our-junior-ambassador-bottom iframe {
    height: 500px;
  }
  .junior-ambassador-flex-title div {
    width: 50%;
  }
}

@media only screen and (max-width: 920px) {
    .our-sustainability-advisors-container {
      background-size: cover;
      margin-top: 50px;
      height: 1065px;
    }

    .our-sustainability-advisors {
      flex-direction: column-reverse;
      gap: 0%;
      margin-top: 80px;
    }

    .sustainability-advisors-column-one {
      width: 70%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 50px auto 0 auto;
      gap: 0px;
    }

    .sustainability-advisors-column-two {
      display: flex;
      flex-direction: column;
      margin-top: 280px;
      text-align: right;
      width: 90%;
      align-items: center;
      text-align: center;
      margin: 50px auto 0 auto;
    }

    .carousel-container1 {
      width: 95%;
    }
    .carousel-container2 {
      width: 95%;
    }
    .carousel-container3 {
      width: 95%;
    }
    .carousel-container4 {
      width: 95%;
    }
    .carousel-content1 {
      width: 95%;
    }
    .carousel-content2 {
      width: 95%;
    }
    .carousel-content3 {
      width: 95%;
    }
    .carousel-content4 {
      width: 95%;
    }
    .our-journey-in-sustainability {
      gap: 10%;
      justify-content: center;
      padding: 100px 20px 0px 20px;
    }
    .journey-in-sustainability-column-one {
      width: 45%;
      margin: 0;
    }
    .our-journey-in-sustainability h4 {
      font-size: 16px;
    }
    .our-journey-in-sustainability h1 {
      font-size: 36px;
    }
    .journey-in-sustainability-column-two {
      width: auto;
      margin: 0px;
    }
    .journey-in-sustainability-column-two a {
      font-size: 16px;
    }
    .sustainability-our-environmental-initiatives h6 {
      font-size: 16px;
    }
    .sustainability-our-environmental-initiatives h2 {
      font-size: 36px;
    }
    .slick-carousel.sustainability-carousel .slick-next {
      margin: 0px;
    }
    .slick-carousel.sustainability-carousel .slick-prev {
      margin: 0px;
    }
    .sustainability-advisors-column-two h6 {
      font-size: 16px;
    }
    .sustainability-advisors-column-two h2 {
      font-size: 36px;
    }
    .sustainability-advisors-column-two hr {
      margin: 20px 0px;
    }
    .sustainability-advisors-column-two p {
      font-size: 16px;
  }
  .meet-our-junior-ambassador-content {
    height: 2220px;
    background-size: cover;
  }
  .meet-our-junior-ambassador-top-container {
    padding: 100px 7% 0px 7%;
  }
  .meet-our-junior-ambassador-top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .meet-our-junior-ambassador-top-left {
    width: 40%;
  }
  .junior-ambassador-flex-title img {
    margin-top: -18px;
    width: 85%;
    font-size: 36px;
  }
  .meet-our-junior-ambassador-bottom iframe {
    height: 400px;
  }
  .meet-our-junior-ambassador-bottom {
    margin: 50px auto 0px auto;
  }
  .becoming-a-junior-ambassador-contact-us-container {
    width: 80%;
    margin: 100px auto 0px auto;
  }
  .becoming-a-junior-ambassador-contact-us-content {
    width: 100%;
  }
  .becoming-a-junior-ambassador-contact-us-content h2 {
    font-size: 36px;
  }
  .becoming-a-junior-ambassador-contact-us-content h4 {
    font-size: 18px;
  }

  .becoming-a-junior-ambassador-contact-us-content p a {
    font-size: 16px;
  }
  .our-community-involvement-container {
    margin-top: -280px;
  }
  .our-community-involvement {
    gap: 50px;
    padding: 70px 20px 0px 20px;
  }
  .our-community-involvement-column-one {
    width: 81%;
    margin: 0;
  }
  .our-community-involvement h4 {
    font-size: 16px;
  }
  .our-community-involvement h1 {
    font-size: 36px;
  }
  .our-community-involvement p {
    font-size: 16px;
  }
  .our-community-involvement-column-two {
    margin-top: 80px;
    margin-right: 0px;
  }
  .our-community-involvement-column-two a {
    margin: 0 auto;
  }
  .sustainability-our-environmental-initiatives h2 {
    font-size: 36px;
  }
  .sustainability-footer-img {
    height: 600px;
    margin-top: 230px;
  }
  .sustainability-footer-flex {
    margin: 40px auto 0px auto;
}
.sustainability-footer-column div p {
  font-size: 16px;
}



}

@media only screen and (max-width: 912px) {
  .sustainability-advisors-column-one .meetTheTeamDiv {
    flex-direction: row !important;
  }

  .sustainabilityWallBg #main .transWhiteBg {
    padding: 15px 0;
  }
  #main .transWhiteBg {
    padding: 15px 0;
}

}

@media only screen and (max-width: 768px) { 
  .our-community-involvement {
    padding: 40px 20px 0px 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .our-community-involvement-column-one {
    width: 100%;
    margin: 0;

  }
  .our-community-involvement-column-two {
    width: 64%;
    margin-top: 0px;
  }
  .our-community-involvement hr {
    margin: 20px auto;
}
  .our-journey-in-sustainability {
    padding: 50px 20px 0px 20px;
  }
  .carousel-container1 {
    width: 100%;
    margin: 0;
    height: auto;
  }
  .carousel-container2 {
    width: 100%;
    margin: 0;
    height: auto;
  }
  .carousel-container3 {
    width: 100%;
    margin: 0;
    height: auto;
  }
  .carousel-container4 {
    width: 100%;
    margin: 0;
    height: auto;
  }
  .carousel-content1 {
    margin-top: 70px;
    width: 85%;
    justify-content: flex-start;
  }
  .carousel-content2 {
    margin-top: 70px;
    width: 85%;
    justify-content: flex-start;   
  }
  .carousel-content3 {
    margin-top: 70px;
    width: 85%;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0px;  
  }
  .carousel-content4 {
    margin-top: 70px;
    width: 85%;
    justify-content: flex-start;  
  }
  .carousel-content1 img {
    padding-top: 0px;
    width: auto;
    height: auto;
  }
  .carousel-content2 img {
    padding-top: 0px;
    width: auto;
    height: auto;
  }
  .carousel-content3 img {
    padding-top: 0px;
    width: auto;
    height: 150px;
  }
  .carousel-content4 img {
    padding-top: 0px;
    width: auto;
    height: auto;
  }
  .slick-carousel.sustainability-carousel .slick-dots {
    bottom: 20px;
  }
  .carousel-content3-subclass {
    align-items: center;
    text-align: center;
  }
  .exploreResources {
    height: auto;
  }
  .sustainability-footer-img {
    height: 600px;
    margin-top: -120px;
  }
  .sustainability-footer-flex {
    flex-direction: column;
    align-items: center;
  }
  .our-community-involvement-container {
    margin-top: -250px;
    background-size: cover;
    height: 950px;
  }
  .becoming-a-junior-ambassador-contact-us-container img {
    display: none;
  }
  .our-journey-in-sustainability-container {
    margin-top: -515px;
    height: 1100px;
    background-size: cover;
  }
  .our-journey-in-sustainability hr {
    margin: 20px auto;
  }
  .our-journey-in-sustainability {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 30px;
  }
  .journey-in-sustainability-column-one {
    width: 100%;
  }

}

@media only screen and (max-width: 600px) { 
  .meet-our-junior-ambassador-top-container {
    padding: 60px 3% 0px 3%;
    margin-bottom: 0px;
  }
  .meet-our-junior-ambassador-top {
    gap: 30px;
  }
  .meet-our-junior-ambassador-top-left {
    width: 90%;
  }
  .junior-ambassador-flex-title {
    display: flex;
    flex-direction: column;
  }
  .junior-ambassador-flex-title h2 {
    font-size: 30px;
    margin-bottom: 30px;
}
.junior-ambassador-flex-title div {
  width: 100%;
}
.meet-our-junior-ambassador-top-right p {
  font-size: 16px;
  line-height: 27px;
}
.meet-our-junior-ambassador-bottom iframe {
  height: 300px;
}
.meet-our-junior-ambassador-content {
  height: 2400px;
}
.becoming-a-junior-ambassador-contact-us-container {
  width: 90%;
  margin: 40px auto 0px auto;
}
#main .transWhiteBg {
  width: 95%;
}
.environmentalPhilosophy {
  padding: 0px 15px;
}
.sustainabilityWallBg .transWhiteBg .environmentalPhilosophy div {
  justify-content: center;
}
.environmentalPhilosophyTitle hr {
  display: none;
}
.environmentalPhilosophyTitle-p {
  padding: 0px;
}
.aboutFlex {
  display: none;
}
.our-journey-in-sustainability h1 {
  font-size: 30px;
}
.sustainability-our-environmental-initiatives h2 {
  font-size: 30px;
}
.slick-carousel.sustainability-carousel .slick-track {
  height: 785px !important;
}
.sustainability-advisors-column-two h2 {
  font-size: 30px;
}
.our-sustainability-advisors {
  align-items: center;
}
.sustainability-advisors-column-one {
  width: 100%;
  margin: 50px 0px 0 0px;
  justify-content: center;
  gap: 0px;
}
.sustainability-advisors-column-one .meetTheTeamDiv {
  flex-direction: column !important;
}
.sustainability-advisors-column-one div div {
  width: 100%;
}
.our-sustainability-advisors-container {
  background-size: cover;
  margin-top: 50px;
  height: 2000px;
}
#main .transWhiteBg {
  width: 95% !important;
  padding: 40px 0;
}
.our-journey-in-sustainability-container {
  height: 1300px;
}
.our-community-involvement-column-two a {
  width: 82%;
}

.our-community-involvement {
  gap: 0px;
}

.carousel-content1 {
  margin-top: 100px;
}
.carousel-content2 {
  margin-top: 100px;
}
.carousel-content3 {
  margin-top: 100px;
}
.carousel-content4 {
  margin-top: 100px;
}

.our-community-involvement {
  gap: 20px;
}

.our-community-involvement-container {
  height: 1050px;
}
.our-community-involvement-column-two {
  width: 90%;
}



}



@media only screen and (max-width: 330px) { 
  .carousel-content4 {
    margin-top: 70px;
  }
  .our-community-involvement-column-two img {
    display: none;
  }

}












/* Webinar Promo */
.webinar-promo-text-wrap {
  position: absolute;
  top: 50px;
  left: 12%;
  width: 600px;
  background-color: #fff;
  opacity: 0.8;
  padding: 1.5% 3%;
}

.webinar-promo-text-title {
  font-size: 52px;
  line-height: 56px;
  margin-bottom: 24px;
  font-family: 'droidSB';
}

.webinar-promo-text-content {
  font-size: 18px;
  letter-spacing: 1.25px;
  line-height: 28px;
  margin: 40px 0;
}

.webinar-promo-text-date {
  font-size: 24px;
  font-family: 'droidSB';
  margin: 20px 0 25px;
}

.webinar-promo-text-wrap .btn.newDesign {
  width: 33%;
}


/*Speaker Panel*/

.speaker-aggregate.speaker-panel{
	width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
}

.speaker-aggregate .speaker-panel-title{
	width: 100%;
  text-align: center;
  align-self: center;
  padding-top: 50px;
  font-size: 36px !important;
  line-height: 30px;
  color: #000;
  font-family: droidsb;
}

.speaker-aggregate .speaker-panel-title:after {
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 0;
  bottom: 0;
  max-width: 165px;
  height: 10px;
  width: 75%;
  border-bottom: 3px solid #abd037;
  margin: 0 auto;
  padding: 5px 0px;
}

.speaker-aggregate .webinar-speakers {
	width: 100%;
  height: 66%;
  margin-bottom: 75px;
  display: flex;
  flex-wrap: wrap;
}

.speaker-aggregate .webinar-speaker {
  height: 55%;
  display: flex;
  flex-wrap: wrap;
  width: 34%;
  text-align: center;
  align-items: center;
}

.speaker-aggregate .webinar-speaker:nth-child(odd) {
  margin: 50px 0 0 16%;
}

.speaker-aggregate .webinar-speaker:nth-child(even) {
  margin: 50px 16% 0 0;
}


.speaker-aggregate .webinar-speaker-image-wrap {
    width: 40%;
}

.speaker-aggregate .webinar-speaker-text-wrap {
    width: 55%;
    text-align: left;
}

.speaker-aggregate .webinar-speaker-name {
  font-size: 26px;
  line-height: 34px;
  font-family: 'droidSB';
  text-transform: uppercase;
}

.speaker-aggregate .webinar-speaker-title {
  font-size: 18px;
  margin: -5px 0px 0px;
}

.speaker-aggregate .webinar-speaker-information {
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  width: 85%;
}

/* Video Learn Section*/

.video-learn-section {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}

.video-learn-text-wrap {
  width: 40%;
  background: #0033A0;
  color: #fff;
  padding: 1.5% 1.5% 1.5% 13%;
}

.video-learn-text-title {
  margin: 20px 0 50px;
  font-size: 42px;
  font-family: 'droidSB';
  letter-spacing: 1.5px;
}

.video-learn-text-section {
  margin: 25px 0px;
}

.video-learn-text-section-title {
  margin: 15px 0 10px;
  font-size: 20px;
  font-family: 'droidSB';
  letter-spacing: 1.5px;
}

.video-learn-text-section-text {
  font-size: 22px;
  line-height: 34px;
}

.video-learn-video-wrap {
  width: 40%;
  justify-content: center;
  display: flex;
}

.video-learn-video-wrap p{
  display: flex;
  justify-content: center;
}

.video-learn-video-wrap img{
  width: 90%;
  object-fit: contain;
}

.video-learn-text-wrap .btn.newDesign {
  width: 33%;
}

/* Webinar Recommendations */
#main > .fullwidth.gallerySectionFullwidth.webinar-aggregator-slider .innerWrap {
  justify-content: center;
}
#main > .fullwidth.gallerySectionFullwidth.webinar-aggregator-slider .turquoise-swirl-full {
  background-image: url(images/Mid_Swirl-ColourBG-full.png) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%;
  padding: 10px 0px 20px;
}

#main > .fullwidth.gallerySectionFullwidth.webinar-aggregator-slider .webinar-aggregator-slider-wrap {
  width: 60%;
}

.webinar-recommendations-title{
	width: 100%;
  text-align: center;
  align-self: center;
  padding-top: 50px;
  font-size: 36px !important;
  line-height: 30px;
  color: #000;
  font-family: droidsb;
}

.webinar-recommendations-title:after {
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 0;
  bottom: 0;
  max-width: 165px;
  height: 10px;
  width: 75%;
  border-bottom: 3px solid #abd037;
  margin: 0 auto;
  padding: 5px 0px;
}

.webAggTitle{
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 10px !important;
  color: #939598;
  font-family: droidsb;
}

.webAggSubtitle{
  font-size: 16px;
  color: #4D4D4F;
  font-family: droidsr;
}

.webinarAggBtn {
  width: 15% !important;
  margin: 0px auto 20px;
  display: flex;
  justify-content: center;
}

#main > .fullwidth.gallerySectionFullwidth.webinar-aggregator-slider .slick-prev {
  top: 105px;
  left: -10px;
}

#main > .fullwidth.gallerySectionFullwidth.webinar-aggregator-slider .slick-next {
  top: 105px;
  right: -10px;
}

.webinar-aggregator-slider .imageSlick.slick-slider, .webinar-aggregator-slider .imageSlick.slick-slider.slick-dotted {
  margin: 40px 0;
}

.webinar-aggregator-slider .imageSlick .slick-dots {
  bottom: -40px;
}

.webinar-aggregator-slider .slick-dots li button:before {
  font-size: 35px;
  opacity: 1;
}

.slick-dots li {
  margin: 5px;
}

.blog_social, .socialsingle {float:left;z-index:-22222;margin:15px 0 5px 0;display:inline-block;text-transform:uppercase;font-size:14px;font-weight:bold;color:#000;letter-spacing:2px; }
.grid .blog_social {margin-bottom:0;}
.socialsingle {}
.webinar-promo-text-wrap .addthis_toolbox {width:240px; margin:0 auto;text-align:right;margin-top:0px;margin-left:5px;display: flex;align-items: baseline;}
.webinar-promo-text-wrap .addthis_toolbox p {
  color: #939598;
  font-size: 18px;
  font-family: 'droidSB';
  margin-right: 20px;
}

.grid .addthis_toolbox {margin-top:7px;}

.addthis_toolbox a {margin:0 6px;}
.addthis_toolbox a:last-child {margin-right:0;}

.addthis_toolbox a{float:left;text-align:center;  z-index:9; }

.webinar-promo-text-wrap .sbg-button-linkedin {
  background-color: #939598;
  color: #fff;
}

.webinar-promo-text-wrap .sbg-button-linkedin:hover {
  background-color: #007bb6;
}


@media only screen and (max-width: 1650px) {
  .webinar-promo-text-content {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 20px 0;
  }
}

@media only screen and (max-width: 1400px) {
  .webinar-promo-text-wrap {
    left: 4%;
    width: 650px;
  }
  .webinar-promo-text-content {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 20px 0;
  }
  .video-learn-text-wrap {
    padding: 1.5% 1.5% 1.5% 7%;
  }
  .video-learn-video-wrap {
    width: 40%;
  }
  .webinar-promo-text-title {
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .video-learn-text-title {
    line-height: 40px;
  }
  .video-learn-video-wrap img {
    object-fit: contain;
  }
}

@media only screen and (max-width: 1200px) {
  .webinar-promo-video {
    height: 550px;
  }
  .webinar-promo-text-wrap {
    top: 4%;
    left: 8%;
    width: 80%;
  }
  .webinar-promo-text-title {
    font-size: 36px;
    line-height: 40px;
  }
  .webinar-promo-text-content {
    margin: 10px 0;
  }
  .video-learn-section {
    height: 1700px;
  }
  .video-learn-text-wrap {
    width: 100%;
    line-height: 40px;
  }
  .video-learn-video-wrap {
    width: 100%;
  }
  .speaker-aggregate.speaker-panel {
		width: 100%;
		height: 1250px;
	}
	.speaker-aggregate .webinar-speakers {
		width: 100%;
		height: 90%;
	}
	.speaker-aggregate .webinar-speaker {
    height: 25%;
    width: 100%;
    margin: 0 !important;
	}
  .webinarAggBtn {
      width: 50% !important;
  }
  .webAggTitle {
    max-width: 350px !important;
  }
  .webAggSubtitle {
    max-width: 350px !important;
  }

  #main > .fullwidth.gallerySectionFullwidth.webinar-aggregator-slider .webinar-aggregator-slider-wrap {
    width: 92%;
  }
}

@media only screen and (max-width: 1100px) {
  .webAggTitle {
    max-width: 250px !important;
  }
  .webAggSubtitle {
    max-width: 250px !important;
  }
}


@media only screen and (max-width: 1050px) {
  .webinar-promo-text-content {
    font-size: 14px;
    line-height: 20px;
  }
  .webinar-promo-text-title {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .webinar-promo-text-wrap h3 {
    font-size: 18px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 900px) {
  .webAggTitle {
    max-width: 225px !important;
  }
  .webAggSubtitle {
    max-width: 225px !important;
  }
}


@media only screen and (max-width: 800px) {
  .webinar-promo-text-wrap {
    top: 2%;
    left: 1%;
    width: 92%;
 }
  .webinar-promo-video {
    height: 350px;
  }
  .webinar-promo-text-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 0px;
  }
  .webinar-promo-text-content {
    font-size: 14px;
    line-height: 22px;
    margin: 5px 0;
  }
  .webAggTitle {
    max-width: 200px !important;
  }
  .webAggSubtitle {
    max-width: 200px !important;
  }

  .webinar-promo-text-wrap .btn.newDesign {
    width: 100%;
  }

  #main > .fullwidth.gallerySectionFullwidth.webinar-aggregator-slider .webinar-aggregator-slider-wrap {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .webinar-promo-text-wrap {
    top: 4%;
    left: 1%;
    width: 92%;
  }
  .webinar-promo-text-title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .webinar-promo-text-content {
    display: none;
  }
  .webinar-promo-video {
    height: 300px;
  }
}

/* NEW THRIVE PAGE */

/* HEADER */
.thrive-header {
  display: flex;
  flex-wrap:wrap;
  padding: 25px;
  align-items: center;
}

.thrive-header-image {
  width: 50%;
}

.thrive-header-image img {
  margin-left: 25%;
  max-width: 200px;
}

.thrive-header-nav {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.thrive-header-nav .btn {
  width: 180px;
  height: 40px;
  margin: 10px;
}

/* CONTENT SECTIONS */
.thrive-section-one {
  display: flex;
  flex-wrap: wrap;
  padding: 25px;
  color: #fff;
  background-image: url(http://webstg.buschsystems.com/wp-content/uploads/2021/07/thrive-banner-image.jpg);
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
}

.thrive-section-one-half {
  width: 50%;
}

.thrive-section-one-header {
  margin: 3% 0 32px 25%;
  font-size: 40px;
  line-height: 48px;
  font-family: 'droidSB';
}

.thrive-section-one-body {
  margin-left: 25%;
  margin-bottom: 3%;
  width: 72%;
  letter-spacing: 2.5px;
}

.thrive-section-one-footer {
  margin-left: 25%;
  margin-bottom: 3%;
  letter-spacing: 1.75px;
  font-family: 'droidSB';
}

.thrive-section-one .btn {
  width: 25%;
  margin: 35px 0 35px 25%;
}

.thrive-section-two {
  display: flex;
  flex-wrap:wrap;
}

.thrive-section-two-half {
  width: 50%;
}

.thrive-section-two-half:nth-child(odd) {
  padding: 125px 0;
}

.thrive-section-two-slider {
  max-height:400px;
}

.thrive-section-two-slider .slick-prev {
  left: 200px
}

.thrive-section-two-slider .slick-next {
  right: 200px
}

.thrive-section-two-slider .slick-dots {
  display: none !important;
}

.thrive-section-two-header {
  margin-left: 25%;
  margin-bottom: 3%;
  font-size: 40px;
  line-height: 44px;
  font-family: 'droidSB';
  width: 60%;
}

.thrive-section-two-body {
  margin-left: 25%;
  margin-bottom: 3%;
  width: 75%;
  letter-spacing: 2px;
}

.thrive-section-two-footer {
  margin-left: 25%;
  margin-bottom: 3%;
  width: 75%;
  letter-spacing: 2.25px;
  font-family: 'droidSB';
  color: #3e90c9;
}

.thrive-section-two .btn {
  width: 30%;
  margin-left: 25%;
}

.thrive-starter-packages {
  background-color: #c8e9f1;
  padding-bottom: 5px;
}

.thrive-starter-packages-title {
  font-size: 32px;
  font-family: 'droidSB';
  margin-left: 13.5%;
  padding-top: 75px;
  margin-bottom: 50px;
}

.thrive-starter-packages-title:after {
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 0;
  bottom: 0;
  max-width: 300px;
  height: 10px;
  width: 75%;
  border-bottom: 3px solid #abd037;
  margin: 0;
  padding: 5px 0px;
}

.thrive-starter-package {
  width: 70%;
  background-color: #fff;
  margin: 0 auto;
  padding: 20px;
  margin-bottom: 75px;
  display: flex;
  flex-wrap: wrap;
}

.thrive-starter-package-half {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  justify-content: center;
}

.thrive-starter-package-offer-wrap {
  display: flex;
  width: 100%;
  align-items: normal;
}

.thrive-starter-package-half:nth-child(odd) .thrive-starter-package-offer-wrap {
  justify-content: flex-start;
}

.thrive-starter-package-half:nth-child(even) .thrive-starter-package-offer-wrap {
  justify-content: flex-end;
}

.thrive-starter-package-offer {
  display: flex;
  height: 75px;
  width: 55%;
  margin: 75px 0;
  background-color: orange;
  justify-content: flex-end;
  flex-wrap: wrap;
  color: #fff;
}

.thrive-starter-package-half:nth-child(odd) .thrive-starter-package-offer:after{
  content: '';
  position: relative;
  left: 25px;
  top: -99%;
  width: 0px;
  height: 0;
  border-top: 37px solid transparent;
  border-bottom: 38px solid transparent;
  border-left: 25px solid orange;
  clear: both;
}

.thrive-starter-package-half:nth-child(even) .thrive-starter-package-offer:after{
  content: '';
  position: relative;
  left: -100%;
  top: -99%;
  width: 0px;
  height: 0;
  border-top: 37px solid transparent;
  border-bottom: 38px solid transparent;
  border-right: 25px solid orange;
  clear: both;
}

.thrive-starter-package-offer-header {
  width: 100%;
  font-family: 'droidSB';
  font-size: 14px;
}

.thrive-starter-package-offer-content {
  width: 100%;
  font-family: 'droidSB';
  font-size: 32px;
  letter-spacing: -3px;
}

.thrive-starter-package-offer-footer {
  width: 100%;
  font-family: 'droidSR';
  font-size: 16px;
}

.thrive-starter-package-half:nth-child(odd) .thrive-starter-package-offer-header,  
.thrive-starter-package-half:nth-child(odd) .thrive-starter-package-offer-content,
.thrive-starter-package-half:nth-child(odd) .thrive-starter-package-offer-footer {
  text-align: right;
  margin-right: 10px;
}

.thrive-starter-package-half:nth-child(even) .thrive-starter-package-offer-header,  
.thrive-starter-package-half:nth-child(even) .thrive-starter-package-offer-content,
.thrive-starter-package-half:nth-child(even) .thrive-starter-package-offer-footer {
  margin-left: 10px;
}


.thrive-starter-package:nth-child(even) {
  padding: 0;
}

.thrive-starter-package:nth-child(odd) {
  padding: 0;
}

.thrive-starter-package:nth-child(4) .thrive-starter-package-half.thrive-starter-package-half-image {
  justify-content: flex-start;
}

.thrive-starter-package-half:nth-child(even).thrive-starter-package-half-image {
  justify-content: flex-end;
}

.thrive-starter-package-half {
  height: 750px;
}

.thrive-starter-package-half img{
  width: 95%;
  height: 100%;
  object-fit: cover;
}

.thrive-starter-package-details-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
}

.thrive-starter-package-details {
  align-self:center;
}

.thrive-starter-package:nth-child(even) .thrive-starter-package-details {
  border-left: 3px solid #abd037;
  padding-left: 50px;
}

.thrive-starter-package:nth-child(odd) .thrive-starter-package-details {
  border-right: 3px solid #abd037;
  padding-right: 50px;
  text-align: right;
}

.thrive-starter-package:nth-child(odd) ul {
  direction: rtl;
  list-style-position: inside;
}

.thrive-starter-package-details-header {
  font-size: 36px;
  line-height: 42px;
  font-family: 'droidSB';
}

.thrive-starter-package-details-body {
  margin-top: 20px;    
  width: 65%;
}

.thrive-starter-package:nth-child(odd) .thrive-starter-package-details-body {
  text-align: right;
  margin: 20px auto 0;
  display: inline-block;
  
}

.thrive-starter-package-details-list {
  margin-top: 20px;
}

.thrive-starter-package-details .btn {
  margin-top: 30px;
  width: 55%;
}

#main .thrive-contact .innerWrap {
  display: flex;
}

.thrive-resources {
  width: 65%;
  padding: 35px 75px;
  margin: 50px auto 0;
  background-color: #c8e9f1;  
}

.thrive-resources-title {
  font-size: 36px;
  line-height: 42px;
  font-family: 'droidSB';
}

.thrive-resources-title:after {
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 0;
  bottom: 0;
  max-width: 300px;
  height: 10px;
  width: 75%;
  border-bottom: 3px solid #abd037;
  margin: 0 0 25px 0;
  padding: 5px 0px;
}

.thrive-resources-list {

}

.thrive-resources-list:after {
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 0;
  bottom: 0;
  max-width: 300px;
  height: 10px;
  width: 75%;
  border-bottom: 3px solid #abd037;
  margin: 0 0 25px 0;
  padding: 5px 0px;
}

.thrive-resources-list li {
  width: 60%;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.thrive-resources-footer {
  width: 50%;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.thrive-resources .btn{
  width: 20%; 
}

.thrive-catalog {
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.thrive-catalog-image {
  max-height: 500px;
  width: 100%;
  justify-content: center;
  display: flex;
  overflow: auto;
  position: relative;
  margin-top:50px;
}

.thrive-catalog-image:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  filter: blur(8px);
  background-size: cover;
  background-position: center;
  background-image: url('http://webstg.buschsystems.com/wp-content/uploads/2021/07/thrive-catalog-background.jpg');
  width: 100%;
  height: 100%;
}

.thrive-catalog-image img {
  margin-top:20px;
  object-fit: contain;
}

.thrive-catalog-title {
  width: 100%;
  text-align: center;
  margin: 30px 0 10px;
  font-family: 'droidSB';
  color: #a0a2a4;
  letter-spacing: 1px;
}

.thrive-catalog-subtitle {
  width: 100%;
  text-align: center;
  margin: 0 0 30px;
}
@media only screen and (max-width: 1000px) {
  .thrive-starter-package {
    width: 88%;
  }
  .thrive-section-one-half {
    width: 75%;
  }
  .thrive-section-one {
    background-position-x: left;
  }
  .thrive-section-two-half {
    padding: 125px 0;
  }
  .thrive-section-two-header {
    margin-left: 15%;
    width: 50%;
  }
  .thrive-section-two-body {
    margin-left: 15%;
  }
  .thrive-section-two-footer {
    margin-left: 15%;
  }
  .thrive-section-two .btn {
    margin-left: 15%;
  }
  .imageSlick.slick-slider, .imageSlick.slick-slider.slick-dotted {
    margin: 80px 20px;
  }
  .wp-image-5303 {
    object-fit: unset;
  }
}

@media only screen and (max-width: 800px) {
  .thrive-header-image {
    width: 100%;
  }
  .thrive-header-nav {
    width: 100%;
    height: 100px;
    margin-top: 20px;
 }
  .thrive-section-one-half {
    width: 100%;
  }
  .thrive-section-one .btn {
    width: 50%;
  }
  .thrive-section-one {
    background-position-x: left;
  }
  .thrive-section-two-half {
    width: 100%;
  }
  .thrive-section-two-half {
    padding: 50px 0 0;
  }
  .thrive-section-two-header {
    margin-left: 15%;
    width: 75%;
  }
  .thrive-section-two-body {
    margin-left: 15%;
  }
  .thrive-section-two-footer {
    margin-left: 15%;
  }
  .thrive-section-two .btn {
    width: 40%;
    margin-left: 15%;
  }
  .thrive-section-two-half:nth-child(odd) {
    padding: 25px 0;
  }
  .thrive-section-two-slider {
    width: 400px;
    justify-content: center;
    margin: 0 auto 150px auto;
  }
  .thrive-starter-package {
    width: 85%;
  }
  .thrive-starter-package-half {
    width: 100%;
  }
  .thrive-resources-list li {
    width: 100%;
  }
  .thrive-resources-footer {
    width: 100%;
  }
  .thrive-resources .btn {
    width: 66%;
  }
  .thrive-starter-package-half:nth-child(even).thrive-starter-package-half-image {
    justify-content: center;
    margin-bottom: 10px;
  }
  .thrive-starter-package:nth-child(4) .thrive-starter-package-half.thrive-starter-package-half-image {
    justify-content: center;
    margin-top: 10px;
  }
  .thrive-starter-package-half {
    width: 100%;
    height: unset;
  }
  .thrive-starter-package:nth-child(even) .thrive-starter-package-details {
    border-left: none;
  }
  .thrive-starter-package:nth-child(odd) .thrive-starter-package-details {
    border-right: none;
  }
  .thrive-starter-package-details-wrap {
    margin-bottom:10px;
  }
  .thrive-starter-package-offer {
    margin: 25px 0;
  }
}

@media only screen and (max-width: 600px) {
  .thrive-section-one {
    background-position-x: right;
  }
}

/* CONSULTING FORM */
#webinarContactForm {
  text-align: center;
}

.consultingBg{
  background-image: url(images/webinars_Mailing-List_Sign-Up_Gradient.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.webinarBg{
  background-image: url(images/Mailing-List_Sign-Up_grn.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.webinarTitleWrap h4{
  font-size: 48px;
  margin-top: 40px;
  line-height: 50px;
}

.webinarTitleWrap p{
  font-size: 22px;
  margin-top: 20px;
  line-height: 24px;
  letter-spacing: 1.5px;
}

.wavy-bg-rotate .aboutContainer.wide{
  padding-top: 120px;
  max-width: 1400px;
}

.wavy-bg-rotate-green .aboutContainer.wide{
  padding-top: 160px;
  max-width: 1400px;
}

.consultingTop > div:nth-of-type(2){
  text-align: right;
}

.consultingTop > div:nth-of-type(2) > img{
  width: 80%;
}

.consultingTop > div:nth-of-type(3){
  position: absolute;
  top: 15%;
  left: 13%;
}

.consultingTop > div:nth-of-type(3) p{
  font-size: 18px;
  max-width: 480px;
}

.consultingTop > div:nth-of-type(3) h6{
  margin-bottom: 23px;
  font-size: 18px;
}

.consultingBg h4, .webinarBg h4{
  color: #ffffff;
  text-align: center;  
}

.consultingBg p, .webinarBg p{
  color: #ffffff;
  text-align: center;
}

.consultingBg .flex, .webinarBg .flex{
  justify-content: center;
  margin: 20px 0;
}

.consultingBg .flex input, .webinarBg .flex input{
  margin: 0px 10px;
  padding: 6px;
  width: 250px;
  border: none;
}

.wavy-bg-rotate .columnCon > div:nth-of-type(1), 
.wavy-bg-rotate-green .columnCon > div:nth-of-type(1){
  width: 40%;
  margin: auto 0;
}

.wavy-bg-rotate .columnCon > div:nth-of-type(2){
  max-width: 700px;
}

.wavy-bg-rotate-green .columnCon > div:nth-of-type(2){
  max-width: 625px;
}

.blueSwipe .aboutContainer.wide{
  justify-content: center;
  padding-bottom: 100px;
}

.blueSwipe .aboutContainer.wide .slides{
  text-align: center;
  max-width: 1400px;
  align-items: center;
}

.expertsSection{
  border-bottom: 11px solid #4D4D4F;
}

.expertsSection > .aboutContainer{
  text-align:center; 
  margin: 0 auto 50px;
}

.expertsSection > .aboutContainer h6{
  margin-bottom: 23px; 
  font-size: 18px;
}

.expertsSection > .aboutContainer h2{
  text-transform: inherit; 
  text-align: center; 
  font-family: droidsr; 
  max-width: 780px; 
  margin: auto; 
  line-height: 35px; 
  font-size: 29px;
  margin-bottom:26px 
}

.expertsSection .expertsBottomImage{
  width: 38.5%;
  margin: 0 auto;
}



.blueSwipe h2, .blueSwipe h6{
  color: #ffffff;
}

.blueRibbon.recommended{
  margin-left: -22px;
  width: 122%;
}

.carouselArrows{
  display: none;
  margin: 0px;
}

.blueSwipe div.slides{
  justify-content: center;
  width: 100%;
  margin-bottom: 60px;
}

.progressBar{
  justify-content: center; 
  padding-bottom: 30px; 
  display: none;
}

.progressBar > div{
  display:none;
}

.progressBar > div > i{
  color: #ffffff;
}

.progressBar > div.active > i{
  color: #abd037;
}

.carouselArrows i{
  color: #abd037;
  font-size: 26px;
  text-shadow: 0px 1px 2px #000000;
  cursor: pointer;
}

.carouselArrows.disabled i{
  color: #ffffff33;
  font-size: 26px;
  text-shadow:none;
  cursor: pointer;
}

.consultingPackage.featuredPackage .blueRibbon.recommended h4{
   border-bottom: 0;
   padding-top: 6px;
}

.consultingPackage{
  padding: 31px 10px;
  background: #ffffff;
  border-radius: 20px;
  margin: auto 1%;
  height: 608px;
  position: relative;
  width: 317px;
  min-width: 280px;
}

.consultingPackage h4{
 color: #ABD037;
 border-bottom: #ABD037 solid 2px;
 margin: 10px auto;
 padding-bottom: 20px;
 width: 70%;
 text-align: center;
}

.consultingPackage p{
  font-size: 14px;
}

.consultingPackage img{
  height: 60px;
  margin-top: 23px;
}

.consultingPackage .plus{
  font-size: 18px;
  font-weight: bold;
  background: #abd037;
  width: fit-content;
  width: 44px;
  padding: 2px 20px;
  color: #fff;
  text-align: center;
  margin: 0 auto 10px;
  position: relative
}

.consultingPackage .plus:after{
  content: '';
  position: absolute;
  left: 33%;
  top: 85.5%;
  width: 2px;
  height: 2px;
  border-top: solid 12px #abd037;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent;
  z-index: 9999;
}

.consultingPackage .bottomInfo{
  position: absolute;
  bottom: 20px;
  left: 13%;
}

.consultingPackage.featuredPackage{
  background: #abd037;
  padding: 50px 10px;
}

.consultingPackage.featuredPackage .plus{
  background: #ffffff;
  color: #abd037;
}

.consultingPackage.featuredPackage .plus:after{
  border-top: solid 12px #ffffff;
}


.consultingPackage.featuredPackage p, .consultingPackage.featuredPackage h4{
  color: #ffffff;
}

.consultingPackage.featuredPackage h4{
  border-bottom: #fff solid 2px;
}

.consultingTeamCon{
  max-width: 600px; 
  margin: 45px auto;
}

.consultingTeamCon > div{
  width: 23%; 
  margin: 0 1%;
}


/* REWARDS PROGRAM */
.rewardsIntro h3{
  font-size: 25px;
  color: #0EA5B3;
  text-align: center;
  line-height: 30px;
}

.rewardsIntro p{
  font-size: 18px;
}

.rewardsPannel{
  width: 48%;
  margin: 0 2%;
  border: 1px solid #707070
}

.rewardsPannel:nth-of-type(1){
  margin-left: 0;
}

.rewardsPannel:nth-of-type(2){
  margin-right: 0;
}

.rewardsTitle{
  width: 100%;
}

.rewardsTitle h3{
  color: #ffffff;
  text-align: center;
  padding: 10px 0;
}

.rewardsImageCon{
  margin: 20px auto;
  text-align: center;
}

.rewardsImageCon img{
  max-height: 150px;
}

.rewardsColorCon{
  width: 60%;
  padding: 10px 0;
  position: relative;
  margin: 36px auto 20px;
  text-align: center;
  text-transform: capitalize; 
}

.rewardsColorCon h4{
  color: #ffffff;
}

.rewardsPannel p{
  text-align: center;
  width: 73%;
  margin: 30px auto;
}

.rewardsColorCon:after {
  content: '';
  position: absolute;
  left: 42%;
  top: -45.5%;
  width: 2px;
  transform: rotate(180deg);
  height: 2px;
  border-top: solid 23px #4ab291;
  border-left: solid 23px transparent;
  border-right: solid 23px transparent;
  z-index: 9999;
}

.rewardsColorCon.blue:after{
  border-top: solid 23px #3e90c9;
}

.tesimonialSpecial{
  margin: 20px auto;
  padding-top: 0;
  padding-bottom: 0;
}

.tesimonialSpecial h3{
  color: #ffffff;
  text-transform: capitalize;
}

.tesimonialSpecial p{
  font-size: 18px;
}

.trustPilotCustom{
  padding: 50px 0px 60px;
  margin: auto;
}

/* RESOURCES */
/* WEBINARS */

.webinarCon{
  margin: 35px auto;
}

.webinarCon > div:nth-of-type(1){
  margin: auto 69px auto 0;
  max-width: 449px;
}

.greenLinkArrow{
  max-height: 17px;
}

/*RESOURCE CENTER GIF*/
.resourceCenterGIF {
    width: 50vw;
    height: 33vh;
    margin-left: 25vw;
    margin-top: -52.5vh;
    background-size: contain;
    position: absolute;
    z-index: 1;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    max-height: 100%;
}
.greyRewardsText{
  color: #939598;
  margin-top: 4vh;
}
.greenRewardsText{
  color: #0c909d;
}

.greyRewardsText > div > h3 {
  color: #939598;
  font-size: 25px;
  line-height: 25px;
}

.innerWrap > .contactWrapper
{
  float: left;
}

.innerWrap > .contactWrapper > .contactUsLines{
    border-bottom: 1px solid grey;
    width: 18vw;
    padding-top: 2vh;
    margin: 0 1vw;
    float: left;
}
.innerWrap > .contactWrapper > .contactUsLines:first-child{
    margin-left: 7vw;
}
.contactWrapper > p {
    width: 15%;
    float: left;
    margin-bottom: 10vh;
}
.contactWrapper > a {
    float: left;
    margin-bottom: 10vh;
}
.rewardsTerms {
    color: grey;
    font-size: 10px;
    text-align: center;
}
.greenBorderLine {
    border-bottom: 5px solid #00964C;
    height: 0px;
}


/*************************SUSTAINABILITY******************************/
.sustainabilityObjectiveCon > div:nth-of-type(1){
  width:65%;
  flex-wrap: wrap;
}

.sustainabilityObjectiveCon > div:nth-of-type(2){
  width:35%;
  flex-direction: column;
}

.sustainableGoal{
  width: 165px;
  margin: auto 1%;
  background: #EEEEEE;
  text-align: center;
  padding: 8px 0px;
  border: #707070 1px solid;
}

.goalcomplete{
  width: 165px;
  margin: auto 1%;
  background: #8AB53F;
  position: relative;
  color: #fff;
  text-align: center;
  padding: 8px 0px;
  border: #707070 1px solid;
}

.goalcomplete p, .sustainableGoal p{
  padding: 10px 20px 0;
  margin-bottom: 0;
}

.goalcomplete img.goalcompletecheck{
  position: absolute;
  top: 1%;
  right: 77%;
  width: 25px;
  height: 25px;
  padding: 8px;
}

.goalcomplete img.attachment-sustainimg{
  -webkit-filter: brightness(0) invert(1);
}

.sustainability .left {
    width: 430px;
    color: black;
    line-height: 2.0;
    padding-bottom: 10px;
    padding-left: 50px;
}

.sustainability .left h2 {
  color: black;
  font-size: 42px;
  line-height: 48px;
}

.sustainability .left > div {
  float: left;
}


.sustainability .left > div > img {
  float: left;
  margin-right: 10px;
}
.sustainability .left > div > a {
text-decoration: none;
color: #FFF;
/*border: 2px solid  #12A5B3;*/
border-radius: 25px;
/*background: #12A5B3;*/
padding: 8px 20px;
background-color: #48b291;
}

.sustainability .left > div > span {
  float: left;
  display: block;
  width: 280px;
  font-size: 37px;
  line-height: 40px;
  font-family: "francoisOne", Arial, sans-serif;
}

.sustainability .right {
  width: 688px;
    border-collapse: separate;
    border-spacing: 10px;
        padding-top: 55px;
}

.sustainability .right p {
  margin-bottom: 0;
}

.sustainability .right > div {
  display: table;
    width: 47%;
    padding-left: 205px;
}

.sustainability .right > div > div {
    display: table-cell;
    text-align: center;
    padding: 18px 0px;
    vertical-align: middle;
    background: #ffffff;
    width: 119px;
    position: relative;
}

.sustainability .right > div > div > img {
  margin-bottom: 2px;
}

.sustainability .right > div > .goalcomplete {
  background: #d0edf0;
}

/* .sustainability .right > div > .goalcomplete > .goalcompletecheck {
    position: absolute;
    top: 10px;
    right: 125px;
    width: 0px;
    height: 0px;
    padding: 8px;
    background: url(https://www.buschsystems.com/wp-content/themes/busch-theme/images/icon-spritesheet.png) no-repeat 0px -117px;
} */

/*********************FOOTER*************************/
footer {
  position: relative;
  background: #FFF;
  width: 100%;
}

  /**********FOOTER BOTTOM***********/
  #main > .toTopBtn{
  display: flex;           
  background: transparent;
  align-items: center;
  border: none;
  bottom: 26px;
  position: fixed;
  color: #fff;
  right: 97px;
  border-radius: 100px;
  padding: 5px 20px;
  top: auto;
  cursor: pointer;
  z-index: 1050;
  background: #32a8d9;
}

.toTopBtn > i{
  color: #ffffff; 
  font-size: 16px; 
  margin: 0 5px 0 0;
}

.toTopBtn > p{
  color: #ffffff; 
  margin: 0 0 0 5px;
}

  footer .innerWrap > div {
  margin-bottom: 30px;
}

footer .menuRow {
  display: flex;
  max-width: 87%;
  margin: auto;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: 15px;
}

footer .menuRow .bcorp{
  max-width: 210px;
  margin: 10px 0 0 0;
}

#main .footerBand{
  flex-wrap: wrap;
  height: 50px;
  background: #0033A0;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  align-content: center;
  padding: 0 11.5%;
  margin-top: 25px;
  z-index: 1051;
}

.copyRight{
   font-size: 12px;
 }

.footerBand .leftBand p{
  margin: 0;
  margin-right: 15px;
  font-size: 12px;
  font-family: droidsb;
}

footer .menuWrap {
  margin: 20px 70px 20px 0;
}

footer ul, footer ul > li {
  list-style-type: none;
  margin-left: 0;
}

footer ul > li > a, footer ul > li > p, footer ul > li > div > p{
  color: #99999a;
  font-family: "droidSR", Arial, sans-serif;
  font-size: 14px;
}
footer ul > li > a:hover {
  font-weight: bold;
}

.contact-footer{
  padding-right: 25px; 
  border-right: 1px solid #d5d5d5;
}

.btn.footerBtn{
  background: #0EA5B3;
  border-radius: 0;
  font-size: 16px;
  padding: 5px 11px;
  letter-spacing: 1.3px;
  margin-top: 20px;
}

.btn.footerBtn:hover{
  background: #0ea5b3c2;
}

.footerInput{
  background: #D1D3D4;
  border: none;
  margin-left: 5px;
  padding: 1px 5px;
}

footer .menuName {
  font-family: "droidSR", Arial, sans-serif;
  color: #4D4D4F;
  margin-bottom: 15px;
  font-size: 18px;
}

footer .copyRight {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  margin: 0px;
  display: flex;
  align-items: center;
  font-family: droidsr;
}

footer .copyRight img{
  max-height: 25px;
}

footer .telSocial {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

footer .telSocial a.tel {
  color: #0033a0;
  margin-left: 20px;
  margin-top: 5px;
  font-size: 27px;
  line-height: 33px;
  font-family: "droidSB", Arial, sans-serif;
}

footer.innerWrap > div > div ul > li {
  margin-top: 5px;
}
footer .logoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .social ul > li > a > img {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
footer .madeInNA {
  font-family: "droidSR", Arial, sans-serif;
  text-transform: uppercase;
  color: #99999a;
  font-size: 16px;
  line-height: 20px;
  align-self: center;
}
footer .madeInNA div {
  max-width: 160px;
}
footer .madeInNA img {
  width: 55px;
  height: 55px;
  margin: 10px;
}

footer .madeInNA img:nth-of-type(1) {
  width: 0px;
  height: 0px;
  padding: 27px;
  background: url(https://www.buschsystems.com/wp-content/themes/busch-theme/images/icon-spritesheet.png) no-repeat 0px 0px;
}

footer .madeInNA img:nth-of-type(2) {
  width: 0px;
  height: 0px;
  padding: 27px;
  background: url(https://www.buschsystems.com/wp-content/themes/busch-theme/images/icon-spritesheet.png) no-repeat -60px 0px;
}

footer .madeInNA div:nth-of-type(3) img:nth-of-type(1) {
  width: 0px;
  height: 0px;
  padding: 27px;
  background: url(https://www.buschsystems.com/wp-content/themes/busch-theme/images/icon-spritesheet.png) no-repeat 0px -60px;
}

footer .madeInNA a:nth-of-type(1) img:nth-of-type(1) {
  width: 0px;
  height: 0px;
  padding: 27px;
  background: url(https://www.buschsystems.com/wp-content/themes/busch-theme/images/icon-spritesheet.png) no-repeat -60px -60px;
}

/*************** new product display styles **************/
.productFilters {
  background: #028C9A;
  vertical-align: top;
  position: relative;
}

.filterControls {
  font-family: droidsr;
  margin-right: 15px;
}

.filterControls > .stickyBar > .borderCon{
  border: 1px gray solid;
}

.filterControls .searchX, .filterMobileBtnCon{
  display: none;
}

.productTable > .productGrid > .flex{
  justify-content: space-between;
}

.productTable > .productGrid > .flex.productSeriesSelection{
  justify-content: initial;
}

.productGrid {
  padding: 0px 30px 50px 30px;
  background: #FFF;
}

.productHeaderBar {
  position: absolute;
  width: 100%;
  height: 65px;
  background: #B2B2B2;
}

.productTable {
  margin: 90px auto;
  max-width: 1350px;
}

.prodTitle{
  text-transform: capitalize;
  font-size: 18px;
  color: #4D4D4F;
  font-family: droidsr;
  margin-top: 5px;
}

.productHead {
  position: relative;
  font-size: 18px;
  font-family: droidsb;
  text-align: left;
}

.productFlexHead{
  height: 50px; 
  justify-content: flex-end;
  margin-right: 17px;
}

.productVariantsWrapOnly{
  width: 80% !important;
  margin: auto;
}

.filterHead {
  width: 290px;
  background: #ececec;
  text-align: left;
  padding: 9px;
}

.filterRow {
  line-height: 1.5;
  padding: 15px;
  text-align: center;
}

.infoIcon {
  margin-left: 15px;
  height: 15px;
  width: 15px;
  padding: 5px 15px;
  cursor: pointer;
  background: transparent url("images/greenway-i-icon.png") center center no-repeat;
}

.clearFilters:hover{
  color: #fff;
  background: #ABD037;
}

.clearFilters {
  padding: 0px 10px;
  border: 1.5px solid #B2B2B2;
  cursor: pointer;
  background: #fff;
  font-size: 14px;
  color: #939598;
}

#sortSelect {
  height: 25px;
  margin-left: 10px;
  min-width: 200px;
  font-size: 16px;
  font-family: droidsr;
  color: #4D4D4F;
}

.customSelect li{
  display: none;
  height: 25px;
  min-width: 240px;
  font-size: 14px;
  padding: 0 10px;
  font-family: droidsr;
  color: #4D4D4F;
  list-style-type: none;
  align-items: center;
  border-right: solid 0.5px gray;
  border-left: solid 0.5px gray;
  margin: 0;
}

.customSelect li div span:nth-of-type(1){
  color: #bababa;
}

.customSelect{
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 10;
  margin-left: 0;
  background: #fff;
  border-bottom: none;
}

.customSelect li.flex{
  display: flex !important;
}

.customSelect li.flex:last-of-type{
  border-bottom: solid 0.5px gray;
}

.wp-pagenavi{
  background: inherit !important;
}
ul#pageChange, ul#pageChangeBottom, .wp-pagenavi{
  list-style-type: none;
  color: #4D4D4F;
  font-size: 12px;
  font-family: droidsr;
  cursor: pointer;
  top: 0px;
  z-index: 1;
  margin-left: 0;
  background: #fff;
  border-bottom: none;
  margin-bottom: 15px;
}

.flex ul#pageChangeBottom{
  margin-bottom: 0;
}

#pageChange li, #pageChangeBottom li, .wp-pagenavi div{
  margin-top: 0px;
  min-width: 25px;
  text-align: center;
  height: 25px;
  color: #4D4D4F;
  border-right: none;
  border: #707070 solid 0.5px;
  background: #ffffff;
}

.disableArrow, .disableCheck{
  color: #c4c3c3 !important;
}

.customSelect li:nth-of-type(1){
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  border: 0.5px solid gray;
}

/* #mainFilters.customSelect li:nth-of-type(1):hover{
  border-right: 0.5px solid gray;
}

.customSelect li:nth-of-type(1):hover{
  border-left: 0.5px solid gray;
} */

.customSelect li:nth-of-type(5){
  border-bottom: 0.5px solid gray;
}

#sortSelect:active{
  outline: none;  
}

.customSelect li:hover:nth-of-type(n+2), 
#pageChange li:hover,
#pageChange li.active,
#pageChangeBottom li:hover,
#pageChangeBottom li.active{
  background: #16BECF;
  color: #fff;  
}

.sortHead {
  margin-bottom: 25px;
}

.subFilterButton{
  border-top: 1px solid #cdcdcd;
  padding: 15px 0;
  margin-left: 10px;
}

.subCats > .subFilterButton:nth-of-type(1){
  border:none;
}

.subFilterButton i{
  font-size: 10px;
  margin: auto;
}

.subFilterButton > .clear, .subFilterButton > .reset{
  display: none;
  width: inherit;
  margin: 0 10px;
  color: #9db84b;
}

.subFilterButton.expand > span{
  width:inherit;
}

.subFilterButton.expand{
  padding: 15px 0 10px;
}

.subFilterButton.expand > i{
  margin-right: 0px;
}

.exactColor, .exactStream, .exactLidColor{
  color: #999;
  margin-right:5px;
}

.sub-items > .flex, .subFilterButton, .exact{
  position: relative;
}

label.customCheck {
  display: none;
  width: 8.8px;
  height: 8.8px;
  transition: all .5s ease;
  cursor: pointer;
  position: absolute;
  top: 7.5px;
  left: 1.5px;
  z-index: 1;
  pointer-events: none;
}

.customRadio[type='radio']:checked:after {
  width: 8px;
  height: 8px;
  border-radius: 15px;
  top: -2px;
  left: 2px;
  position: relative;
  background-color: #ABD037;
  content: '';
  display: inline-block;
  visibility: visible;
}

.sub-items > .flex > input[type=checkbox]:checked + label, .exact input[type=checkbox]:checked + label {
  background: #ABD037;
  display: block;
}

.filterButton {
  text-align: left;
  color: #4D4D4F;
  font-family: droidsr;
  cursor: pointer;
  transition: background 0.3s linear;
  line-height: 1.5;
  font-size: 16px;
  padding: 10px 10px 10px 30px;
  border-bottom: 1px solid #cdcdcd;
  width: 82%;
  margin: auto;
  -webkit-tap-highlight-color: transparent
}

.blockImportant{
  display: block !important;
}

#allProducts.filterButton{
  border: none;
}

.filterButton span {
  width:100%;
  align-items: center;
}

.activeFilterButton > span {
  color: #8AB53F;
  font-family: droidsb;
  font-weight: bold;
}

.subCats{
  display:none;
}

.activeFilterButton + .subCats{
  display: block;
}

.activeFilterButton .fas{
  transform: rotate(90deg);
  color: #4d4d4f;
}

h5.prodSizes {
  text-transform: uppercase;
}

.filterControls .streams {
  background: #4BAF8B;
  padding: 25px 15px;
  color: #FFF;
  line-height: 1.5;
}

.filterControls h6 {
  font-size: 18px;
}

.filterControls .streams div {
  display: inline-block;
  width: 24.5%;
  text-align: center;
  margin-top: 15px;
}

.filterControls .streams label {
  color: white;
  font-size: 20px;
  position: relative;
  top: 1px;
  pointer-events: none;
  line-height: 1.5;
}

.streamCircle {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  padding: 5px 13px;
  transition: background 0.3s linear;
  cursor: pointer;
}

.streamCircle:hover {
  background: #79DEFF;
}

.streamCircle.active {
  background: #B2B2B2;
}

.streamOne {
  background: #004999;
}

.streamTwo {
  background: #009F42;
}

.streamThree {
  background: #ACCB15;
}

.streamFour {
  background: #458DC7;
}

div.capacity {
  background: #379483;
  padding: 15px;
  line-height: 1.5;
  color: #FFF;
}

div.price {
  background: #2C7E6F;
  padding: 15px;
  line-height: 1.5;
  color: #FFF;
}

.slideLabels > div {
  display: inline-block;
  width: 33%;
  font-size: 15px;
}

.slideLabels div:nth-child(1) {
  text-align: left;
}

.slideLabels div:nth-child(2) {
  text-align: center;
}

.slideLabels div:nth-child(3) {
  text-align: right;
}

.sliderWrap {
  margin: 15px 0 10px 0;
}

#capSlide, #priceSlide {
  position: relative;
  width: 85%;
  margin: auto;
}


/**********Browser Media Screens***********/
/**********CHROME***********/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /********GREENWAY*********/
  #greenway .principal.results > .resultsSlideout form > div > input[type="submit"] {
    line-height: 32px;
  }
}


/**********************IE 10 and ABOVE HACK************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .updatesCon .updateMainFlex > div:nth-of-type(2){
    margin: auto;
  }

  .overlapArrowCon img{
    left: 50%;
  }

  .updatesCon .updateMainFlex > div:nth-of-type(2) img, iframe{
    max-width: 350px;
  }

  .mainmenu #logo{
    margin: 10px 40px 10px 20px;
  }
}

/**********************Firefox************************/
@-moz-document url-prefix() {
  #productsQuickNav .quickNavCon .productType:nth-of-type(5) a p{
    top: 70px !important;
  }
}  

/**********************IE 9 and ABOVE HACK************************/
@media screen and (min-width: 0\0) {
  /******** Fancy Products *********/
  th.filterHead div {
    border: 0;
  }

  .transoverlay50, .transoverlay60 {
    display: none;
  }

  /********COUNTRY PICKER **********/
  .cs-active .cs-options li {
    display: block;
  }

  .cs-options li {
    display: none;
  }

  /********GREENWAY*********/
  #greenway .principal.results > .resultsSlideout form > div > input {
    padding: 5px 8px;
  }

  #greenway .principal.results > .resultsSlideout form > div > input[type="submit"] {
    line-height: 33px;
  }
}

/*****************MEDIA QUERIES*******************************/

@media only screen and (max-width: 1575px) {


/* Consulting */
  .consultingTop > div:nth-of-type(3){
    position: absolute;
    top: 13%;
    left: 5%;
  }

  .consultingTop > div:nth-of-type(3) .scrollToItemBtn{
    display: none;
  }

  .consultingTop div:nth-of-type(3) h1{
    text-transform: inherit;
    font-size: 35px;
    line-height: 35px;
  }
  
  .consultingTop > div:nth-of-type(3) p{
    font-size: 16px;
    max-width: 401px; 
  }

  #main .wavy-bg-rotate, 
  #main .wavy-bg-rotate-green{
    margin-top: -7.2%;
  }

  .ls-wp-container .btn {
    margin: 0;
    font-size: 14px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1540px) {
  #countrySelect .cs-select .selectedCountry{
    display: none;
  }

  .mainmenu #logo img{
    max-width: 115px !important;
    min-width: inherit !important;
    height: inherit !important;
  }

  .mainmenu #logo{
    margin: auto 15px auto 10px;
  }


  .hbotOut nav > ul > .nav-item:nth-of-type(1){
    margin-left:15px;
  }

  .hbotOut nav > ul > li > a{
    font-size: 16px;
    padding: 20px 29px 20px 0;
  }

  /* .hbotOut .searchBox input{
    width: 90px;
  } */

  #homeheaderblock{
    margin-top: 7%;
    margin-left: 15%;
  }

  #homeheader h1{
    font-size: 40px;
  }

  #homeheader h2{
    font-size: 23px;
  }
  
}

@media only screen and (max-width: 1450px) {
  /****** Sustainability ******/
  .sustainability .left{
    padding-left:142px;
  }

  #main > .sustainability {
      background-size: 100% 100%;
  }

  .sustainability hr {
      margin-left: 250px;
  }

  .sustainability .left {
      width: 400px;
  }

  .sustainability .right {
      width: 658px;
  }

  .sustainability .right > div > .goalcomplete > .goalcompletecheck{
      right: 115px;
      width: 11%;
  }
  
  /****** Single Product Info ******/
  #prodimg > img {
    max-width: 500px;
  }

  .prodImgCon{
    width: 100%;
  }

  .prodTopCon{
    width: 90%;
  }

  .prodgal {
    width: 48%;
  }

  .prodinfo {
    width: 52%;
    margin-left:20px;
  }

}

@media only screen and (max-width: 1435px) {
  .categorySlider {
    width: calc(100% - 460px);
  }

  .hbotOut nav > ul > li > a{
    padding: 20px 0;
  }

  #main .footerBand{
    padding: 0 8%;
  }


}

@media only screen and (max-width: 1400px) {
  /* .consultingPackage:nth-of-type(4){
    display: none;
  } */

  .btn.yellowGradientbtn {
    padding: 2px 10px !important;
  }

  .blueSwipe div .slides{
    overflow: hidden;
    max-width: 946px;
    justify-content: unset;
    width: inherit;
    align-items: center;
  }

  .consultingPackage{
    margin: 0 10px;
  }

  .consultingPackage:nth-of-type(1){
    margin: 0px 10px 0 0;
  }

  .carouselArrows, .progressBar > div:nth-of-type(1), .progressBar > div:nth-of-type(2){
    display: block;
    margin: auto 4px;
  }

  .progressBar.flex{
    display: flex;
  }
}

@media only screen and (max-width: 1385px) {

  .hbotOut nav > ul > .nav-item:nth-of-type(1){
    margin-left: 10px;
  }

  .catalogues > .flex{
    width: 100%;
  }

  .hbotOut nav > ul > li > a{
    font-size: 15.4px;
  }

  .mainmenu #logo{
    margin: auto 10px;
  }

  .marketingBlockContent{
    width: 50%;
    padding: 30px;
  }

  .blockitemcontent > p{
    font-size: 18px;
  }

  /* Search results laptop friendly */
  .searchCon .result{
    max-width:600px;
  }

  .searchCon .result div:nth-of-type(2){
    max-width: 380px;
  }
}

@media only screen and (max-width: 1300px) {
  .outOfStockWrap > .outOfStockBox > div > p{
    text-align: center;
  }

  /* Consulting */
  .wavy-bg-rotate .columnCon > div:nth-of-type(2), 
  .wavy-bg-rotate-green .columnCon > div:nth-of-type(2){
    max-width:500px
  }

  .aboutContainer .revisedWidth.columnCon > div:nth-of-type(1){
    width: 100%;
    margin: 20px auto;
    text-align: center;
  }

  .aboutContainer .revisedWidth.columnCon div:nth-of-type(1) .flex{
    justify-content: center;
    margin-bottom: 30px;
  }

  .wavy-bg-rotate .aboutContainer.wide, 
  .wavy-bg-rotate-green .aboutContainer.wide{
    padding-top: 70px;
  }

  #homeheaderblock{
    margin-top: 6%;
  }

  #homeheader h1{
    font-size: 30px;
    line-height: 36px;
  }

  #homeheader h2{
    font-size: 21px;
    line-height: 2px;
  }
}

@media only screen and (max-width: 1220px) {
  .hbotOut .searchBox input{
    width: 1px;
    padding: 10px 34px 6px 26px !important;
  }

  .hbotOut .searchBox input{
    width: 1px;
    padding: 6px 19px 6px 38px;
  }

  .hbotOut .searchBox.roundBorder input.widthAlt{
    width: 90px;
    padding: 6px 36px 6px 55px;
  }

 .searchBox #searchsubmit{
    display: none;
  }

.searchBox #alterSearch{
    display:block
  }

  .searchBox.roundBorder .searchBtn{
    left: 10px;
    width: 30px;
  }

}

@media only screen and (min-width: 1100px) {
  /*****Products Wrap******/
  .productWrap > div > div > a > span {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5555;
  }

  .productWrap > div > div > a > span > span.transoverlay60 {
    transition: opacity 0.3s linear 0s;
    opacity: 0 !important;
  }

  .productWrap > div > div > a:hover > span > span.transoverlay60 {
    opacity: 0.6 !important;
  }

  /* .productWrap > div > div > a {
    width: 100%;
    height: 85%;
  } */

  .productGrid .productWrap > div > div {
    width: 28%;
    margin-left: 5%;
  }

  .productGrid .productWrap {
    min-height: 500px;
  }

}

/* Home Page what sets us apart */
@media only screen and (max-width: 1250px) {
  #main .whatSetsUsApart > .innerWrap{
    justify-content: center;
  }

  #blocklist .slick-track > div{
    height: 175px !important;
  }

  .blockitem{
    height:175px;
  }
}

@media only screen and (max-width: 1200px) {
  
  /* NEW Product Styles */
  #overview > .flex > div:nth-of-type(2), 
  #overview > .flex:nth-of-type(2) > div:nth-of-type(2){
    max-width: 80%;
    text-align: center;
    margin: 30px auto 0;
  }
  
  /* Consulting */
  .consultingTop{
    display: flex;
    flex-direction: column-reverse;
  }

  .consultingTop > div:nth-of-type(3) {
    position: inherit;
    top: inherit;
    left: inherit;
    text-align: center;
    margin: 40px auto -30px;
  }

  .consultingTop > div:nth-of-type(2) > img {
    width: 100%;
  }

  .consultingTop > div:nth-of-type(3) p {
    max-width: inherit;
    margin: 0px 40px;
  }

  .consultingTop div:nth-of-type(3) h1 {
    font-size: 48px;
    line-height: 48px;
  }

    /* New Product Page */
    #overview .boxShadow{
      max-width: 459px;
      width:100%;
    }

    #overview > .fadeContent > .flex > div:nth-of-type(2),
    #overview > .fadeContent:nth-of-type(2) > .flex > div:nth-of-type(2), 
    #overview > .fadeContent:nth-of-type(4) > .flex > div:nth-of-type(2){
      max-width: 452px;
    }

    /* PPE Banner */
    #ppeBanner h3{
      font-size: 28px !important;
    }

    #ppeBanner p, #ppeBanner .btn.newDesign{
      font-size: 16px !important;
    }
    /* PPE Banner Bottom*/
}

@media only screen and (max-width: 1150px) {
  /*** Why Busch ***/
  .collapsableWhyBusch {
    margin: 15px 0;
  }

  .whyBuschMainCon{
    max-width: 90%;
  }

  .ls-wp-container .btn {
    margin: 0;
    font-size: 10px;
    padding: 0px 10px;
  }
}

@media only screen and (max-width: 1100px) {
    /* Home 2020 Styles */
    #marketingblock {
      flex-direction: column;
      width: 100%;
    }
    .marketingBlockContent{
      width: 100% !important;
      padding: 20px 30px !important;
      max-width: 100%;
    }
    #blocklist{
      border: none;
    }
    .blockitem{
      width: 100%;
      display:flex;
      flex-direction: column;
      justify-content: center;
    }
  
  /*disable new product page elements*/
  .htopOut {
    text-align: center;
  }

  .requestBtn {
    float: none;
  }

  h5.prodSizes, .productFilters, .productTable thead, .productHeaderBar {
    display: none;
  }

  .productGrid .productWrap > div > div {
    width: 30%;
  }

  /*SUBSCRIPTION SECTION*/
  .subscriptionPage .signUpBanner .leftBlock {
    display: none;
  }

  .subscriptionPage .rightBlock {
    padding: 20px;
    margin: auto;
  }

  /* Consulting */
  .blueSwipe div .slides{
    overflow: hidden;
    max-width: 627px;
  }

  .progressBar > div:nth-of-type(3){
    display: block;
  }


  /* SUSTAINABILITY */
  .infoBlurbSustain{
    width: 290px;
    margin-left: 0;
    text-align: center;
    margin: 20px auto;
    height: 184px;
  }

  .infoBlurbCon{
    justify-content: center;
    margin: auto;
    text-align: center;
    flex-wrap: wrap;
  }

  /*UPDATE SECTION*/
  .updatesCon .updateMainFlex > div{
    padding: 10px 50px 0;
  }
  .webinar-signup a{
    margin: 10px 0;
  }

}
@media only screen and (min-width: 1099px) {
    .bookletSection img{
      min-width: 350px;
    }
}
/*************WIDTH: 1099px*****************/
@media only screen and (max-width: 1099px) {
  .innerWrap {
    width: 930px;
  }

  .htopOut h3 {
    font-size: 14px;
  }

  /*****MEGAMENU*****/
  .hbotOut nav > .megamenuOuter {
    padding: 8px;
    width: 930px;
  }

  .hbotOut nav > .megamenuOuter > .megamenu_first .productsmenu ul > li > a {
    font-size: 16px;
    line-height: 50px;
    width: 150px;
  }

  .hbotOut nav > .megamenuOuter > .megamenu_second {
    width: 760px;
  }

  .hbotOut nav > .megamenuOuter > .megamenu_second > div > div > div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hbotOut nav > .megamenuOuter > div > .notproductsmenu > ul > li {
    padding: 0 20px;
    width: 269px;
  }

  /****************SLIDER**************/
  #slider > .ngslider_Text > div > div {
    padding: 0 91px;
  }

  .ngsliderOptions {
    width: 930px;
    margin-left: -495px;
  }

  /***************GREENWAY*************/
  #greenway > .innerWrap, #main .mostpopular > .innerWrap, #main .clientTests > .innerWrap {
    padding-left: 35px;
    padding-right: 35px;
  }

  /****************MARKETING BLOCK 1099px******************/
  #marketingblock_innerWrap {
    padding: 0;
  }

  #marketing_block_heading > div {
    font-size: 36px;
  }

  #marketing_block_heading > div > img {
    height: 36px;
  }

  #heading_droid_bold{
    font-size: 24px
  }

  /*********CONTACT PAGE**********/

  /* Industry page */

  .team_image_container .text_overlay {
    position: relative;
    width: auto;
    right: 0;
  }

  .single-industry #main > div > .slideEleIn{
    justify-content: center;
  }

  .single-industry .fadeContent > div.slideEleIn > .slideIn{
    width: 80%;
  }

  .single-industry .fadeContent > div.slideEleIn > .slideIn + .slideIn{
    width: 90%;
    text-align: center;
    max-width: 90%
  }

  /* Industry page end*/

  /*******PRODUCT PAGE********/
  .productWrap > div > div {
    margin-left: 30px;
    width: calc(100%/4 - 22.5px);
  }

  .productWrap.productWrap_4 > div > div{
    width: calc(100%/3 - 3%*3/3);
    width: 30%;
    margin: 20px 1.5%;
  }

  .productWrap.productWrap_5 > div > div {
    width: calc(100%/5 - 4%*4/5);
  }

  .productGrid .productWrap > div > div > a {
    width: 100%;
  }

  .productGrid > .flex > .productHead.sortHead:nth-of-type(1){
    display:none;
  }

  /******PRODUCT SINGLE PAGE*******/
  #main .prodinfo .innerWrap {
    width: 930px;
  }

  .productTabs > ul > li > a, .recpoptabs > ul > li > a {
    width: 141px;
  }

  .prodbtn {
    font-size: 26px;
  }

  .relatedproducts > div > div {
    margin-left: 20px;
    width: 131px;
  }

  .relatedproducts > div > div > a {
    height: 126px;
    width: 131px;
  }

  /******PRODUCT ACCESSORIES*******/
  .accessoryitemout {
    width: 290px;
  }

  /********TIMELINE********/
  .TimelineOut > div > div {
    width: 420px;
  }

  .TimelineOut .left .timecircle {
    margin-left: 30px;
  }

  .TimelineOut .right .timecircle {
    margin-right: 44px;
  }

  .TimelineOut .text {
    width: 206px;
  }

  /******MEET THE TEAM******/
  .teamouter > div > div {
    margin-top: 10px;
  }

  /*******EVENTS*********/
  .eventsOut .month {
    width: 870px;
  }

  .month .featuredEvOuter, .month .twoev > div, .month .evwrap > div > div, .month .featuredEvOuter + div > div {
    width: 395px;
  }

  .month .featuredEvOuter + div {
    width: 419px;
  }

  .month .featuredEvOuter + div > div > div, .month .evwrap > div > div > div {
    width: 130px;
  }

  .month .featuredEvOuter + div > div > div + div, .month .evwrap > div > div > div + div {
    width: 248px;
  }

  .month .oneEv > div {
    width: 844px;
  }

  /********THE BLOG*********/
  .theblog > div > .left {
    width: 613px;
  }

  .theblog .left > div > div {
    width: 295px;
  }

  .theblog > div > .right {
    width: 295px;
  }

  /******SUSTAINABILITY*****/
  .sustainability .right {
    width: 600px;
  }

  .sustainability .right > div {
    padding-left: 15px;
    }

    .sustainability .right {
    padding-top: 155px;
  }

  #main > .sustainability {
    display: block;
  }

  .newClientTests h3 {
    font-size: 25px;
  }
  .sustainability .left {
    width: 360px;
  }
}

@media (max-width: 1000px) {
 /****Form Captcha****/
  .cf3 form > .captcha {
    display: flex;
    flex-wrap: wrap;
  }

  .cf3 form > .captcha div:nth-child(1) {
    width: 100%;
    margin-bottom: 10px;
  }

  .cf3 form > .captcha div:nth-child(2) {
    width: 100%;
  }
  
  #updates{
    height: 525px;
  }

  .votedAndTrusted{
    clear: none !important;
    z-index: 0  !important;
    margin-top: -60px !important;
  }
  #main .votedAndTrusted > .innerWrap{
    padding: 135px 30px 75px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .col.col_one_half > div {
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  .votedAndTrusted .flexInnerCol > div > div {
      margin-left: 0px !important;
      text-align: center;
      max-width: auto;
  }


  .votedAndTrusted .flexInnerCol > div > img{
    margin: 0px auto 20px;
  }
  .homeSlideIn > div.slideEleIn > .slideIn.col_one_half{
    margin: 15px auto;
    max-width: 100%;
    width: 100%;
  }

  .onethirdbox{
    width: 49%;
  }

  .boxFlex .onethirdbox:nth-child(even){
    margin: 20px 0 20px 1%;
  }

  .boxFlex .onethirdbox:nth-child(odd){
    margin: 20px 1% 20px 0;
  }


}
@media only screen and (max-width: 1024px) {

  .innerWrap, #main .mostpopular > .innerWrap, #main .clientTests > .innerWrap, #main .socialTabs > .innerWrap, #main .prodinfo .innerWrap {
    width: 90%;
  }

  .innerWrap, .htopOut > .innerWrap, .hmidOut > .innerWrap, #main .mostpopular > .innerWrap, #main .clientTests > .innerWrap, #main .socialTabs > .innerWrap, #main footer > .innerWrap, #main .prodinfo .innerWrap, #main .innerWrap {
    padding-left: 5%;
    padding-right: 5%;
  }

  .innerWrap.warpSize {
    width: 90%;
  }
  
  .contactMountains {
    display: none;
  }

  .htopOut h3 {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-size: 15px;
  }

  .htopOut .social {
    float: none;
    clear: both;
    width: 100%;
  }

  .htopOut .social > ul {
    float: none;
    text-align: center;
  }

  .htopOut .social > ul > li {
    float: none;
    display: inline-block;
  }

  .htopOut .social > ul > li > a {
    float: none;
    display: inline-block;
  }

  #homeheaderblock{
    margin-top: 5%;
  }

  #homeheader h1{
    font-size: 24px;
    line-height: 27px;
  }

  #homeheader h2{
    font-size: 14px;
  }

  #homeheaderblock #homeheader .btn{
    display: block;
    min-width: 28px;
    font-size: 14px;
    padding: 0 8px;
    max-height: 29px;
  } 

  /**********MEGAMENU/RESPONSIVE MENU************/
  .hbotOut nav.responsivemenu,  #search-outter {
    display: block;
  }

  .hbotOut nav.responsivemenu{
    width: 100%;
  }

  .hbotOut nav.responsivemenu > h3 {
    display: none;
  }

  .hbotOut nav.mainmenu, .countrySearchSide, .htopOut{
    display: none;
  }

  .hbotOut nav > ul > li > a {
    min-width: inherit;
    /*font-size: 20px;*/
    padding-left: 13px;
    padding-right: 13px;
  }

  .mobileSearch{
    position: fixed;
    height: 100%;
    width: 54%;
    right: 0px;
    z-index: 10000;
    top: 0px;
    background: rgb(238, 238, 238);
    display: none;
  }
  .searchX{
    text-align: right;
    padding: 20px 20px 0;
    color: #4D4D4F;
    font-size: 20px;
    font-family: droidsb;
    cursor: pointer;
  }

  .filterControls .searchX{
    padding: 10px 20px 0;
    margin-bottom: 0px;
  }

  .mobileSearch h4{
    font-family: Segoe UI, Regular;
    font-size: 20px;
    margin-left: 55px;
  }

  .hbotOut #search-outter{
    background: none;
    margin: 20px 20px 0 30px;
  }

  .mobileSearch .searchBox form input{
    background: #fff;
    border: 1px solid #939598;
    width: 60%;
    padding: 15px 35px 15px 55px;
  }

  .searchBox.roundBorder .searchBtn{
    background: #fff;
    top: 6px;
  }
  .mobileSearch .searchBox form input::placeholder{
    font-size: 12px;
    color: #99999A;
  }

  .searchBox.roundBorder .searchBtn, .searchBox.roundBorder .searchBtn:after{
    background-color: #fff;
    top: 0.6px;
    height: 33px;
    left: 0;
    width: 40px;
  }

  .searchBox.roundBorder input{
    background: #ffffff;
  }

  #bottomVariantSearch{
    margin-top: 0 !important;
  }

  .mobileFixedBottom{
    position: fixed;
    bottom: 9%;
    width: 36%;
    z-index: 102;
  }

  .hbotOut{
    padding: 0px;
  }

  .hbotOut nav.responsiveMenuMain{
    background: #EEEEEE;
    height: 85.9vh;
    display: none;
    width: 100%;
    position:fixed;
    display:none;
  }

  .hbotOut nav.responsiveMenuMain .mainNavSection{
    padding: 22px 10%;
  }

  .hbotOut nav.responsiveMenuMain .backNavSection{
    height: 50px;
    width: 92%;
    display: flex;
    align-items: center;
    background: #0033A0;
    padding: 0 4%;
    position: fixed;
  }

  .hbotOut nav.responsiveMenuMain .backNavSection .leftBack{
    color: #fff;
    flex: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .hbotOut nav.responsiveMenuMain .backNavSection .leftBack i{
    margin-right: 6px;
    font-size: 14px;
  }

  .hbotOut nav.responsiveMenuMain .backNavSection .leftBack p{
    font-family: droidsr;
    font-size: 14px;
    margin: 0;
  }

  .hbotOut nav.responsiveMenuMain .backNavSection .centerBack h4{
    color: #fff;
    font-size: 22px;
    font-family: droidsr;
  }

  .hbotOut nav.responsiveMenuMain .backNavSection .rightBack{
    flex: 1;
  }

  .searchBox .searchBtn{
    width: 52px;
    height: 47px;
  }
  
  .searchBox .searchBtn:after{
    background-size: 105px;
    background-position: -12px -375px;
  }

  .mainNavWrap.flex{
    display:block;
  }

  .responsiveMenuMain .responsiveNavBtn:nth-of-type(1) {
    margin-top: 0px;
  }

  .responsiveMenuMain .responsiveNavBtn{
    border: 2px solid #707070;
    margin: auto;
    padding: 12px 0;
    margin: 22px auto;
    cursor: pointer;
  }

  .responsiveMenuMain .responsiveNavBtn.unique{
    border: 2px solid #16BECF;
  }

  .responsiveMenuMain .responsiveNavBtn.unique a p{
    color: #16BECF;
  }

  .responsiveMenuMain .responsiveNavBtn:active{
    background: #0033A0;
  }

  .responsiveMenuMain .responsiveNavBtn.unique:active{
    background: #16BECF;
  }

  .responsiveMenuMain .responsiveNavBtn:active a p{
    color: #fff;
  }

  .responsiveMenuMain .responsiveNavBtn a p{
    text-align: center;
    color: #4D4D4F;
    font-size: 22px;
    font-family: droidsr;
    margin:0px;
  }

  .catTitle{
    text-align: center;
    font-size: 18px;
    color: #4D4D4F;
    font-family: droidsr;
    margin-bottom: 0px;
  }

  .productsBtnNav ul div .productType{
    border: #707070 solid 2px;
    height: 170px;
    width: 170px;
    margin: 0 15px;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
  }

  .productsBtnNav ul div .productType img{
    margin: 0 20px 20px;
    width: 130px;
  }

  .smallLinksCon{
    margin-top: 20px;
    padding: 0px 2px;
    display: flex;
  }

  .smallLinksCon .smallLinksRow{
    justify-content: center;
    color: #99999A;
    margin: 10px auto;
    width: 50%;
    text-align: center;
  }

  .smallLinksCon .smallLinksRow a{
    color: #99999A;
    width: 56%;
    font-size: 14px;
  }

  .footerBandMobile .social{
    justify-content: center;
  }

  div.cs-skin-elastic .fa-chevron-down{
    color: #939598;
    font-size: 12px;
    opacity: 0.75;
    padding-right: 13px;
  }

  .mobileCopyRight{
    text-align: center;
    color: #99999A;
    font-size: 12px;
    line-height: 1.5;
    width: 335px;
    margin: auto;
  }

  .flexImp{
    display: flex !important;
  }

  #mobileBottom{
    margin-bottom: 60px;
  }

  .social{
    margin-right: 15px;
  }

  .footerBandMobile p{
    font-size: 11px;
    font-family: droidsb;
    text-align: center;
    color: #fff;
    margin-bottom: 8px;
  }

  /************HOMESLIDER*************/
  #slider > .ngslider_Text > div > div {
    width: 90%;
    padding: 0 5%;
  }

  .ngsliderOptions {
    display: none;
  }

  /*********** GREENWAY 990px ************/
  #greenway > .innerWrap {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }

  #greenway .left {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  #greenway .left > span > span {
    display: none;
  }

  #greenway h2 > span {
    display: block;
    text-align: center;
    clear: both;
  }

  #greenway .innerWrap > .right {
    float: none;
    margin: 0 auto;
  }

  #greenway .principal.results > .resultsSlideout {
    left: 0;
  }

  #greenway .principal.results > .resultsSlideout.active {
    left: 0;
    position: relative;
    top: 0px;
  }

  #greenway .principal.results > .resultsSlideout, #greenway .principal.results > .resultsSlideout > div {
    width: 100%;
  }

  #greenway .principal.results > .resultsSlideout form > div > input[type="text"] {
    width: 377px;
  }

  #greenway .principal.results > .resultsSlideout form > div > input[type="submit"] {
    float: none;
    display: block;
    margin: 10px auto 0px;
  }

  #greenway .principal.results > .resultsSlideout > div > p {
    display: none;
  }

  #greenway .principal.results > .resultsSlideout form > div > input {
    width: 390px;
  }

  #greenway .principal.results > .resultsSlideout form > .gwfullfield > input {
    width: 466px;
  }

  #greenway .gwResultFormTitle {
    display: none;
  }

   /****************SmallNav 990px************/

  #productsQuickNav .quickNavCon{
    justify-content: center;
  }

  /******Busch Ads*******/
  .attnOverlay{
    height:100%;
    padding-top: 0;
  }

  #busch-attn .flex .buschAttnSection{
    width: 90%;
    margin-bottom: 40px;
    justify-content: center;
    order: initial !important;
  }

  #busch-attn .buschAttnSection .attnOverlay{
    max-width: 100%;
    justify-content: center;
  }

  .attnOverlay{
    display: flex;
  }
  .attnOverlay > div{
    order: 2;
    text-align: left;
    margin-left: 40px;
    width: 50%;
  }
  .attnOverlay > a{
    order:1;
    width: 265px;
  }
  
  .attnOverlay > a.btnGreen{
    display: none;
  }
  .attnOverlay .checkItOut{
    display: block;
    color: #333333;
    font-weight: bold;
  }

  #busch-attn .attnOverlay img.attachment-buschadthumb{
    height: inherit;
    width: auto;
  }

  .attnOverlay > h6, .attnOverlay > p, .greenLabel{
    position: unset !important; 
  }

  /****************MARKETING BLOCK 990px************/
  #marketingblock .left {
    width: 38vw;
  }

  #marketingblock .right {
    height: 76vw;
  }

  .tab_content {
    height: 68vw;
    border-top: 4vw solid #FFF;
    border-bottom: 4vw solid #FFF;
  }

  #marketingblock .right > div > div {
    padding: 0 8vw;
  }

  #mkt_arrow_up, #mkt_arrow_down {
    max-width: 35px;
  }

  /*************MOST POPULAR PRODUCTS**************/
  .mostpopular > .innerWrap > div {
    float: none;
    display: block;
    text-align: center;
  }

  .mostpopular > .innerWrap > div > div {
    float: none;
    display: inline-block;
    width: 18%;
    margin-left: 2%;
    vertical-align: top;
  }

  .mostpopular > .innerWrap > div > div > a {
    width: 100%;
    width: calc(100% - 2px);
    height: auto;
  }

  .mostpopular > .innerWrap > div > div > h4, .productWrap > div > div > h4 {
    font-size: 15px;
    line-height: 20px;
  }

  .mostpopular > .innerWrap > div > div > a > span:not(.isnew),
  .relatedproducts > div > div > a > span:not(.isnew),
  .productWrap > div > div > a > span:not(.isnew) {
    display: none;
  }

    /* Industry Page Hero */
    .hero .col {
      width: auto;
    }
    .bookletSection {
      display: block;
    }
    .bookletSection > div, .bookletSection > .first, .bookletSection > .second, .bookletSection > .third {
      padding: 0;
      padding-left: 60px;
      margin-top: 20px;
      border-top: 0px;
    }
    .bookletSection > div:before, .bookletSection > .first:before, .bookletSection > .second:before, .bookletSection > .third:before {
      top: 0px;
      left: 0px;
    }
    .bookletSection > div > div {
      width: auto;
    }

    .bookletContainer .slick-list{
       height: inherit !important;
    }
    .bookletSection > .featured img {
      max-width: 50%;
    }
    .bookletSection > .featured hr {
      max-width: 37.5%;
    }
    .bookletSection > .second > div{
      float: none;
    }
    .bookletSection.fadeItems > .first, .bookletSection.fadeItems > .second, .bookletSection.fadeItems > .third{
      left: 0px;
      right: 0px;
      top: -100px;
      -webkit-transition: opacity 0.5s ease, top 0.8s ease;
      -moz-webkit-transition: opacity 0.5s ease, top 0.8s ease;
      -o-webkit-transition: opacity 0.5s ease, top 0.8s ease;
      transition: opacity 0.5s ease, top 0.8s ease;
    }
    .bookletSection.fadeItems > .first.slideItemIn, .bookletSection.fadeItems > .second.slideItemIn, .bookletSection.fadeItems > .third.slideItemIn {
      top: 0;
      -ms-filter: none;
      filter: none;
      opacity: 1;
    }


  /***** Product Category *****/

  .industryTopCon > .flex > div:nth-of-type(1){
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }

  .industryTopCon > .flex > div:nth-of-type(2){
    margin: 10px 0 0 0;
    text-align: center;
    width: 100%;
  }

  .industryTopCon > .flex > div:nth-of-type(2) img{
    float: none;
    max-height: inherit;
  }

  .industryTopCon .industryBuschTitle{
    margin:40px 0;
  }

  .industryTopCon > .flex{
    flex-direction: column-reverse;
  }

  .industryTopCon .flex hr{
    display:none;
  }

  #main .industryTopCon .industryBuschTitle h1{
    white-space: initial;
  }

  #main .industryTopCon .industryBuschTitle h3{
    white-space: initial;
  }

  .industryTopCon{
    width: 83%;
    margin: 0 auto;
  }

  .productWrap_4 > .flex{
    width: 90%;
  }

  .catNavItem{
    border-bottom: 1px solid #4D4D4F;
    width: 100%;
    cursor: pointer;
  }

  .catNavItem.widthOneThird, .catNavItem.half{
    width:100%;
  }

  .catTools{
    width: 100%;
  }
  
  .catToggleCon{
    width: 90%;
    margin: 30px auto;
  }

  .videos{
    width: 90%;
  }
  
  
  .videos > div:nth-of-type(2){
    width:100%;
  }
  
  .videos > div:nth-of-type(1) > iframe{
    width:100%;
  }

  .specifications > div > #mainIframe{
    width:90%;
  }
  
  .videos > div:nth-of-type(2) > div {
    width:48%
  }

  .catalogues > .flex > .flex{
    width: 50%;
    margin: 0;
    flex-wrap: wrap;
    align-content: baseline;
    justify-content: center;
  }

  .catalogues > .flex > .flex > div > p{
    max-width: 100%;
    margin: auto;
    text-align: center;
  }

  .catalogues > .flex > .flex > div > h5{
    text-align: center;
  }


  /*************************ABOUT US******************************/

  /*************************OUR STORY******************************/
  .columnCon{
    flex-direction: column-reverse;
  }

  .columnCon > div:nth-of-type(1){
    width: 80%;
    margin: 20px auto;
  }

  .aboutContainer .columnCon > div:nth-of-type(1){
    width: 100%;
    margin: 20px auto;
    text-align: center;
  }

  /* GIVING BACK */
  .givingBackCon > div:nth-of-type(1) {
    width: 100%;
    margin-bottom: 20px
  }

  .givingBackCon > div:nth-of-type(2) {
    max-width: 100%;
    margin-left: 0;
  }

  /* RESOURCES */

  /* WEBINARS */
  .webinarCon{
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .webinarCon > div:nth-of-type(1){
    margin: 40px 20px;
    text-align: center;
    max-width: inherit;
  }
  
  .webinarCo > div:nth-of-type(2){
    margin: auto;
  }

  /* Consulting */

  .wavy-bg-rotate .aboutContainer.wide,
  .wavy-bg-rotate-green .aboutContainer.wide{
    padding-top: 115px;
  }

  .consultingTop > div:nth-of-type(1){
    top: -10px;
    left: -10px;
  }

  .expertsSection .expertsBottomImage{
    width: 75%;
  }

    /* NEW Product Styles */
  .stickyQuickNav{
    display: none;
  }

  #overview > .fadeContent > .flex > div:nth-of-type(2),
  #overview > .fadeContent:nth-of-type(2) > .flex > div:nth-of-type(2), 
  #overview > .fadeContent:nth-of-type(4) > .flex > div:nth-of-type(2){
    margin: 30px auto 0;
    max-width: 80%;
    text-align: center;
    padding-left: 0;
  }



  .searchBox .fa-chevron-right{
    display: none;
  }

  /* .seriesTxtCon{
    top: 34%;
  }
  
  .seriesTxtCon h2{
    font-size: 28px;
  }
   
  .sloganTxtCon h2{
    font-size: 31px;
  } */

  #overview > .flex > div:nth-of-type(2),
  #overview > .flex:nth-of-type(2) > div:nth-of-type(2){
    width:100%;
  }

  #overview > .fadeContent .flex{
    justify-content: center;
  }

  .sloganTxtCon,
  .seriesTxtCon,
  .sectionTitle,
  #specNav.flex{
    display: none;
  }

  .topPicCon{
    min-height:230px
  }

  .playBtnCon{
    top: 47%;
  }

  .playBtnCon img{
    width: 65px;
  }

  .mainCatCode{
    font-size: 22px;
  }

  .mobileSlogan{
    display:block;
    font-size:26px;
    line-height: 34px;
    margin-bottom: 5px;
  }

  .mobileSectionExpansion.flex{
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
    display:flex;
  }

  .mobileSectionExpansion i{
    margin-right: 15px;
  }

  .deviceOnlyExpandCon{
    display: block;
    width: 90%;
    margin: 10px auto 0;
    padding: 15px 0;
  } 

  .deviceOnlyExpandCon hr{
    display:flex;
    background: #3B3B3B;
    margin: 10px 0 0;
    justify-content: center;
  }

  .mobileReverse{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .expandedProductFeatureList {
    margin: 25px 0;
  }

  .topVidCon > .wp-video{
    margin-top: 0;
  }

  .turquoise-swirl-full.productsSection{
    background: #ffffff !important;
    padding: 0px 20px 45px;
  }

  .specSelect{
    display: block;
  }

  #downloads .hasfixedbgimg{
    background: none !important;
    padding: 10px 0;
  }

  .downloadBand{
    margin: 20px 50px;
    border-left: none;
  }

  #specs.productsSection > div{
    margin: 20px auto;
  }

    /****** Products Page *******/
    .refineWrap {
      text-align: center;
      position: fixed;
      display: none;
      left: 0px;
      top: 70px;
      width: 30%;
    }
  
    .refineTitle {
      width: 100%;
      margin: 15px 0px 0px 0px;
    }
  
    .customSelect{
      top: -40px;
      left: 3px;
    }
  
    .filterControls{
      top: 0;
      z-index: 25;
      right: -16px;
      height: 100%;
      width: 85%;
      background: rgb(238, 238, 238);
      position: fixed !important;
      display:none;
      max-width:400px;
      overflow: auto;
    }
  
    .filterControls .stickyBar > div, .filterControls > .stickyBar {
      border: none !important;
    }
  
    .filterHead{
      padding: 0px;
      margin: auto;
      width: 100%;
      flex-wrap: wrap;
    }
  
    .productHead{
      width: 100%;
      font-size: 24px;
      margin-bottom: 16px;
      padding: 10px 10px 10px 30px;
    }
  
    .mobileClearCon{
      border: 0.5px solid #4D4D4F;
      width: 100%;
      padding: 10px 0;
      border-left: 0;
      text-align: center;
      margin: auto;
      border-right: 0;
    }
  
    .mobileClearCon .clearFilters{
      width: fit-content;
      margin: auto;
    }
  
    .filterControls .stickyBar .filterButton{
      border-bottom: 0.5px solid grey !important;
      width: initial;
      margin: 0;
    }
  
    .productVariantsWrap .variantSection{
      justify-content: center;
    }
  
    .filterButton span{
      width: 100%;
    }
  
    label.customCheck{
      width: 9.8px;
      height: 9.8px;
      left: 1px;
      top: 7px;
    }
  
    .customRadio[type='radio']:checked:after{
      width: 10px;
      height: 10px;
      top: 1px;
      left: 3px;
    }
    
    .stickyBar.is_stuck{
      position: initial !important;
      width: 100% !important;
    }
  
    .productTable{
      margin: 20px auto 0;
    }
  
    .productTable > .productGrid > .flex, .productTable > .productGrid > .flex.productSeriesSelection{
      flex-wrap: wrap;
      justify-content: center;
    }
  
    .productTable > .productGrid > .flex:nth-of-type(1) > div:nth-of-type(1), 
    .productTable > .productGrid > .flex:nth-of-type(4) > div:nth-of-type(1){
      display:none
    }
  
    .productTable > .productGrid > .flex:nth-of-type(1) div:nth-of-type(2), 
    .productTable > .productGrid > .flex:nth-of-type(4) > div:nth-of-type(2),
    .productFlexHead > .productHead{
      display: flex;
    }

    .productVariantsWrap, 
    .productGrid{
      width: 90%;
    }

    
    .filterControls > .stickyBar .searchX, 
    .filterMobileBtnCon{
      display: block;
    }
  
    .filterMobileBtnCon{
      display:flex; 
      justify-content:center; 
    }
  
    .filterMobileBtnCon > div{
      width: 80%;
      max-width: 290px;
    }
  
    .resetStreams {
      float: inherit;
      width: initial;
      margin: 40px 0 0;
      padding: 0 5px 10px 0;
    }
    .refineStreamsSubtitle {
      margin: 20px 0px;
      width: 100%;
    }
  
    .refineColorSubtitle {
      margin: 5px 0 0;
    }
  
    .refineColorblock {
      margin: 10px 3px;
    }
  
    .refineWrap .finishWrap {
      margin: 0px;
    }
  
    .streamChoice {
      padding: 5px 5px;
    }
  
     .sectionTabs{
      flex-direction:column;
      margin-left: 30%;
      width:70%;
      text-align: center;
    }
  
    .featuredProduct {
      flex-direction: column;
      align-items: center;
    }
  
    .featuredProduct > div {
      width: 100%;
    }
  
    .featuredImage {
      order: 99;
    } 
      /* NEW Product Styles  END*/


  /************PRODUCTS PAGE**************/
  .productWrap > div {
    margin-top: 30px;
  }

  .productWrap > div > div {
    margin-left: 4%;
    width: 22%;
  }

  .relatedProductSize {
    height: auto;
    width: 100%;
  }

  .sortproductsby > select {
    min-width: 234px;
  }

  /*********PRODUCTS SINGLE PAGE**********/
  .productwrap > .prodgal {
    position: relative;
    width: 100%;
  }

  .prodTopCon{
    width: 90%;
    padding: 0 20px;
    flex-wrap: wrap;
    text-align: center;
  }

  #prodimg > img{
    max-width: 600px;
    margin: auto;
  }

  .prodgal{
    width: 100%;
  }

  .prodthumbs{
    width: 90%;
    margin: auto;
  }

  .prodImgCon{
    margin: 0 auto;
    width: 100%;
  }

  #prodthumbs > ul > li > a > img,
  #prodthumbs > ul > li{
    height: 50px;
  }

  .productLogo{
    text-align: center;
  }
  
  .prodinfo{
    width: 100%;
    margin: 20px auto;
    text-align: center
  }

  #prodthumbs > ul{
    flex-wrap: wrap;
    max-width: 600px;
    margin: auto;
  }

  .prodinfo > div{
    width:100%;
    justify-content: center;
  }

  .prodinfo div .innerWrap{
    width: 80%;
    margin: 0 auto;
    padding-left: inherit;
    padding-right:inherit;
  }

  .productTable{
    max-width: 90%;
  }

  .productWrap > div{
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
  }

  .productGrid .productWrap > div > div{
    width: 40%;
    height: 100%;
  }

  .prodinfo .innerWrap > div {
    width: 100%;
  }

  .prodinfo .innerWrap > div > #breadcrumbs, .prodinfo .innerWrap > div > div {
    margin-left: 0;
  }

  .prodbtn {
    font-size: 30px;
  }

  .prodinfo .customCF form > div > div > span, .innerWrap.contactPage .customCF form > div > div > span {
    width: 100%;
  }

  .relatedproducts > div > div {
    width: 144px;
  }

  .relatedproducts > div > div > a {
    width: 144px;
    height: 138px;
  }

  /**********ACCESSORIES*********/
  .accessoriesWrap > div {
    margin-top: 50px;
  }

  .accessoryitemout {
    margin-left: 4%;
    width: 30%;
  }

  /*********GALLERY***********/
  .cusgalcatfilter > div > a {
    width: 130px;
  }

  .cusgalitem img {
    width: 100%;
  }

  /*********CLIENT TESTIMONIALS********/
  .clientTests > .innerWrap .left {
    float: none;
    margin: 0 auto 15px;
  }

  .clientTests > .innerWrap .right {
    width: 100%;
  }

  .clientTests > .innerWrap .right > p {
    width: 82%;
    width: calc(100% - 140px);
  }

  /*********TIMELINE***********/
  #main > .thetimelineout {
    background: #58B2BB;
  }

  .TimelineOut > .rowOne > div {
    width: 48%;
  }

  .TimelineOut > .rowOne > div > div {
    width: 100%;
  }

  .TimelineOut > .row > div {
    float: left;
    width: 100%;
    clear: both;
    padding: 30px 0 0 !important;
    margin: 30px 0 0;
    border-top: 1px solid #ffffff;
  }

  .TimelineOut > #timerow1 > .left {
    border-top: none;
  }

  .TimelineOut .bubble {
    padding: 0 !important;
    position: relative;
  }

  .TimelineOut .left .bubble, .TimelineOut .right .bubble {
    right: auto;
    left: auto;
    top: auto !important;
    background: none !important;
    width: auto !important;
    float: left;
  }

  .TimelineOut .left .timecircle, .TimelineOut .right .timecircle {
    margin: 0 3px 3px 0;
    opacity: 1;
  }

  .TimelineOut .text {
    width: 65%;
  }

  /**********MEET THE TEAM************/
  .team-member {
    margin-left: 2%;
    width: 23%;
  }

  .team-member.teambigthumb:first-child {
    margin-left: 0;
  }


  /**********CONTACT PAGE**********/

  .team-member-content > .flex{
    flex-wrap: wrap;
  }

  .team-member-content .teamDesc{
    width: 90%;
    margin: auto;
    padding: 30px 0;
  }

  #breadcrumbs.addMargin{
    margin-left: 30px;
  }

  .aboutContainer.contactPage{
    margin: 30px auto;
    flex-wrap: wrap;  
  }

  .formTabs > a.active:before{
    bottom: -17%;
  }

  .contactPage .customCF p{
    text-align: center;
  }

  .contactPage > div:nth-of-type(1){
    width: 85%;
    margin: auto
  }

  .contactPage > div:nth-of-type(2){
    width: 85%;
    margin: 20px auto 0;
  }

  .rightcontact h3, .rightcontact p{
    text-align: center;
  }

  .rightcontact table{
    min-width: 250px;
    margin: auto;
    width: inherit;
  }

  .rightcontact .social{
    justify-content: center;
  }





  /***********BLOG***********/
  .theblog > div > .left, .theblog > div > .right {
    width: 100%;
  }

  .theblog .left > div > div {
    width: 47%;
  }

  .theblog > div > .right {
    margin-top: 30px;
  }

  .blogsearchout > form > input {
    width: 92%;
    margin-right: 3%;
  }

  .rptabs .right {
    width: 88%;
    width: calc(100% - 80px);
  }

  /**********EVENTS**********/
  .eventsOut .month {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .month .twoev > div, .month .evwrap > div > div, .month .featuredEvOuter + div > div {
    width: 44%;
    width: calc(47% - 24px);
  }

  .month .featuredEvOuter + div > div > div, .month .evwrap > div > div > div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
  }

  .month .featuredEvOuter + div > div > div + div, .month .evwrap > div > div > div + div {
    width: 100%;
    margin-bottom: 0;
    text-align: left;
  }

  .month .featuredEvOuter {
    margin-bottom: 20px;
  }

  .month .featuredEvOuter, .month .oneEv > div {
    width: 96%;
    width: calc(100% - 26px);
  }

  .month .featuredEvOuter > div > div {
    width: 100%;
    text-align: center;
  }

  .month .featuredEvOuter > div > div.eventinfo {
    text-align: left;
  }

  .month .featuredEvOuter + div {
    width: 100%;
  }

  .month .featuredEvOuter + div > div:first-child {
    margin-top: 10px;
  }

  .month .featuredEvOuter + div > div:nth-of-type(2) {
    float: right;
  }

  .month .featuredEvOuter + div > div:nth-of-type(3) {
    clear: left;
  }

  /**********THANK YOU PAGE***********/
  .thankyoutext > .innerWrap > h1, .thankyoutext > .innerWrap > div {
    width: auto;
  }

  /******SUSTAINABILITY*****/
  .sustainability .left {
    clear: both;
    width: 100%;
    margin-bottom: 30px;
  }

  .sustainability .right {
    float: left;
    clear: both;
    width: 100%;
  }

  .sustainability .left > div > span {
    width: auto;
    font-size: 30px;
  }

  .sustainability .right > div > .goalcomplete > .goalcompletecheck {
    right: 100px;
    width: 16%;
  }


  #sustainabilityRecContent > .aboutContainer > div:nth-of-type(2) > img{
    position:initial;
  }

  .recTitleCon{
    position: inherit;
    padding: 0;
    text-align: center
  }

  .recPCon{
    margin: 21px 0px 0 0px;
  }

  #sustainabilityRecContent > .aboutContainer{
    flex-wrap: wrap;
  }

  #sustainabilityRecContent > .aboutContainer > div:nth-of-type(1), 
  #sustainabilityRecContent > .aboutContainer > div:nth-of-type(2){
    width: 80%;
    margin: auto;
  }

  .quoteStart{
    left: -2%;
    top: -2%;
  }

  .quoteEnd{
    right: 0%;
    top: 62%;
  }

  .recPCon p{
    width: 80%;
    margin: auto;
  }

  .reverse.reverseBackMobile.columnCon {
    flex-direction: column-reverse;
  }

  .columnCon.reverse.reverseBackMobile > div:nth-of-type(2){
    margin: 0 auto;
  }
  
  .aboutDesc.short{
    max-width: inherit;
  }

  .rcAds{
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }

  .projectRiseBg, .rcBg{
    margin: 10px 0;
    width: inherit;
    max-width: 414px;
    min-width: 300px;
  }

  .projectRiseBg > div img, .rcBg > div img{
    height: inherit;
  }
  
  .tesimonialSpecial{
    padding: 0 20px 40px;
  }

  .columnCon.tesimonialSpecial > div:nth-of-type(1){
    margin-top:20px;
  }

  
 /* Footer */
  .footerBand {
    height: inherit;
    justify-content: center;
    display:none;
  }
}

@media only screen and (max-width: 900px) {

  /***** RC Section *****/
  #main .introRC .left {
    text-align: center;
  }
  #main .introRC .innerWrap {
    flex-wrap: wrap;
  }

   /*******Products Quick Nav ******/
   #productsQuickNav .quickNavCon .productType {
    margin: 10px 4.25px;
  }

  #productsQuickNav .quickNavCon .productType:first-of-type{
    margin: 0;
    padding: 0;
  }

  #productsQuickNav .quickNavCon{
    justify-content: center;
  }

  #productsQuickNav h5{
    font-size: 18px;
    margin: 0 10px;
    font-family: droidsb;
  }
  
  #productsQuickNav button{
    font-size: 12px; 
  }

  .marketingTitleImg{
    display: none;
  }

   /******* Footer Rows ******/
  .categorySlider {
    width: 100%;
    height: 500px;
  }

  /***** Product Category *****/
  .categorySliderBlock {
    flex-wrap: wrap;
    justify-content: center;
  }


  .categoryInfo {
    padding: 20px 40px 40px;
    width: auto;
  }

  .categoryInfo .buttons, .catDescription {
    position: relative;
  }

  .catDescription {
    height: auto;
  }

  .footerBand{
    margin-top: 0px;
  }

  footer{
    display: none;
  }

  .footerBand .leftBand{
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* REWARDS PROGRAM */
  .rewardsIntro h3{
    font-size: 25px;
    color: #0EA5B3;
    text-align: center;
    line-height: 30px;
  }

  .rewardsIntro p{
    font-size: 18px;
  }

  .rewardsPannel{
    width: 90%;
    margin: 25px auto;
  }

  .rewardsPannel:nth-of-type(1){
    margin-left: auto;
  }
  
  .rewardsPannel:nth-of-type(2){
    margin-right: auto;
  }

  .rewardsPannelCon, .rewardsImgsCon{ 
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media only screen and (max-width: 820px) {
  
  /* Our Story 2020 */

  .pMaxWidth450Left > div,
  .pMaxWidth450Right > div{
    margin: 20px auto !important;
    padding-right: 0px;
  }

  /* Our Story 2020 END*/
  
  
  #marketingblock .left {
    width: 100%;
  }

  .ls-wp-container #browsebutton.btn{
    position: absolute;
    left: 40px;
  }

  #marketingblock .left img {
    display: none;
  }

  .innerWrap.flex .col {
    width: 100%;
}

  #blocklist a {
    display: block;
    width:80%;
  }

  #marketing_block_heading > div > img, .marketingTitleImg{
    display: none;
  }

  .blockitems {
    display: block;
    height: 44px;
  }

  .blockitemcontent > p{
    margin-top: 0px;
  }

  .marketingBlockTitle{
    max-width: 80%;
  }
}

@media only screen and (max-width: 800px) {

    /* PPE Banner */
    #ppeBanner h3{
      font-size: 23px !important;
    }

    #ppeBanner p{
      display: none;
    }

    #ppeBanner .btn.newDesign{
      font-size: 12px !important;
      padding: 10px 10px;
    }

    #ppeBanner > div > div:nth-of-type(1){
      border-right: 1px solid #ffffff;
    }

    #ppeBanner > div > div:nth-of-type(2){
      border-left: none;
    }
    /* PPE Banner Bottom*/

  /****** Sustainability *******/
  #main > .sustainability {
      display: block;
      background: #0c909d;
  }

  .sustainability .left {
      width: 40%;
      margin-left: 5%;
      padding-left: 50px;
  }

  .sustainability hr {
      margin-left: 150px;
  }

  .sustainability p{
    color: #fff;
      text-align: center;
  }


  /***** Update Section ******/
  .updateNavFlex{
    flex-wrap: wrap;
    width:91%;
  }

  .updatesCon .updateMainFlex div h5{
    width: 100%;
    text-align: center;
  }

  .updatesCon .updateMainFlex > div:nth-of-type(2), .updatesCon .updateMainFlex > div:nth-of-type(1){
    width: 70%;
    margin: auto;
    text-align: center;
  }
  #updates{
    height: inherit;
  }

  .updateNavFlex .mobileDropdown{
    position: absolute;
    top: 66px;
    width: 88%;
    left: 6%;
    background: #fff;
    display: none;
  }

  .updateNavFlex .mobileDropdown .update-nav-tab{
    display: block;
    border-bottom: 1px #333 solid;
    width: 73%;
    padding-left: 20px;
  }

  .updateNavFlex .mobileDropdown .update-nav-tab:last-of-type,
  .updateNavFlex .mobileDropdown .update-nav-tab:not( [style*="display: none"]):last-of-type {
    border-bottom: none;
  }

  .updateNavFlex .mobileDropdown .update-nav-tab h5{
    color: #333;
  }

  .updateNavFlex .mobileDropdown .update-nav-tab:hover{
    background: #16becf;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }

  .updateNavFlex .mobileDropdown .update-nav-tab:hover h5{
    color: #ffffff;
  }
  .updateNavFlex .mobileVisible, .update-nav-tab.active i.mobileVisible{
    display:block;
  }

  .updateNavFlex .update-nav-tab{
    width: 75%;
    margin: auto;
    text-align: left;
    display:none;
  }

  .updateNavFlex .update-nav-tab .dropArrow{
    display: block;  
  }

  .updateNavFlex .update-nav-tab.active{
    display: flex;
    justify-content: space-between;
  }
   
  .updateMainFlex{
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .updateMainFlex input::placeholder{
    color: #fff;
  }

  .updatesCon .updateMainFlex > div{
    padding: 10px 60px 0;
    flex-wrap: wrap;
    justify-content: center;
  }

  .updatesCon .webinars .updateMainFlex .webinarVideoWrap{
    width: 80%;
  }

}
/**********END OF WIDTH: 990px**************/
/*************WIDTH: 767px*****************/
@media only screen and (max-width: 767px) {
  /*********HOME SLIDER ********/

  #homeheader h1{
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 10px;
  }

  hr.newDesign {
    width: auto;
    margin-top: 20px;
    max-width: 60%;
    margin-bottom: 20px;
  }

  .whatSetsUsApart hr.newDesign{
    width: 175px;
    margin-top: 0;
  }

  .whatSetsUsApart h2{
    font-size: 14px;
  }

  .whatSetsUsApart h3{
    font-size: 33px;
  }

  .whatSetsUsApart .col_one_third{
    margin: 0px 20px;
    width:100%;
  }

  .whatSetsUsApart .col_one_third > div{
    max-width:230px;
    margin: auto;
  }

}

  #homeheader h2{
    font-size: 10px;
    margin-bottom: 8px;
}

.ls-nav-prev, .ls-nav-next{
  display:none;
}

  .ls-wp-container .btn{
    display: block;
    min-width: 28px;
    font-size: 8px;
    padding: 0 8px;
    max-height: 24px;
    line-height: 21px;
  } 

  .ls-wp-container #browsebutton.btn{
    line-height: 21px;
  }

  .home:not(.blog) .wrap > header {
    position: relative;
  }

  .aligncenter, .alignright, .alignleft {
    float: none;
    display: block;
    margin: 0 auto;
  }

  /********COLS******/
  /* .col.col_one_half {
    width: 100%;
  } */

  .col.col_one_half > div {
    margin: 20px;
  }

  .htopOut .innerWrap .headerCollapse{
    flex-wrap: wrap;
  } 

  .hmidOut #logo {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .hmidOut > .innerWrap > div > div {
    float: none;
    display: block;
    text-align: center;
    margin-top: 0;
  }

  .hmidOut > .innerWrap > div > div > * {
    display: inline-block;
  }

  .hmidOut nav, .hmidOut nav > div, .hmidOut nav > div > ul {
    float: none;
    display: block;
    text-align: center;
  }

  .hmidOut nav > div > ul > li {
    float: none;
    display: inline-block;
  }

  /********SLIDER*********/
  #slider {
    position: relative;
    height: auto;
  }

  #slider > .ngslider_Text {
    position: relative;
    display: block;
    height: auto;
  }

  #slider > .ngslider_Text > div {
    display: block;
  }

  #slider > .ngslider_Text > div > div {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #4d4d4d;
  }

  #slider > .ngslider_Text > div > div > h1 {
    font-size: 38px;
    line-height: 40px;
  }

  .ngslider {
    display: none;
  }

  /*******SOCIAL TABS*******/
  .socialTabs > .innerWrap > h2 {
    width: 100%;
  }

  .socialTabs > .innerWrap > div {
    width: 100%;
  }

  .socialTabs > .innerWrap > div > ul > li {
    width: 24%;
    width: calc(25% - 2px);
  }

  .socialTabs > .innerWrap > div > ul > li > a {
    background: none !important;
    text-indent: 0 !important;
    width: 100%;
  }

  .socialTabs > .innerWrap > div > div > div > div, #twitterTab > ul > li {
    width: 96%;
    width: calc(100% - 22px);
  }

  .socialTabs > .innerWrap > div > div > div.smnews > div > div + div {
    width: 70%;
    width: calc(100% - 155px);
  }

  .socialTabs > .innerWrap > div > div > div > div > div + div, #twitterTab > ul > li > .tweet_right {
    width: 80%;
    width: calc(100% - 75px);
  }

  /******MOST POPULAR PRODUCTS******/
  .mostpopular > .innerWrap > div > div {
    width: 100%;
    margin: 20px 0 0;
    text-align: center;
  }

  .mostpopular > .innerWrap > div > div:first-child {
    margin-top: 0;
  }

  .mostpopular > .innerWrap > div > div > a {
    display: inline-block;
    height: 132px;
    width: 162px;
  }

  .mostpopular > .innerWrap > div > div > h4 {
    font-size: 18px;
    line-height: 22px;
  }

   /*******Sustainability*******/
   .postConsumerProducts > div{
     width: 46%;
   }

  /********PRODUCTS PAGE********/
  .sortprodwrap > .sortproductsby {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 30px;
  }

  .sortprodwrap > .sortproductsby > select {
    float: left;
    width: 48%;
    margin: 0;
    min-width: inherit;
  }

  .sortprodwrap > .sortproductsby > .catsel {
    float: right;
  }

  /***********CUSTOMIZE***************/
  .cusgalcatfilter > div > a {
    margin-top: 2px;
  }

  .cusgalcatfilter > div > a:first-child {
    margin-left: 2px;
  }

  /************TIMELINE**************/
  .TimelineOut > .rowOne > div {
    width: 100%;
  }

  .TimelineOut > .rowOne > .left {
    margin-bottom: 20px;
  }

  .TimelineOut > .rowOne > .right {
    text-align: center;
  }

  /********* CUSTOM CONTAINERS *********/
  .customContainers {
    text-align: center;
  }

  .customContainers .imgWrap {
    display: none;
  }

  /***********CONTACT FORM**************/
  /* .customCF .contactIcon, .customCF p {
    display: none;
  } */

  .mobileCollapseWrap{
    flex-wrap: wrap;
  }


  .customCF form > div > div:nth-of-type(2) {
    margin: 10px 0;
  }

  .contactPage .customCF form > .mobileCollapseWrap  > div:nth-of-type(1){
    margin-top: 15px;
  }

  .customCF form > div > div > span {
    width: 100%;
  }

  .g-recaptcha > div > div {
    width: 100% !important;
  }

  .customCF form > div > .cfsubmit {
    position: relative;
    bottom: 0;
  }

  /***********BLOG SEARCH************/
  .blogsearchout > form > input {
    width: 90%;
  }

  /**********FOOTER***********/
  .page-template-page-thankyou footer {
    position: relative;
  }

  .footerBand {
    height: inherit;
    justify-content: center;
}

  /**************TESTIMONIALS***********/
  .newClientTests .right {
    display: none;
  }

  .newClientTests .left {
    width: 100%;
  }

  .newClientTests h3 {
    font-size: 36px;
    text-align: center;
  }

  .testimonial_title {
    text-align: center;
  }

  /****prev next slide*****/
  .cslide-slide {
    padding: 20px;
  }

  .cslide-prev-next {
    position: relative;
    margin-bottom: 0;
  }

  .cslide-prev, .cslide-next {
    padding: 0 5px;
  }

  .cslide-slide {
    padding: 0 3vw;
  }
}
/**********END OF WIDTH: 767px**************/
/*************WIDTH: 570px*****************/
@media only screen and (max-width: 570px) {
  /******** GREENWAY ********/
  #greenway {
    display: none;
  }
}
/**********END OF WIDTH: 570px**************/
/*************WIDTH: 650px*****************/
@media only screen and (max-width: 650px) {
  /******HOME SLIDER*****/
  #homeheader #browsebutton, #homeheader #contactButton{
    display:none;
  }

  .top75{
    top: 75px !important;
  }

  .top25{
    top:25px !important;
  }

  .left92{
    left: 92px !important;
  }

  .top40{
    top:40px !important;
  }

  .trademark{
    font-size: 6px;
    vertical-align: top;
  }

 .top55{
    top:55px !important;
  }

  .ls-wp-container .btn{
    display: block;
    min-width: 28px;
    font-size: 6px;
    padding: 0 8px;
    max-height: 19px;
    line-height: 14px !important;
  }

  #mobileHidden{
    display: none;
  }

  #homeheader #browsebutton{
    display: block;
    min-width: 28px;
    font-size: 7px;
    padding: 0 8px;
  }

  #homeheader h1 {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px;
  }

  #homeheader h2{
    display: none;
  }

  .attnOverlay > p{
    display: none;
  }

  .columnCon > .smallColMargin p{
    margin: 20px 9%;
  }

  /* BUSCH ADS */

  .attnOverlay > h6, .attnOverlay > p, .greenLabel{
    margin-top: 0;
    margin-bottom: 4px;
  }

  .attnOverlay > div > p{
    display: none;
  }

  .checkOut h6{
    font-size: 14px;
  }

  .attnOverlay > h6{
    font-size: 18px; 
  }

  #busch-attn > div{
    justify-content: center;
    padding: 10px 0;
  }

  /*************COLS*****************/
  .col.col_one, .col.col_one_half, .col.col_one_third, .col.col_two_thirds, .col.col_one_fourth, .col.col_three_fourths, .col.col_one_fifth, .col.col_two_fifths, .col.col_two_fifths, .col.col_three_fifths, .col.col_four_fifths, .col.col_one_sixth {
    width: 100%;
  }

  .col > div {
    margin: 20px 0;
    position: relative;
  }

  /*********MAIN MENU*********/
  .hbotOut nav.responsivemenu {
    width: 100%;
  }
  
  .hbotOut nav.responsiveMenuMain{
    width: 100%;
    position:relative;
    padding: 0;
  }

  .hbotOut nav.responsiveMenuMain .mainNavSection{
    width: 88%;
    padding: 22px 6%;
  }

  .footerBandMobile{
    position: fixed;
    height: 6vh;
    width: 100%;
  }

  .smallLinksCon{
    display: block;
  }

  .smallLinksCon .smallLinksRow{
    width:100%;
  } 

  .mobileSearch{
    width: 80%;
  }

  .productsBtnNav ul div .productType{
    height: 110px;
    width: 110px;
  }

  .productsBtnNav ul div .productType img{
    width: 90px;
    margin-bottom: 0 !important;
  }

  .productType p{
    font-size: 16px !important;
  }
  #mobileProductsList .productType p {
    margin-top: 10px; 
  }

  .footerBandMobile p{
    font-size: 9px;
  }

  .mobileFixedBottom{
    position: fixed;
    bottom: 14%;
    width: 100%;
    left : 0;
  }

  .hbotOut nav.responsivemenu > h3 {
    color: #6d6e70;
    display: block;
    font-family: "francoisOne", Arial, sans-serif;
    padding: 10px 0 8px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
  }

  .hbotOut nav.responsivemenu > ul {
    display: none;
    width: 100%;
  }

  .hbotOut nav.responsivemenu > ul > li {
    width: 100%;
  }

  .hbotOut nav.responsivemenu > ul > li > a {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /*************************ABOUT US******************************/

  /*************************OUR STORY******************************/
  .aboutContainer{
    padding: 20px;
  }

  #mainBanner > div > img{
    display: none;
  }

  #mainBanner > div > h3{
    font-size: 22px;
  }
  
  .ourStory img{
    max-width: 100%;
  }

  /* OUR TEAM */
  .team-member{
    width: 31%;
  }

  .infoBlurb{
    display:none;
  }


   /*************************Project Rise******************************/

   .projectRiseSunCon div {
    width: 100%;
    margin: 30px 0;
  }

  .projectRiseLogos {
    margin: 30px 0 50px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .oneColCentered p.half {
    width: 100%;
  }

  .projectRiseLogos div {
    width: 46%;
    margin: 20px 2%;
}  

  /* SUSTAINABILITY */

  #sustainabilityRecContent > .aboutContainer > div:nth-of-type(1), 
  #sustainabilityRecContent > .aboutContainer > div:nth-of-type(2){
    width: 100%;
    margin: auto;
  }

  #main .transWhiteBg{
    width: 100%;
    padding: 40px 0;
  }

  .sustainabilityObjectiveCon{
    flex-wrap: wrap;
  }

  .sustainabilityObjectiveCon > div:nth-of-type(1),
  .sustainabilityObjectiveCon > div:nth-of-type(2){
    width:100%;
    justify-content: center;
  }

  .sustainabilityObjectiveCon > div:nth-of-type(2){
    text-align:center;
  }

  .goalcomplete, .sustainableGoal{
    margin: auto 0;
  }

  .projectRiseBg, .rcBg{
    margin: 0;
  }

  .quoteStart{
    left: -2%;
    top: -2%;
    max-height: 29px;
  }

  .quoteEnd{
    right: 0%;
    top:84%;
    max-height: 29px;
  }

  /*************Webinars*************/
  .webinarBg{
    padding: 0 20px;
  }

   .webinarBg .flex {
    flex-wrap: wrap;
    margin: 0;
  }

  .webinarBg .flex input {
    margin: 10px 10px;
  }

  .greenLinkArrow{
    max-height: 40px;
  }

  /*************Trust Pilot*************/
  .trustPilotTop{
    width: 90%;
  }

  /*************RC SECTION*************/
  #main .introRC .hedgeyRC {
    display: none;
  }

  /*************PRODUCTS PAGE*************/
  /* New Product Styles */
  .productVariantItem {
    width: 151px;
  }

  #overview > .fadeContent > .flex > div:nth-of-type(2), 
  #overview > .fadeContent:nth-of-type(2) > .flex > div:nth-of-type(2),
  #overview > .fadeContent:nth-of-type(4) > .flex > div:nth-of-type(2){
    max-width: 100%;
  }

  #overview > .fadeContent > .flex > div:nth-of-type(2){
    margin: 20px auto 20px 0;
    max-width: 460px;
  }

  .childOpenings{
      justify-content: center;
  }

  .childOpenings > div{
    width: 90px;
    margin: 10px 20px;
  }

  .specContent > div{
    padding: 0 15px;
  }

  #specInfo .colorblock{
    justify-content: center;
  }

  /* New Product Styles End*/
  
  .galleryCon > div{
    position: relative;
    flex-wrap: wrap;
  }

  .galleryCon > div > a, .galleryCon > div > div {
    width: 47%;
    margin: 5px 1.5%;
  }

  .galleryCon > div > a:nth-last-of-type(odd){
    position: absolute;
    top: 50%;
  }

  .productWrap > div {
    margin-top: 0;
  }

  .logoAndButtons {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
  }

  .mainButtons {
      margin-left: 0;
  }

  .prodgal{
    width: 90%;
  }
  
  .prodinfo{
    width: 100%;
    margin: 20px auto;
    text-align: center;
  }

  .productWrap > div > div, .productGrid .productWrap > div > div {
    clear: left;
    width: 48%;
    margin: 10px 5px;
  }

  .productWrap.productWrap_4 > div > div {
    width: calc(100%/2 - 10px);
    margin: 10px 5px;
  }

  .productWrap.productWrap_5 > div > div:nth-child(even) {
    float: none;
  }

  .productWrap > div > div > h4 {
    font-size: 18px;
    line-height: 22px;
  }

  ul.featureList li{
    width: 100%;
    margin: 0px 0 35px;
  }

  .rightForYou > div{
    width: 100%;
  }
  
  .rightForYou > div:nth-of-type(2){
    padding-left: 0px;
    border-left: none;
    margin-top: 30px;
  }
  
  .rightForYou{
    flex-wrap:wrap
  }

    /* new industries */

    .single-industry .fadeContent > div.slideEleIn > .slideIn{
      width: 100%;
    }
  
    .single-industry .fadeContent > div.slideEleIn > .slideIn + .slideIn{
      width: 100%;
      max-width: 100%
    }

    /* new industries end */

  /* Consulting */

  .blueSwipe div .slides{
    overflow: hidden;
    max-width: 306px;
    margin-bottom: 0;
  }


    .progressBar > div:nth-of-type(4){
      display: block;
    }
  

  .wavy-bg-rotate .aboutContainer.wide,
  .wavy-bg-rotate-green .aboutContainer.wide{
    padding-top: 125px;
  }

  .wavy-bg-rotate h2,
  .wavy-bg-rotate-green h2
  {
    font-size: 24px;
    line-height: 33px;
  }

  .wavy-bg-rotate .columnCon > div:nth-of-type(2),
  .wavy-bg-rotate-green .columnCon > div:nth-of-type(2){
    margin-top: 20px;
  }

  .consultingTop > div:nth-of-type(2) > img {
    width: 100%;
    margin-top: 20px;
  }

  .wavy-bg-rotate .aboutContainer.wide,
  .wavy-bg-rotate-green .aboutContainer.wide{
    padding-top: 125px;
  }

  .expertsSection > .aboutContainer h2{
    margin: 0 auto 20px;
    line-height: 29px;
    font-size: 21px; 
  }

  .expertsSection .expertsBottomImage{
    width: 85%;
  }

  .consultingTeamCon{
    flex-wrap: wrap;
  }

  .consultingTeamCon > div{
    width: 48%; 
  }

  .consultingTop div:nth-of-type(3) h1 {
    font-size: 35px;
    line-height: 35px;
  }

  #main .wavy-bg-rotate,
  #main .wavy-bg-rotate-green
  {
    margin-top: -12.2%;
  }
  

  /**********ACCESSORIES*********/
  .accessoriesWrap > div {
    margin-top: 0;
  }

  .accessoryitemout {
    margin: 50px 0 0;
    width: 100%;
  }

  /********TIMELINE**********/
  .TimelineOut .text {
    width: 60%;
  }

  /***********BLOG*************/
  .theblog .left > div {
    margin-top: 0;
  }

  .theblog .left > div > div {
    width: 100%;
    margin-top: 50px;
  }

  .theblog .left > .socialTextSize > div {
    margin-top: 0;
  }

  .theblog .left > div:first-child > div:first-child {
    margin-top: 0;
  }

  /**********EVENTS**********/
  .page .month h3 {
    margin-bottom: 0;
  }

  .month .evwrap > div {
    margin-top: 0;
  }

  .month .featuredEvOuter {
    margin-bottom: 0;
  }

  .month .featuredEvOuter, .month .oneEv > div, .month .twoev > div, .month .evwrap > div > div, .month .featuredEvOuter + div > div {
    width: 96%;
    width: calc(100% - 26px);
    margin-top: 20px;
  }

  .month .twoev > div > div {
    margin-bottom: 15px;
    margin-right: 0;
    text-align: center;
    width: 100%;
  }

  .month .twoev > div > .eventinfo {
    text-align: left;
  }

  .month .featuredEvOuter + div, .month .twoev > div + div, .month .evwrap > div > div + div {
    float: left;
  }

  /****************MARKETING BLOCK 650px*************/
  /**change to dropdown menu**/

  #mkt_arrow_up, #mkt_arrow_down {
    right: 1vw;
    max-height: 29px;
  }

  #mkt_arrow_up {
    top: 452px;
  }

  #apartment_item {
    background-color: #CCC;
  }

  #office_item {
    background-color: #B2B2B2;
  }

  #stadium_item {
    background-color: #CCC;
  }

  #home_item {
    background-color: #B2B2B2;
  }

  /***** Small title Alters *******/
  #main .industryBuschTitle h1{
    white-space: inherit;
  }

  #main .industryBuschTitle h3{
    white-space: inherit;
  }

  .industryBuschTitle hr{
    display: none;
  }

  /******* Footer  ********/
  .contact-footer{
    padding-right: 0;
    border: none;
  }
  .email-list-con{
    flex-wrap: wrap;
    justify-content: center;
  }

  .footerInput{
    width: 85%;
    margin: 10px 0;
    padding: 10px 5px;
  }

  footer .telSocial {
    justify-content: center;
    margin-top: 10px;
  }
  footer .logoRow {
    flex-direction: column;
  }
  footer .menuRow {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  footer .menuRow > * {
    width: 70%;
    min-width: unset;
    margin: 20px auto;
  }
}
/**********END OF WIDTH: 650px**************/
/*************WIDTH: 555px*****************/
@media only screen and (max-width: 555px) {
  /******HOME SLIDER*****/
  #homeheaderblock {
    top: 1%;
  }

  #homeheader h4 {
    display: none;
  }

  /*******PRODUCTS PAGE*******/
  .productWrap > div > div > h4 {
    font-size: 15px;
    line-height: 20px;
  }

  /*****PRODUCTS SINGLE PAGE*****/
  #prodthumbs {
    bottom: 15px;
    right: 15px;
  }

  .productTabs > ul > li {
    width: 33%;
  }

  .productTabs > ul > li > a {
    width: 97%;
    font-size: 18px;
  }

  .prodbtn {
    line-height: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .prodbtn.proddownarrow:before, .prodbtn.proddownarrow:after {
    display: none;
  }

  .relatedproducts > div > div {
    width: 100%;
    margin: 15px 0;
    text-align: center;
  }

  .relatedproducts > div > div > a {
    width: 162px;
    height: 132px;
    display: inline-block;
    margin-bottom: 5px;
  }

  /********TIMELINE**********/
  .TimelineOut .left .bubble, .TimelineOut .right .bubble {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .TimelineOut .left .timecircle, .TimelineOut .right .timecircle {
    margin: 0 auto 3px;
    float: none;
  }

  .TimelineOut .text {
    float: left;
    clear: both;
    width: 100%;
  }

  /*********MEET THE TEAM*********/
  .team-member-content .left > img {
    width: 247px;
  }

  .team-member-content .teamnavleft {
    left: 0;
  }

  .team-member-content .teamnavright {
    right: 0;
  }

  /*********CONTACT PAGE********/
  .innerWrap.contactPage > div {
    margin-top: 20px;
  }

  .formTabs{
    margin-bottom: 20px;
  }

  .formTabs > a > span {
    font-size: 22px;
  }

  .innerWrap .rightcontact table {
    width: 100% !important;
  }

  /***********BLOG SEARCH************/
  .blogsearchout > form > input {
    width: 86%;
  }

  .theblog .left > .socialTextSize > div, .textsize {
    float: left;
    clear: both;
    margin-top: 30px;
  }
}
/**********END OF WIDTH: 555px**************/

 
/**********END OF WIDTH: 500px**************/
/*************WIDTH: 427px*****************/
@media only screen and (max-width: 450px) {
  #whyusbutton {
    display: none;
  }

  /* Home Slider */
  #homeheader h2{
    display: None;
  }

  .thankyoutext > .innerWrap > div .btn {
    margin-bottom: 30px;
  }

  /******SUSTAINABILITY*****/
  .sustainability .left > div > img {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .sustainability .left > div > span {
    line-height: 30px;
  }

  .sustainability .right > div, .sustainability .right > div:first-child {
    border-top: none;
    border-bottom: none;
  }


  /************MARKETING BLOCK 427px**************/
  #marketing_block_heading > div {
    font-size: 30px;
  }

  #heading_futura_bold {
    font-size: 30px;
  }

  #marketing_block_heading {
    border-width: 0px 50px;
  }
}
/**********END OF WIDTH: 427px**************/
/*************WIDTH: 379px*****************/
@media only screen and (max-width: 379px) {
  /******HOME SLIDER*****/
  #homeheaderblock {
    top: 0;
  }

  /*******SOCIAL TABS*******/
  .socialTabs > .innerWrap > div > div > div.smnews > div > div {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .socialTabs > .innerWrap > div > div > div.smnews > div > div + div {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
  }

  /*****PRODUCTS SINGLE PAGE*****/
  .productTabs > ul > li > a {
    font-size: 15px;
  }

  /*******CONTACT PAGE********/
  .formTabs > a > span {
    font-size: 22px;
  }

  .customCF form > div {
    overflow: hidden;
  }

  /***********CLIENT TESTIMONIALS**************/
  .clientTests > .innerWrap .right > span {
    display: none;
  }

  .clientTests > .innerWrap .right > p {
    width: 100%;
    padding: 0;
  }

  /***********BLOG SEARCH************/
  .blogsearchout > form > input {
    width: 80%;
  }

  .blogauthor > .authright > p {
    font-size: 14px;
  }

  .blogauthor > .authright > .theauthor {
    font-size: 16px;
    line-height: 18px;
  }
}
/**********END OF WIDTH: 379px**************/
/*************WIDTH: 335px*****************/
@media only screen and (max-width: 335px) {
  /*******MEET THE TEAM*******/
  .team-member-content .left > img {
    width: 100%;
  }

  .team-member-content .teamnav {
    height: 22px;
    width: 22px;
    margin-top: -11px;
  }

  /******BLOG TABS******/
  .recpoptabs > ul > li {
    width: 50%;
  }

  .recpoptabs > ul > li > a {
    width: 97%;
    font-size: 18px;
  }
}
/**********END OF WIDTH: 335px**************/
/*************WIDTH: 300px*****************/
@media only screen and (max-width: 300px) {
  /***********CUSTOMIZE***************/
  .cusgalcatfilter > div > a {
    margin: 2px 0 0;
    width: 99%;
  }

  .cusgalcatfilter > div > a:first-child {
    margin: 0;
  }

  /******SUSTAINABILITY*****/
  .sustainability .left h2 {
    font-size: 34px;
    line-height: 40px;
  }
}


 @media only screen and (max-width: 600px){
    .rewardsTerms {
      margin-left: 0;
    }

    .collapsableWhyBusch, #why-busch .whyBuschMainCon .collapsableWhyBusch div {
      margin: 0px 0;
    }
    
    /****** Why Busch *******/
    #why-busch .whyBuschMainCon .collapsableWhyBusch div{
      margin: 15px 30px;
    }
  
    .whyBuschTitle{
      margin-bottom: 20px;
    }

     /* Search Page*/
    .searchCon h3{
      text-align: center;
      width:100%;
    }

    .searchCon .result div:nth-of-type(1){
      margin: 0 auto 20px;
      max-width: 300px;
      text-align: center;
    }

    .searchCon .result div:nth-of-type(2) {
      max-width: 400px;
      text-align: center;
    }

    .searchCon .result:nth-child(1n){
      margin-right: 0;
      justify-content: center;
    }

    .productVariantText{
      text-align: center !important;
    }

    /* Industry Page */
    .boxFlex .onethirdbox{
      width: 95%;
      margin: 20px auto;
    }
    
 }

@media screen and (max-width: 550px) {
   /****** Products Page Variants ******/
   .productVariantsWrap, .productGrid{
     width: 100%;
   }
  
  .productVariantItem div img {
      max-height: 250px;
  }

  /***** Rewards Program *****/
  .rewardsColorCon:after{
    top: -31.5%;
  }

} 

/******Iphone 5 and Small Phones Media*********/
@media screen and (max-width: 340px) {
  /* .updatesCon .updateMainFlex div:nth-of-type(2) img, iframe{
    max-width: 275px;
  } */
  #homeheaderblock {
    margin-top: 0%;
  }

  .attnOverlay > h6{
    font-size: 20px;
  }

  .attnOverlay{
    width: 50%;
    padding-top: 0;
  }

  .productsBtnNav ul div .productType{
    margin-top: 10px !important;
  }

  #mobileProductsList .flex{
    flex-wrap: wrap;
    justify-content: center;
  }

  #mobileProductsList .flex:nth-of-type(2){
    margin-top: -15px !important;
  }
}

/******Range Media Queries*********/
@media screen and (min-width: 320px) and (max-width: 850px) and (orientation: landscape) {

  .footerBandMobile, .mobileFixedBottom{
    display: none;
  }

  .searchBox .searchBtn{
    top: -6px;
  }

  .responsiveMenuMain .responsiveNavBtn{
    padding: 8px 0;
  }

  .responsiveMenuMain .responsiveNavBtn a p{
    font-size: 20px;
  }
} 

/******Resource Center Gifs*********/

@media only screen and (max-width: 450px) and (min-width: 376px){
  .resourceCenterGIF {
    width: 75vw;
    height: 14vh;
    margin-left: 14vw;
    margin-top: -35vh;
  }

}
@media only screen and (max-width: 375px){
  .resourceCenterGIF {
    width: 75vw;
    height: 14vh;
    margin-left: 14vw;
    margin-top: -45.2vh;
  }

}
  @media only screen and (max-width: 375px) and (max-height: 667px) and (min-height: 667px){
  .resourceCenterGIF {
    width: 75vw;
    height: 14vh;
    margin-left: 14vw;
    margin-top: -38.2vh;
  }
}

  @media only screen and (max-width: 600px) and (min-width: 451px){
  .resourceCenterGIF {
    width: 75vw;
    height: 16vh;
    margin-left: 13vw;
    margin-top: -33vh;
  }
}

  @media only screen and (max-width: 800px) and (min-width: 601px){
  .resourceCenterGIF {
    width: 75vw;
    height: 19vh;
    margin-left: 14vw;
    margin-top: -31vh;
  }
  .greyRewardsText > div > h3 {
    line-height: 25px;
  }
  .innerWrap > .contactWrapper > .contactUsLines {
    width: 28vw;
  }
  .rewardsTerms {
    margin-left: 5%;
  }
   }

@media (max-height: 1024px) and (max-width: 768px) and (min-height: 1024px) and (min-width: 768px) {
  .resourceCenterGIF {
    width: 74vw;
    height: 18vh;
    margin-left: 14vw;
    margin-top: -31vh;
  }      
}

@media (max-height: 1366px) and (max-width: 1024px) and (min-height: 1025px) and (min-width: 769px) {
  .resourceCenterGIF {
    width: 74vw;
    height: 19vh;
    margin-left: 14vw;
    margin-top: -28vh;
  }      
}

@media (max-height: 900px) and (min-width: 1400px) {
  .resourceCenterGIF {
      height: 43vh;
      margin-top: -56vh;
      width: 66vw;
      margin-left: 17vw;        
  }      
}

@media (max-height: 768px) and (min-width: 1366px) {
  .resourceCenterGIF {
      height: 46vh;
      margin-top: -62vh;
  }      
}

@media (min-height: 950px) and (max-height: 950px) and (min-width: 1280px) {
  .resourceCenterGIF {
      height: 34vh;
      margin-top: -47vh;
      width: 66vw;
      margin-left: 17vw;
  }      
}

@media (max-height: 800px) and (min-width: 1280px) {
  .resourceCenterGIF {
      height: 40vh;
      margin-top: -56vh;
      width: 66vw;
      margin-left: 17vw;        
  }      
}

@media ALL and (max-width: 850px) {
  /*****Press Releases / Case Studies******/
  .catTools{
    flex-wrap: wrap;
  }

  .logoPackage{
    margin-left: 0;
  }

  #case-study-wrap .case-study, #case-study-wrap .catTools h4{
    text-align:center
  }
  #case-study-wrap .case-study{
    width: 100%;
  }

  .brandGuidelines div{
    width: 100%;
  }

  .featureCon{
    width: 100%;
    border-right: 0;
    padding: 13px;
  }

  .press-releases .featureCon{
    margin: -10px -35px 25px -35px; 
    width: 100%;
    border-right: 0;
    padding: 10px 35px;
  }

  .catTools .featureCon h4{
    left: inherit;
    top: inherit;
    position: inherit;
    transform: inherit;
    text-align: center;
  }
}
/****** Project Rise Charity CSS******/
.charityIntroText{
  border: 1px solid black;
  padding: 20px;
  margin-top: 20px;
}
.charityDontationText {
  margin-top: 4vh;
  font-size: 25px;
}
.charityImg {
  float: left;
  margin: 4vh 3vw 0 3vw;
}
.leftCharities {
  float: left;
  width: 50%;                
}
.rightCharities {
  float: left;
  width: 50%;                
}
.charityIcons {
  height: 60px;
  float: left;
}
.charityLabels{
  height: 50px;
  margin-top: 38px !important;
  margin-left: 90px;
}
.charityMapNav {
  height: 75px;
  background: #45AE8D;
  border-top: 3px solid white;
}
.charityNavIcons {
  height: 50px;
  margin: 1vh 0.5vw 0 1.5vw;
  margin-top: 1vh;
  float: left;
}
.charityMapImg {
  width: 75%;
  margin-left: 12.5%;
}
#bottomContent {
  display: flex;
  flex-wrap: wrap;
  width: 35%;
  margin-right: 2%;
}    
#charitySwitch {
  z-index: 50;
  max-width: 315px;
  width: 315px;
  padding-right: 35px;
  margin-bottom: 10px;
  color: #6E6F72;
}    
.subCharityContent {
  margin: 1vh 4vh;
  max-height: 825px;
  width: unset !important;
}
.subCharityImages {
  width: 100%;
  max-height: 700px;
  display: flex;
  flex-wrap: wrap;
}
.charityImageWrap {
  text-align: center;
  align-self: center;
  margin: 0% 1%;
  width: 48%;
}
.charityProjectText {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 2%;
}       
.rightText{
  margin-left: 15px !important;
  padding-left: 15px !important;
}     
.charityProjectImage {
  width: 100%;
  object-fit: contain;
  display: block;
  max-width: 375px;
  margin: 0px auto 10px;
}
.mapboxgl-ctrl-bottom-right{
  display:none;
}
.mapDataDisplay {
  position: relative;
}
.countyDataDisplay {
  position: absolute;
  right: -10px;
  top: -10px;
}
.wikiHubButton{
  display: none !important;
}
/*
*  STYLE 1
*/

#style-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
#map {
  position: relative;
  width: 100%;
  height: 100%;
}
.choroplethOptions .choroButton {
  background-color: rgb(153, 153, 153);
} 
.charityMap{
  height: 100%;
  width: 63%;
}
#toolsSectionBar {
  background-color: #6d6e71;
}
.charityTitle h3 {
  text-transform: uppercase;
  font-size: 2vw;
  text-align: center;
  margin: 5vh 0 5vh;
  font-weight: 600;
  color: #474747;
}
.charityDescription {
  text-align: center;
  font-size: 20px;
  width: 61%;
  margin: 0 auto 50px;             
}         
#main_content {
  height: 80%;
}
#main_content_two {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
  height: 70%;
}
#secondary_content{
  margin: 0px 5.5%;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;             
}
#charityNav {
  height: 50px;
  margin: 20px 0;
  font-size: 0;
  width: 100%;
  display: flex;
  font-family: 'FiraMedium', 'SourceSansPro', arial, sans-serif;
}
.flexCharity {
  display:flex;
}
.standardNavBtn {
  width: calc(100% / 5);
}
.charityCodeSection input[type="text"] {
  width: 75px;
}
#secondary_opening {
  width: 100%;
}
.ninety_container{
  width: 100%;
}
.charityLeftContent {
  width: 100%;
  padding: 0px 3%;
  font-size: 18px;
  text-align: center;
}
.charityLeftContent p{
  width: 40%;
  text-align: left;
  margin: 1% auto;
  font-size: 18px;
}
.charityLeftContent #charityTextWrap p:nth-child(1) {
  text-align: left;
}
.charityLeftContent p:nth-child(1){
  font-size: 22px;
  width: 50%;
  text-align: center;
  color: #45ae8d;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 auto 1%;
}
.charityLeftContent p:nth-child(3){
  font-size: 22px;
  color: #45ae8d;
  font-weight: bold;
}
.charityIconPurple:nth-child(5) {
  margin: 0.5% auto;
}
.charityIconPurple:nth-child(6) {
  margin: 0.5% auto;
}
.charityIconPurple:nth-child(7) {
  margin: 0.5% auto;
}
#contributeModuleBtn{
  margin: 0.5% 0 5%;
  padding: 10% 8%;
  font-size: 18px;
  border-radius: 75%;
  font-weight: bold;
  background-color: #9362a9;
}
#contributeModuleBtn:hover{
  box-shadow: 0 0 0 4px #9362a9;
  background-color: white;
  color: rgb(109, 110, 113);
}
.contributeModuleBtn{
  margin-bottom: 5%;
  margin-left: 5%;
  margin-top: 2%;
}
.mapIntroText {
  width: 55%;
  text-align: center;
  margin: 15px auto 15px;
  font-size: 22px;
}
#charitySubmitImageWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;         
}
#charitySubmitImageWrap > div {
  width: 33%;
  margin: 1% auto;
  text-align: center;
  height: 100%;
}
#charityBoxWrap{
  display: flex;
  flex-wrap: wrap;
  width: 40%;
  justify-content: center;
}
#charityImageSection {
  width: 31%;
  display: flex;
  flex-wrap: wrap;               
}
#charityImageSection #charityIconWrap {
  margin-top: 0;
  flex-wrap: wrap;
  justify-content: center;
  height: 325px;
}
#charityImageSection #charityIconWrap .charityIconPurple{
  width: 28%;
  margin: 2% 2% 2%;
  height: 145px;
}
#charityImageSection #charityIconWrap .charityIconPurple:hover{
  border-radius: 15px;
  box-shadow: 0 0 0 1px #292929;
  cursor: pointer;
}
.moduleTitleWrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.8%;
}
.moduleTitle{
  text-transform: uppercase;
  margin: 2% auto 0;
  text-align: center;
  font-weight: bold;
  font-size: 48px;
  width: 100%;       
}
.moduleTitle h1{
  font-size: 28px;  
  color: #6E6F72;       
}
.moduleTitle div div {
  background-color: #45ae8d;
  border-radius: 66%;
  max-width: 50px;
  font-size: 40px;
  margin: 0 auto 0%;
  color: white;
  font-family: 'droidSB';
}
}
.charityIconsTop {
  width: 84%;
  float: left;
  margin: 2vh 2vw 0vh 2.5vw;
}
.charityIconsMiddle {
  width: 84%;
  float: left;
  margin: 2vh 2vw 0vh 2.5vw;
}
.charityIconsBottom {
  width: 84%;
  float: left;
  margin: 2vh 2vw 0vh 2.5vw;
}                        
.charityLeft {
  float: left;
  text-align: center;
  margin-right: 3vw;
  width: 8.5vw;   
}
.charityLeft p {
  margin-top: 2vh;
  font-size: 0.85vw;
}
.charityCenter {
  width: 20vw !important;
}
.charityLogo {
  max-height: 20vh;
  margin: 10px auto 10px;
  text-align: center;
  width: 80%;
}
#charityLogo {
  max-height: 90%;
  max-width: 100%;
}
.sr-only{
  position: absolute;
  left: -9999999px;
}
.charityHeaderImage img{
  width: 100%;
}
.charityTextSection {
  width: 100%;
}
.charityCodeSection {
  width: 100%;
  margin-bottom: 2%;
  display: flex;
  align-items: center;               
}
#charitySubmitBox{
  width: 100%;
  max-width: 380px;
  height: 100%;
  height: 100%;
  padding: 5px 10px 5px;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  border: 1px solid #D7D7D7;
}
#charityIconWrap {
  width: 100%;
  height: 30%;
  margin-top: -3.75%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
}
.charityIconPurple {
  width: 100%;
  margin: 3% 2% 1.5%;
  height: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-self: flex-start;
}
.charityIconPurple img {
  max-height: 115px;
  max-width: 85%;
  flex-shrink: 0;
}
.charityIconPurple p {
  text-align: center;
  font-size: 15px;
  width: 100%;
  align-self: normal;
  font-weight: bold;
}
.firstIcon {
  margin-right: 2.5%;
}
#charityVideoWrap {
  position: relative;
  overflow: hidden;
  padding-top: 25.10%;
} 
#charityVideoWrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 40.15%;
  height: 90%;
  border: 0;
  margin: 2% 29.5%;
}
.charityGray {
  border: 1px solid #CCCCCC;
  background-color: white;
  margin: 0 1%;
}
.categoryWrap {
  background-color: white;
}           
#incorrect_code p {
  color: rgb(228, 50, 50); 
  float: left;
}
#tertiary_content {
  margin-bottom: 20vh;
}
.contributeSpecific {
  margin-left: unset;
}
.learnMore {
  margin: 10px auto 0;
  max-width: 150px;
  background-color: #9362a9;
}
.learnMore:hover {
  background-color: white;
  color: #6E6F72;
  box-shadow: 0 0 0 2px #9362a9;
}
.charityContentWrap {
  display: flex;
  flex-wrap: wrap;
}
.selectedCharity {
  border: 1px solid #292929;
  border-radius: 15px;
  padding: 10px;
}
.donateNowBtn {
  font-size: 22px;
  background-color: #9362a9;
}
.donateNowBtn:hover {
  background-color: white;
  color: #6E6F72;
  box-shadow: 0 0 0 3px #9362a9;
}
#charityBottom {
  width: 40%;
  margin: 1% auto 2%;
  display: flex;
  flex-wrap: wrap;                
}
#charityTextWrap {
  width: 60%;
  flex-wrap: wrap;
  display: flex;
}
#charityTextWrap p{
  width: 100%;
}
#charityBtnWrap {
  width: 40%;    
}
#charityTextWrap span{
  width: 100%;
  text-align: left;
}
/*CHARITY MAP MODULE*/
@media screen and (max-width: 1300px){
  .charityProjectText {
      width: 100%;
  }
  .subCharityImages {
      width: 100%;
  }
  .subCharityContent {
      height: unset;
      width: 100%;
  }
  .charityLogo {
      width: 100%;
  }
  .charityImageWrap{
      margin: 2% auto;
      width: 48%;
  }
  #charityImageSection {
      width: 100%;
  }
  .charityCodeSection {
      flex-wrap: wrap;
  }               
  #charityNav {
      height: 75px;
      width: 100%;
  }
  .charityContentWrap {
      flex-direction: column-reverse;
      width: 100%;
  }
  .mapIntroText {
      width: 75%;  
  }
  #charityVideoWrap {
      padding-top: 45%;
      margin: 5% 0;
  } 
  #charityVideoWrap iframe{
      width: 80%;
      height: 100%;
      margin: 0% 9.5%;
  }
  .charityLeftContent p {
      width: 80%;
  }
  #charityBottom {
      width: 80%;
  }
}
/*laptops*/
@media screen and (max-width: 1440px) and (max-height: 1024px){  
  .charityLeft img {
      height: 8vh;
  }
  .charityDescription{
      width: 85%;  
      font-size: 16px;
  }
  .charityLeftContent{
      font-size: 16px; 
  }
  .moduleTitle {
      width: 100%;
  }
  #bottomContent {
      width: 100%;
  }
  .charityMap {
      height: 750px;
      width: 100%;
  }
  #charitySubmitImageWrap > div {
      width: 100%;
  }
  #charitySwitch {
      width: 100%;
      margin: 2% auto 0;
  }
  #charitySubmitBox {
      margin: 3% 0 0;
      width: 45%;
      min-width: 375px;
  }
  #charityBoxWrap {
      width: 100%;
      flex-direction: column;
  }
  #charityImageSection #charityIconWrap .charityIconPurple{
      width: 25%;
      margin: 2% 2% 2%;
      height: 140px;
  }
  .charityLeftContent p:nth-child(1) {
      margin: 3% auto 0;
  }
}
/*CHARITY MAP MODULE*/
@media ALL and (max-width: 768px) and (max-height: 1024px){                                  
  .charityLeft {
      width: 13.5vw;
      margin-right: 3vw;
  }               
  .charityLeftContent {
      margin-top: 5%;
  }      
  .bottomMargin {
      margin-bottom: 100px;
  }    
  .charityIconPurple p {
      text-align: center;
      font-size: 12px;
  }
  .charityIconPurple img {
      width: 100%;
  }    
  #charityImageSection #charityIconWrap .charityIconPurple img {
      width: initial;
  }
  .charityImageWrap{
      width: 100%;
      max-width: 400px;
  }      
  .moduleTitle {
      font-size: 30px;
  }
  .countyDataDisplay {
      display: none;
  }
  .standardNavBtn{
      margin-bottom: 10px;
      height: 50%;
      width: 33%;
  }
  #charityNav {
      height: 125px;
      width: 100%;
      flex-wrap: wrap;
  } 
  .moduleTitle div div {
      max-width: 40px;
  }               
}      
@media screen and (max-width: 700px) { 
  .countyDataDisplay {
      display: none;
  }
  .charityCodeSection input[type="text"]{
      font-size: 14px;
      width: 50px;
  }  
  .charityIconPurple {
      width: 46%;
      height: 33%;
      margin: 2% 2% 3%;
  }
  .charityIconPurple:nth-child(3){
      margin: -6% auto;
      width: 60%;
  }
  .charityIconPurple:nth-child(4) img{
      width: 35%;
  }
  #charityIconWrap {
      flex-wrap: wrap;
      height: 50%;
  }
  .charityIconPurple img {
      width: 62%;
  }
  .charityLeftContent p {
      width: 80%;
  }
  .charityLeftContent p:nth-child(1) { 
      width: 80%;
  }
  .mapIntroText {
      width: 95%;
      font-size: 20px;
  }
  .moduleTitle {
    font-size: 26px;
    margin: 0 auto 0;
  }
  #charityImageSection #charityIconWrap .charityIconPurple img{
      width: initial;
  }
  #charityImageSection #charityIconWrap .charityIconPurple:nth-child(3) img{
      width: initial;
  }
  #charitySubmitBox {
      min-width: 260px;
  }
  #contributeModuleBtn {
      margin: 5% 0 5%;
  }
  .moduleTitle div div {
      max-width: 32px;
  }
}

/*********Bluw Wave Landing Page*********/

/* base rules */
/* ---------------- */
.main-title-font-size{
  /* font-size: 44px; */
  /* font-size: clamp(2.2rem, 2.5vw,2.75rem); */
  text-transform: none;
}

.secondary-title-font-size{
  /* font-size: 35px; */
  /* font-size: clamp(1.75rem, 2vw, 2.1rem); */
  text-transform: none;
}

/* .tertiary-title-font-size{
  font-size: clamp(1.25rem, 1.6vw, 1.5rem);
} */

.paragraph-text{
  /* font-size: 23px; */
  /* font-size: clamp(1.2rem, 1.2vw, 1.75rem); */
}
/* ----------------- */

.blue-wave-main{
  max-width: 1950px;
  /* padding: 36px 0; */
}

/* -------------------------- */
/* Blew wave video */
.blue-wave-video{
  width: 100%;
  height: auto;
  margin-bottom: 100px;
  position: relative;
}

.blue-wave-video-play-button{
  position: absolute;
  top: 50%;
  left: 50%;
  /* transform: translate(-50%, -50%); */
  z-index: 1;
  width: 100px;
  height: 100px;
}

.blue-wave-video-play-button img{
  width: 100%;
  height: 100%;
}

/* --------------------------- */
/* Every thing you need to know */
.blue-wave-blue-background{
  background: url("https://www.buschsystems.com/wp-content/uploads/2023/09/Blue-Wave-Blue-Background.png");
  /* background-position: bottom; */
  background-position: 0% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.everything-you-need-to-know{
  /* max-width: 1400px; */
  /* margin: 20px auto; */

  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 200px; */

}

.everything-you-need-to-know-title{
  display: flex;
  justify-content: center;
  align-items: flex-start;

  flex: 1;
}

.everything-you-need-to-know-title > h2{
  color: #004094;
  text-align: center;
  max-width: 565px;
  /* margin-bottom: 96px; */
  margin-bottom: 50px;
}

.everything-you-need-to-know-title > h2::after{
  display: flex;
  content: "";
  width: 50%;
  margin: 15px auto 0;
  border-bottom: 3px solid #004094;
}

.everything-you-need-to-know-content{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 96px;
  /* margin: 100px 50px; */
  /* margin: 400px 60px 50px 60px; */
  width: 80%;
  margin: 400px auto 100px auto;
}

.everything-you-need-to-know-content-image{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 422px;
}

.everything-you-need-to-know-content-text{
  flex: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  /* min-width: 600px; */
  min-width: 400px;
}

.everything-you-need-to-know-content-text h3,
.everything-you-need-to-know-content-text p{
  color: #004094;
  text-align: left;
  line-height: 1.5;
}

.everything-you-need-to-know-content-text h3{
  font-size: 35px;
  letter-spacing: 1.75px;
}

.everything-you-need-to-know-content-text p{
  letter-spacing: 0.57px;
}

/* ----------------------------------------- */
/* Waste bins made better */

.waste-bins-made-better{
  max-width: 1920px;

  display: flex;
  flex-direction: column;
  gap: 36px;
}

.waste-bins-made-better-top{
  flex: 4;
  display: flex;
  align-items: center;
  flex-wrap: wrap-reverse;
  gap: 20px;

  max-width: 1400px;
  margin: 20px auto;
}

.waste-bins-made-better-top-text{
  flex: 2;
  text-align: right;
  line-height: 1.5;

  display: flex;
  flex-direction: column;
  justify-content: start;

  min-width: 700px;
}

.waste-bins-made-better-top-text h3{
  font-size: 35px;
  letter-spacing: 1.75px;
  line-height: 1.5;
  color: #004094;
}

.waste-bins-made-better-top-text p{
  letter-spacing: 0.57px;
  color: #0070AF;
}

.waste-bins-made-better-top-image{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;

  min-width: 422px;
}

.waste-bins-made-better-bottom{
  flex: 1;
  background: #004094;
  border: 1px solid #707070;
  padding: 40px 16px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.waste-bins-made-better-bottom h3{
  width: 1344px;
  text-align: center;
  color: #ffffff;
  text-transform: none;
  /* line-height: 20px; */
  line-height: 1.5;
  margin: 0;
}

/* ------------------------------ */
/* What makes this bin better */

.what-makes-this-bin-better-title{
  max-width: 1920px;
}

.what-makes-this-bin-better-title h2{
  max-width: 720px;
  margin: 75px auto;
  text-align: center;
  color: #004094;
}

.what-makes-this-bin-better-title h2::after{
  display: flex;
  content: "";
  width: 30%;
  margin: 15px auto 0;
  border-bottom: 3px solid #004094;
}

.what-makes-this-bin-better-outer-div{
  background: #54D1E0;
  display: flex;
  flex-direction: column;
  /* gap: 50px; */
}

.what-makes-this-bin-better-content{
  /* max-width: 1400px; */
  /* max-width: 900px; */
  max-width: 800px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  /* gap: 50px; */
}

.what-makes-this-bin-better-content-block{
  display: flex;
  gap: 75px;
  align-items: center;
  margin: 50px auto;
}

.what-makes-this-bin-better-content-block:nth-child(even){
  text-align: right;
}

.what-makes-this-bin-better-content-block-image{
  min-width: 150px;
}

.what-makes-this-bin-better-content-text{
  /* min-width: 700px; */
  min-width: 560px;
}

.what-makes-this-bin-better-content-text h2,
.what-makes-this-bin-better-content-text p{
  line-height: 1.5;
  color: #004094;
}

.what-makes-this-bin-better-bottom-image{
  position: relative;
}

.plastic-bank-logo{
  width: 50%;
  position: absolute;
  bottom: 23%;
  left: 5%;
}

.what-makes-this-bin-better-bottom-image img:nth-of-type(2){
  width: 100%;
}

/* ----------------------------------- */
/* Social recycling moment */
.social-recycling-moment-title{
  max-width: 1920px;
}

.social-recycling-moment-title h2{
  margin: 75px auto;
  max-width: 90%;
  text-align: center;
  /* font-size: 100px;
  font-size: clamp(1.7rem, 4.5vw, 6.25rem); */
  font-size: clamp(1.5rem, 5vw, 4rem);
  line-height: 1.5;
  color: #20479E;
}

/* ---------------------------------- */
/* Shop blue wave products */
.shop-blue-wave-products-card-group-outer-container{
  display: flex;
  gap: 30px;
  flex-direction: column;
  align-items: center;
}

.shop-blue-wave-products-title{
  max-width: 1920px;
}

.shop-blue-wave-products-title h2{
  margin: 75px auto;
  text-align: center;
  color: #004094;
}

.shop-blue-wave-products-title h2::after{
  display: flex;
  content: "";
  width: 10%;
  margin: 15px auto 0;
  border-bottom: 3px solid #004094;
}

.shop-blue-wave-products-card-group{
  /* display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); */
  
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  /* justify-content: start; */
  justify-content: center;

  max-width: 1700px;
  margin: 0 auto;
}

.shop-blue-wave-products-card{
  cursor: pointer;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  /* justify-self: start; */
  max-width: 300px;
}

.shop-blue-wave-products-card-top{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*  */
.shop-blue-wave-products-card-top-image{
  position: relative;
}

.blue-wave-product-hover{
  position: absolute;
  top: 50%;
  left: 25%;

  opacity: 0;
  transition: all 0.4s ease;
}

.blue-wave-product-hover p{
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 7px;
  padding: 3px 5px;

  transition: all 0.4s ease;
}

.shop-blue-wave-products-card:hover .blue-wave-product-hover{
  opacity: 1;
}

.shop-blue-wave-products-card-top-strip{
  width: -webkit-fill-available;
  text-align: center;

  position: relative;
}

.shop-blue-wave-products-card-top-strip-middle{
  background: #ABD037;
  color: #004094;
  letter-spacing: 1.55px;
  padding: 10px;
  z-index: 1;

  width: 75%;
  margin: 0 auto;
  font-weight: bold;
}

.shop-blue-wave-products-card-top-strip-left{
  position: absolute;
  top: 15%;
  left: -1%;
  width: 50px;
  height: 50px;

  background: #8AB53F;
  z-index: -1;

  -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 30% 50%, 0% 0%);
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 30% 50%, 0% 0%);
}

.shop-blue-wave-products-card-top-strip-right{
  position: absolute;
  top: 15%;
  right: -1%;
  width: 50px;
  height: 50px;

  background: #8AB53F;
  z-index: -1;
  
  -webkit-clip-path: polygon(100% 0%, 70% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  clip-path: polygon(100% 0%, 70% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
}

.shop-blue-wave-products-card-top-image{
  z-index: -2;
}

.shop-blue-wave-products-card-bottom h5{
  color: #004094;
}

/* ----------------------------- */
/* Shop blue wave product model android */
.shop-blue-wave-products-card-top{
  position: relative;
}

.shop-blue-wave-model-android-view{
  position: absolute;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;

  display: none; /* we are making it's display block in the android view */
}

.shop-blue-wave-slider{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.shop-blue-wave-slide{
  position: absolute;
  /* width: 100%;
  height: 100%; */
  width: fit-content;
  height: 90%;
  padding: 20px;
  overflow: scroll;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  transition: all 0.3s ease;
}

.shop-blue-wave-slide::-webkit-scrollbar{
  display: none;
}

.shop-blue-wave-slide-info{
  /* display: none; */

  text-align: center;
  background: #54D1E0;
  color: #004094;
  font-size: 12px;
  padding: 10px 0;
  width: 100%;
  height: 100%;
}

.shop-blue-wave-slide-info p{
  padding: 15px;
  overflow: scroll;
}

.shop-blue-wave-slide-info p::-webkit-scrollbar{
  display: none;
}

.shop-blue-wave-slide-carbon-footprint{
  /* display: none; */
  width: 90%;
  backdrop-filter: blur(10px);
}

.shop-blue-wave-slide-buttons{
  /* display: none; */
  width: 90%;
  gap: 20px;
  backdrop-filter: blur(10px);
}

.shop-blue-wave-slide-buttons a{
  background: #004094;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  /* width: 260px; */
  width: 80%;
  height: 55px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.shop-blue-wave-slider-next-button{
  position: absolute;
  top: 50%;
  right: 3%;
  color: #ffff;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;

  /* border: 2px solid #ffffff;
  border-radius: 50%;
  padding: 10px; */
}

.shop-blue-wave-slider-previous-button{
  position: absolute;
  top: 50%;
  left: 3%;
  color: #ffff;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  
  /* border: 2px solid #ffffff;
  border-radius: 50%;
  padding: 10px; */
}

/* --------------------------------------- */
/* Shop blue wave products model */
.shop-blue-wave-products-model{
  max-width: 1700px;
  margin: 0 30px;
  position: relative;

  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  background: #54D1E0;
}

.shop-blue-wave-products-model-top{
  position: absolute;
  top: 20px;
  right: 20px;
}

.shop-blue-wave-products-model-top button{
  background: #333333;
  color: #ffffff;
  border: none;
  font-size: 25px;
  cursor: pointer;
}

.shop-blue-wave-products-model-bottom{
  display: flex;
  gap: 50px;
  width: 85%;
  margin: 75px auto;
}

.shop-blue-wave-products-model-bottom-left{
  min-width: 350px;
  max-width: fit-content;
  width: 100%;
  height: 100%;
  display: flex;
  margin: 0 auto;
}

.shop-blue-wave-products-model-bottom-left img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.shop-blue-wave-products-model-bottom-right{
  min-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.shop-blue-wave-products-model-bottom-right h2{
  letter-spacing: 1.1px;
  color: #004094;
  /* font-size: 44px; */
  text-transform: none;
}

.shop-blue-wave-products-model-bottom-right p{
  letter-spacing: 0.57px;
  color: #004094;
  /* font-size: 23px; */
  line-height: 1.2;
}

.shop-blue-wave-products-model-bottom-right-cards{
  /* display: flex;
  gap: 20px;
  flex-wrap: wrap; */
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fill, 260px);
  align-items: center;
  justify-content: start;
}

.shop-blue-wave-products-model-bottom-right-card{
  border-radius: 21px;
  overflow: hidden;
  /* box-shadow: 0px 3px 6px #00000029; */
  /* max-width: 260px;
  max-height: 260px; */
}

.shop-blue-wave-products-model-bottom-right-cards a{
  height: 100%;
}

.shop-blue-wave-products-model-bottom-right-card img{
  width: 100%;
  height: 100%;
}

.view-product-page,
.request-a-queue{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  cursor: pointer;
  
  height: 100%;
}

.view-product-page h4,
.request-a-queue h4{
  color: #ffffff;
  background: #004094;
  padding: 10px;
  font-size: 20px;
  letter-spacing: 1px;
}

.view-product-page img, /*-----------------------*/
.request-a-queue img{ /*-----------------------*/
  object-fit: cover;
}

.shop-blue-wave-products-model-display-none{
  display: none;
}

/* update 03/10/2023 */
.shop-blue-wave-products-model-comparison-info{
  /* width: 80%; */
  /* width: 75%; */
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
  padding: 20px;
  background: #004094;
}

.shop-blue-wave-products-model-comparison-info p{
  /* font-size: small; */
  font-size: 12px;
  width: 85%;
  margin: 0 auto;
}

/* --------------------------------------- */
/* Interested in our recycling and waste products */
.interested-in-our-recycling-and-waste-products{
  background: #004094;
  padding: 50px 0;
  margin: 50px 0;
}

.interested-in-our-recycling-and-waste-products-title{
  max-width: 1920px;
}

.interested-in-our-recycling-and-waste-products-title h2{
  text-align: center;
  margin: 25px;
  text-align: center;
  color: #ffffff;
}

.interested-in-our-recycling-and-waste-products-title h2::after{
  display: flex;
  content: "";
  width: 10%;
  margin: 15px auto 0;
  border-bottom: 3px solid #ffffff;
}

.interested-in-our-recycling-and-waste-products-buttons{
  /* max-width: 550px; */
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin: 0 auto;
}

.interested-in-our-recycling-and-waste-products-buttons a{
  color: #fff;
  border: 2px solid #ffffff;
  /* font-size: 22px; */
  font-weight: bold;
  min-width: 260px;
  height: 55px;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

/* --------------------------------------- */
/* Helpful resources */
.helpful-resources-title{
  max-width: 1920px;
}

.helpful-resources-title h2{
  max-width: 720px;
  margin: 75px auto;
  text-align: center;
  color: #004094;
}

.helpful-resources-title h2::after{
  display: flex;
  content: "";
  width: 30%;
  margin: 15px auto 0;
  border-bottom: 3px solid #004094;
}

.helpful-resources-card-group{
  /* max-width: 1400px; */
  max-width: 1300px;
  margin: 0 auto;

  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  /* justify-content: space-evenly; */
  justify-content: center;
  /* align-items: center; */
}

.helpful-resources-card-group a{
  /* flex: 1 0 calc(33.33% - 60px); */
  max-width: 370px;
}

.helpful-resources-card{
  max-width: 420px;
  text-align: center;
  
  display: flex;
  /* gap: 20px; */
  flex-direction: column;
  align-items: center;
  justify-self: flex-start;
}

.helpful-resources-card h3{
  color: #939598;
  font-size: 18px;
}

.helpful-resources-card p{
  color: #000000;
}

.helpful-resources-card-group a:nth-child(1) div{
  /* gap: 20px; */
}

/* media queries */
/* ---------------------------- */
@media screen and (max-width: 1460px) {
  /* What makes this bin better */
  .what-makes-this-bin-better-content{
    max-width: 750px;
  }

  .what-makes-this-bin-better-content-text{
    min-width: 400px;
  }

  /* Shop blue wave products model */
  .shop-blue-wave-products-model{
    max-width: 1225px;
  }

  .shop-blue-wave-products-model-bottom{
    width: 90%;
  }
  
  .shop-blue-wave-products-model-bottom-right{
    min-width: 450px;
  }
}

@media only screen and (max-width: 1225px){
  /* everything you need to know */
  .everything-you-need-to-know-content{
    /* max-width: 900px; */
    /* margin: 20px auto; */
    /* margin: 100px 30px 50px 30px; */
    width: 90%;
    margin: 200px auto 100px auto;
  }

  .everything-you-need-to-know-content-image{
    min-width: 250px;
  }
  
  .everything-you-need-to-know-content-text{
    /* min-width: 500px; */
    min-width: 400px;
  }

  /* waste bins made better */
  .waste-bins-made-better-top-text{
    min-width: 500px;
  }

  .waste-bins-made-better-top-image{
    min-width: 250px;
  }

  /* What makes this bin better */
  /* .what-makes-this-bin-better-content{
    max-width: 900px;
  }

  .what-makes-this-bin-better-content-text{
    min-width: 500px;
  } */

  /* Shop blue wave products model */
  .shop-blue-wave-products-model-bottom{
    width: 90%;
    flex-direction: column;
    gap: 20px;
  }
}


@media only screen and (max-width: 900px) {
    /* Blew wave video */
    .blue-wave-video{
      margin-bottom: 75px;
    }

  /* everything you need to know */
  .everything-you-need-to-know-content-text h3,
  .everything-you-need-to-know-content-text p,
  .everything-you-need-to-know-content,
  .everything-you-need-to-know-content-text{
    padding: 0;
    width: 90%;
    margin: 0 auto 20px;
    text-align: center;
  }

  .everything-you-need-to-know-content-text h3,
  .everything-you-need-to-know-content-text p{
    text-align: center;
    line-height: 1.2;
  }

  .everything-you-need-to-know-content{
    gap: 50px;
    margin-top: 150px;
  }

  .everything-you-need-to-know-content-text{
    min-width: 400px;
  }

  /* waste bins made better */
  .waste-bins-made-better-top,
  .waste-bins-made-better-top-text{
    max-width: 90%;
    /* margin: 0 auto; */
    margin: 20px auto;
  }

  .waste-bins-made-better-top{
    gap: 0px;
  }

  .waste-bins-made-better-top-text{
    min-width: 400px;
    text-align: center;
    /* min-width: inherit; */
  }

  .waste-bins-made-better-top-text h3,
  .waste-bins-made-better-top-text p{
    line-height: 1.2;
  }

  /* What makes this bin better */
  .what-makes-this-bin-better-content-block{
    width: 80%;
    margin: 50px auto 0 auto;
    flex-direction: column;
    gap: 50px;
  }

  .what-makes-this-bin-better-content-block:nth-child(2){
    flex-direction: column-reverse;
  }

  .what-makes-this-bin-better-content{
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .what-makes-this-bin-better-content-text{
    min-width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  
  /* Social recycling moment */
  .social-recycling-moment-title h2{
    /* font-size: 60px; */
    margin: 75px auto 50px;
  }
  
  /* Shop blue wave products model */
  .shop-blue-wave-products-model-bottom{
    width: 90%;
    flex-direction: column;
    gap: 20px;
  }

  .shop-blue-wave-products-model-bottom-left{
    min-width: 0;
  }
}

@media only screen and (max-width: 800px) {
  .shop-blue-wave-products-model{
    width: 100%;
    margin: 0 auto;
  }
  
  .shop-blue-wave-products-model-bottom-left,
  .shop-blue-wave-products-model-bottom-right,
  .shop-blue-wave-products-model-bottom-right h3,
  .shop-blue-wave-products-model-bottom-right p,
  .shop-blue-wave-products-model-bottom-right-cards,
  .shop-blue-wave-products-model-bottom-right-card{
    width: 90%;
    margin: 0 auto;
  }

  .shop-blue-wave-products-model-bottom-right h2{
    margin: 0 auto;
  }

  .shop-blue-wave-products-model-bottom-right-cards{
    flex-direction: column;
  }
}

@media only screen and (max-width: 735px) {
  .shop-blue-wave-products-model-bottom-right-cards{
    grid-template-columns: 1fr;
    width: 60%;
  }
}

@media only screen and (max-width: 630px) {
  /* Shop blue wave products model */
  .shop-blue-wave-products-model{
    display: none;
  }

  .blue-wave-product-hover{
    display: none;
  }
  
  /* Blue wave product model android view */
  .shop-blue-wave-model-android-view{
    display: flex;
  }
}

@media only screen and (max-width: 455px) {
  /* everything you need to know */
  .everything-you-need-to-know{
    gap: 100px;
  }

  .everything-you-need-to-know-title{
    width: 90%;
    margin: 0 auto;
  }
  
  .everything-you-need-to-know-content-text{
    min-width: 250px;
  }
  
  /* waste bins made better */
  .waste-bins-made-better-top-text{
    min-width: 250px;
  }

  /* Social recycling moment */
  .social-recycling-moment-title h2{
    /* font-size: 40px; */
    margin: 75px auto 16px;
  }

  /* Shop blue wave products */
  .shop-blue-wave-products-card-group{
    /* grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); */
    width: 100%;
  }
  
  .shop-blue-wave-products-card{
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  
  /* Interested in our recycling and waste products */
  .interested-in-our-recycling-and-waste-products-title h2{
    width: 90%;
  }

  /* Helpful resources */
  .helpful-resources-card-group{
    width: 100%;
  }

  .interested-in-our-recycling-and-waste-products-buttons a{
    font-size: 16px;
  }
  
  .helpful-resources-card{
    width: 90%;
    margin: 0 auto;
  }

  /* Blew wave video */
  .blue-wave-video{
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 320px) {
  .shop-blue-wave-slide{
    padding: 0;
    width: 100%;
    height: 100%;
  }
}
  /* ---------------------------- */
/*********End of Bluw Wave Landing Page*********/





/********* Customizations Page *********/
.customizations-top {
  max-width: 1300px;
  margin: 0 auto;
  padding: 50px 10px;

  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}

.customizations-top-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 30px;

  min-width: 400px;
}

.customizations-top-left-image {
  width: 100%;
}

.customizations-top-left-image img {
  width: 100%;
  height: 100%;
}

.customizations-top-right {
  flex: 1;
  min-width: 400px;
}

.customizations-top-right h2,
.customizations-top-right h3 {
  text-transform: inherit;
}

.customizations-top-left-pdf {
  display: flex;
  gap: 10px;
  width: 60%;
  margin: 0 auto;
}

.customizations-top-left-pdf-left {
  width: 20%;
}

/* slider */
.customizations-explore-the-possibilities {
  padding: 130px 0;
  text-align: center;
  margin-bottom: 50px;

  position: relative;
}

.customizations-explore-the-possibilities-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.customizations-explore-the-possibilities-background img {
  width: 100%;
  height: 100%;
}

.customizations-explore-the-possibilities h2 {
  color: #ffffff;
  text-transform: inherit;
  margin-bottom: -50px;
}

/* slider with arrows extra */
#customizations #galleryMain{
  padding: initial;
}

#customizations #galleryMain > div > h3{
  font-size: 37px;
  margin-bottom: 50px;
}

/* media queries */
@media only screen and (max-width: 1025px) {
  #customizations > .customizations-explore-the-possibilities > #galleryMain{
    /* padding: 50px 0; */
  }
}

@media only screen and (max-width: 1024px) {
  #customizations > div.customizations-explore-the-possibilities > div.customizations-explore-the-possibilities-background > img{
    display: none;
  }

  #galleryMain > div > div > button.slick-next.slick-arrow {
    right: 0.5%;
  }
  
  #galleryMain > div > div > button.slick-prev.slick-arrow{
    left: 0.5%;
  }

  #customizations #galleryMain .slick-track div a div img{
    width: auto;
    height: auto;
  }
}

@media only screen and (max-width: 865px) {
  .customizations-top-right {
    text-align: center;
  }
}

@media only screen and (max-width: 400px) {

  .customizations-top-left,
  .customizations-top-right {
    width: 90%;
    margin: 0 auto;
    min-width: inherit;
  }

  .customizations-top-left-pdf {
    width: 90%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 350px) {
  .customizations-top-left-pdf {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

/*** centerMode slick slider ***/
/* Reference: https://github.com/kenwheeler/slick/blob/master/index.html */

/* .centerMode .slider {
  width: 50%;
  margin: 100px auto;
} */

#customizations > div.customizations-explore-the-possibilities > div.imageSlick.slickContainer.slick-centered.centerMode.slick-initialized.slick-slider{
  width: 100%;
  margin: 100px auto;
}

.centerMode .slickContainer{
  width: 70%;
  margin: 100px auto;
}

.centerMode .slick-slide {
  margin: 0px 20px;
}

.centerMode .slick-slide img {
  width: 100%;
}

.centerMode .slick-prev:before,
.centerMode .slick-next:before {
  color: black;
}


.centerMode .slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.centerMode .slick-active {
  opacity: .5;
}

.centerMode .slick-current {
  opacity: 1;
}

#customizations > div.customizations-explore-the-possibilities > div.imageSlick.slickContainer.slick-centered.centerMode.slick-initialized.slick-slider.slick-dotted > button.slick-prev.slick-arrow{
  left: 50px;
}

#customizations > div.customizations-explore-the-possibilities > div.imageSlick.slickContainer.slick-centered.centerMode.slick-initialized.slick-slider.slick-dotted > button.slick-next.slick-arrow{
  right: 50px;
}
/*** end centerMode slick slider ***/
/********* End Customizations Page *********/

/********* Glossary Terms Page *********/
#glossary * {
  /* outline: 1px dotted #333; */
}

.glossary-inner-container {
  max-width: 1000px;
  margin: 0 auto;
}

.glossary-title {
  background: #19919f;
  color: #ffffff;
  padding: 25px;
  text-align: center;
  margin: 0 auto;
}

.glossary-filter-nav {
  display: flex;
  justify-content: space-evenly;
  padding: 20px 10px;
  flex-wrap: wrap;
}

.glossary-filter-nav a {
  font-weight: bold;
  padding: 10px;

  transition: all 0.4s ease;
}

.glossary-filter-nav a:hover {
  background: #ABD037;
  color: #ffffff;
}

.glossary-filter-nav a:has(strong) {
  background: #ABD037;
  color: #ffffff;
}

.glossary-nav-letter-enabled {
  color: gray;
}

.glossary-nav-letter-disabled {
  color: lightgray;
}

.glossary-nav-letter-enabled.active {
  background: #ABD037;
  color: #ffffff;
}

.glossary-cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 10px;
}

.glossary-card {
  display: flex;
  gap: 20px;
  padding: 20px;
  border: 1px solid #d4d4d4;
}

.glossary-card-left {
  /* margin-right: 20px; */
  /* width: 30%; */
}

.glossary-card-left img {
  /* width: 100%;
  height: 100%; */
  min-width: 165px;
}

.glossary-card-middle {
  width: 611.59px;
  word-wrap: break-word;
}

.glossary-card-middle h4 {
  color: #19919f;
}

.glossary-card-middle a:hover {
  text-decoration: underline;
}

.glossary-card-right {
  /* width: 15%; */
  min-width: 110px;
  display: flex;
  align-items: end;
}

.glossary-card-right a {
  background: #0033A0;
  color: #ffffff;
  padding: 5px 10px;
}

.glossary-card-right a:hover {
  background: #005a87;
}

.read-more-content {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out;
  margin-top: 10px;
}

.read-more-content.open {
  height: auto;
}


@media only screen and (max-width: 960px) {
  .glossary-card {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

}

@media only screen and (max-width: 660px) {
  .glossary-card-middle {
    width: 500px;
  }
}

@media only screen and (max-width: 540px) {
  .glossary-card-middle {
    width: 400px;
  }
}

@media only screen and (max-width: 430px) {
  .glossary-card-middle {
    width: 260px;
  }
}


@media only screen and (max-width: 200px) {
  .glossary-inner-container {
    width: 100%;
  }

  .glossary-card,
  .glossary-card-left,
  .glossary-card-middle,
  .glossary-card-right {
    width: 90%;
    margin: 0 auto;
  }

  .glossary-card-left img {
    width: 100%;
    height: 100%;
  }
}

/********* End Glossary Terms Page *********/

/********* Glossary Blog Page *********/
.cmsPageTitle h1,
.cmsPageTitle h2 {
  color: #6d6e71;
  text-align: center;
}

.post_content_wrap p {
  color: #333333;
}
/********* End Glossary Blog Page *********/

/********* New Home Page header update 2023 10/21/2023 *********/
.www-container *{
  /* outline: 1px dotted #333; */
}

.www-container{
  max-width: 1300px;
  margin: 100px auto;
  padding: 0 20px;

  display: flex;
  gap: 50px;
  justify-content: center;
  align-items: center;

  /* flex-wrap: wrap; */
}

.www-container div div h2{
  color: #22B9CA;
  margin-bottom: 15px;
  text-transform: none;
}
.who-we-are-container,
.what-we-do-container,
.why-we-do-it-container{
  width: 400px;
  height: 270px;
}

.who-we-are-content,
.what-we-do-content,
.why-we-do-it-content{
  width: 100%;
  height: 90%;
  text-align: center;

  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;

  background: transparent;

  transition: all 0.4s ease;
}

.who-we-are-content p,
.what-we-do-content p,
.why-we-do-it-content p{
  color: transparent;
  transition: all 0.4s ease;
}

.www-content:hover img{
  filter: brightness(30%);
}

.www-content:hover p{
  color: #ffffff;
}

.who-we-are-content img,
.what-we-do-content img,
.why-we-do-it-content img{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  
  width: 100%;
  height: auto;

  transition: all 0.4s ease;
}

#main > div.imageSlick.slickContainer.slick-centered.ourStorySlickFast.slick-initialized.slick-slider.slick-dotted{
  max-width: 1300px;
  margin: 80px auto;
}

.delay-load {
  display: none !important;
}

#main > div.imageSlick.slickContainer.slick-centered.ourStorySlickFast.slick-initialized.slick-slider.slick-dotted > button.slick-prev.slick-arrow{
  left: 2%;
}

#main > div.imageSlick.slickContainer.slick-centered.ourStorySlickFast.slick-initialized.slick-slider.slick-dotted > button.slick-next.slick-arrow{
  right: 2%;
}

#main > div.imageSlick.slickContainer.slick-centered.ourStorySlickFast.slick-initialized.slick-slider.slick-dotted > button.slick-prev.slick-arrow::before{
  background: url('css/white-chevron-left.png') center center no-repeat;
}

#main > div.imageSlick.slickContainer.slick-centered.ourStorySlickFast.slick-initialized.slick-slider.slick-dotted > button.slick-next.slick-arrow::before{
  background: url('css/white-chevron-right.png') center center no-repeat;
}

.home-header-display-none{ /* for hiding the original header add */
  display: none;
}



@media only screen and (max-width: 1320px) {
  #main > div.imageSlick.slickContainer.slick-centered.ourStorySlickFast.slick-initialized.slick-slider.slick-dotted{
    max-width: 95%;
  }
}

@media only screen and (max-width: 1279px) {
  .www-container{
    flex-direction: column;
  }
}

@media only screen and (max-width: 450px) {
  .www-container{
    padding: 0;
  }
  
  .www-container h2{
    padding: 0 20px;
  }

  .www-container div div p{
    padding: 0 20px;

    position: absolute;
    width: 90%;
    top: auto;
    left: auto;
  }

  .www-container div div p br{
    display: none;
  }

  .who-we-are-content,
  .what-we-do-content,
  .why-we-do-it-content{
    width: 90%;
    margin: 0 auto;
  }

  .who-we-are-content img,
  .what-we-do-content img,
  .why-we-do-it-content img{
    height: 100%;
  }
}

@media only screen and (max-width: 380px) {
  .who-we-are-container,
  .what-we-do-container,
  .why-we-do-it-container{
    width: 100%;
  }

  .who-we-are-content,
  .what-we-do-content,
  .why-we-do-it-content{
    width: 95%;
    margin: 0 auto;
  }
}
/********* End New Home Page header update 2023 10/21/2023 *********/

/********* Project Rise Custom Update for the display message for the donation *********/

.offline-center {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 18px;
    width: 915px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto
}
.offline-center a {
  text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
  .offline-center {
    width: 90%;
    text-align: center;
  }
}


#st-1{
  /* outline: 1px dotted #333; */
  
  width: 40%;
  position: fixed;
  top: 10%;
  left: 30%;
  
  padding: 30px;
  text-align: center;
  text-wrap: wrap;
  background: #4ab291;
  color: #ffffff;

  border-radius: 13px;
}

#st-1 p{
  margin: 0;
}

.close-charity-message{
  position: absolute;
  top: 3%;
  right: 2%;
  font-weight: bold;
  
  color: #ef233c;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  #st-1{
    width: 70%;
    left: 10%;
  }
}

@media only screen and (max-width: 450px) {
  #st-1{
    width: 70%;
    left: 7%;
  }
}

@media only screen and (max-width: 281px) {
  #st-1{
    width: 70%;
    left: 4%;
  }
}
/********* End Project Rise Custom Update for the display message for the donation *********/