@charset "UTF-8";
/* fonts */
/* colors */
/* body vars */
/*homepage vars*/
/* pdp vars */
/*mixin vars*/
/* fonts */
/* colors */
/* body vars */
/*homepage vars*/
/* pdp vars */
/*mixin vars*/
/** common styling and layouts start **/
html {
  position: relative;
  min-height: 100%;
}

body {
  color: #4b4b4b;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: normal;
  background: #f6f6f6;
}

@media only screen and (min-width: 1232px) {
  .container {
    width: 1232px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1231px) {
  .container {
    width: 1000px;
  }
}
/** start fixes and adjustments on the original Netsuite styling **/
#outerwrapper,
#innerwrapper {
  width: 100% !important;
}

#div__header,
#div__body,
#div__footer {
  float: left;
  position: relative;
  width: 100% !important;
}

#div__body {
  background-color: transparent;
  padding: 0 !important;
}

#div__body > table {
  max-width: 1232px;
  margin-left: auto;
  margin-right: auto;
}

#div__header {
  /** height: initial !important;
  max-height: initial !important; **/
  /** RDM 22/11/2017 @goj noted that this is causing some issue in the UI on mobile in IE. He suggested that it must be replaced with auto or inherit **/
  /** RDM updated 11/12/2017 **/
  height: auto !important;
  max-height: initial !important;
  background-color: transparent;
}

#MWTMiniCartDrop {
  top: 50px !important;
}

#div__body #main {
  margin-left: auto;
  margin-right: auto;
}

#div__body #itmTable * {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}

#div__footer {
  background-color: #f5f5f5;
}

#ftrTop,
#ftrDiv {
  margin-left: auto !important;
  margin-right: auto !important;
}

/** checkout styling fixes **/
.checkout-content input[type=text] {
  height: 35px;
}

/** end  fixes and adjustments on the original Netsuite styling **/
.col-no-padding {
  padding: 0 !important;
  margin: 0 !important;
}

.row-no-padding [class*=col-] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.vertical-center {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .vertical-center {
    display: block;
    /* Turn off the flexible box layout */
  }
}

/** FONTS **/
@font-face {
  font-family: "DINMittelschriftStd";
  src: url("../fonts/33AEA3_0_0.eot");
  src: url("../fonts/33AEA3_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/33AEA3_0_0.woff2") format("woff2"), url("../fonts/33AEA3_0_0.woff") format("woff"), url("../fonts/33AEA3_0_0.ttf") format("truetype");
  font-display: block;
}
@font-face {
  font-family: "DINEngschriftStd";
  src: url("../fonts/33AEA3_1_0.eot");
  src: url("../fonts/33AEA3_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/33AEA3_1_0.woff2") format("woff2"), url("../fonts/33AEA3_1_0.woff") format("woff"), url("../fonts/33AEA3_1_0.ttf") format("truetype");
  font-display: block;
}
/* Icomoon */
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?5yce1d");
  src: url("../fonts/icomoon.eot?5yce1d#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?5yce1d") format("truetype"), url("../fonts/icomoon.woff?5yce1d") format("woff"), url("../fonts/icomoon.svg?5yce1d#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[data-icon]:before {
  font-family: "icomoon";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

[data-icon]:hover:before {
  text-decoration: none;
}

[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shield2:before {
  content: "";
}

.icon-medal:before {
  content: "";
}

.icon-shield:before {
  content: "";
}

.icon-bulb:before {
  content: "";
}

.icon-play_arrow:before {
  content: "";
}

.icon-playback_arrow:before {
  content: "";
  transform: rotate(-180deg);
  position: relative;
  display: inline-block;
  left: 2px;
  top: 2px;
}

.icon-instagram2:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-envelope:before {
  content: "";
}

.icon-man:before {
  content: "";
}

.icon-cart:before {
  content: "";
}

.icon-phone-bubble:before {
  content: "";
}

.icon-lifebuoy:before {
  content: "";
}

.icon-truck:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-location:before {
  content: "";
}

.icon-truck2:before {
  content: "";
}

.icon-star-full:before {
  content: "";
}

.icon-clipboard:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-stop2:before {
  content: "";
}

.icon-enter:before {
  content: "";
}

.icon-exit:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-tags:before {
  content: "";
}

.icon-package:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: #4b4b4b;
  fill: #4b4b4b;
}

.icon:hover {
  stroke: #5ca846;
  fill: #5ca846;
}

.icon-search {
  width: 1em;
  font-size: 20px;
}

.icon-cart {
  font-size: 24px;
}

/* fix for anchor tags that contains svg, breaks upon clicking as it could be possible that click events could be getting the svg, or any children instead of anchor tag itself. See https://css-tricks.com/links-inline-svg-staying-target-events/ */
.link-svg-fix::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/* End Icomoon */
/** common styling and layouts end **/
/** HEADER styling start **/
header {
  /** allow yamm menu on hover **/
  /*    @media only screen and (min-width: 769px) {
      .yamm ul.nav li.dropdown:hover > ul.dropdown-menu {
          display: block;
      }
  }*/
  background-color: white;
}
header .navbar-default {
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent;
  border-bottom: 5px solid #383634;
  margin-bottom: 0;
}
header .header-top-links .top-category-links,
header .header-top-links .top-user-links {
  float: right;
}
header .header-top-links .top-category-links a,
header .header-top-links .top-user-links a {
  display: inline-block;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  letter-spacing: 0.14px;
  line-height: 50px;
}
@media only screen and (max-width: 991px) {
  header .header-top-links .top-category-links a,
header .header-top-links .top-user-links a {
    line-height: 30px;
  }
}
header .header-top-links .top-category-links a:hover,
header .header-top-links .top-user-links a:hover {
  transition: all ease-in-out 0.3s;
  color: #5ca846;
}
header .header-top-links .top-user-links [data-icon]:before {
  margin-right: 2px;
  font-size: 16px;
}
header .header-top-links .top-user-links a {
  color: #383634;
}
header .header-top-links .top-user-links a:not(:last-child) {
  margin-right: 13px;
}
header .header-top-links .top-category-links {
  margin-right: 15px;
}
header .header-top-links .top-category-links a {
  font-style: italic;
  color: #5a5a5a;
}
header .header-top-links .top-category-links a:not(:last-child):after {
  color: #ecebeb;
  font-size: 8px;
  font-family: "icomoon";
  content: "";
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: none;
  margin-left: 5px;
  margin-right: 2px;
}
header .gbs-masthead {
  /** 16112018 RDM: styling below is no longer being used? **/
}
header .gbs-masthead .collapse-btn {
  display: none;
  float: right;
  color: white;
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  font-family: proxima-nova, sans-serif;
}
header .gbs-masthead .collapse-btn[aria-expanded=true]:after {
  position: relative;
  float: left;
  content: "—";
  padding-right: 10px;
  font-size: 18px;
}
header .gbs-masthead .collapse-btn[aria-expanded=false]:after {
  position: relative;
  float: left;
  content: "+";
  padding-right: 10px;
  font-size: 24px;
}
@media only screen and (min-width: 992px) {
  header .gbs-masthead {
    padding-left: 0;
    padding-right: 0;
  }
}
header .gbs-masthead .navbar-header {
  background-color: #f6f6f6;
}
header .gbs-masthead .navbar-header .navbar-toggle {
  background-color: transparent;
  border: none;
  width: 79px;
}
header .gbs-masthead .navbar-header .navbar-toggle .navmenu {
  float: right;
  position: absolute;
  line-height: 31px;
  top: 0;
  color: #4b4b4b;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
}
header .gbs-masthead .navbar-header .navbar-toggle:hover span {
  transition: all ease-in-out 0.3s;
  background-color: #68c94c;
}
header .gbs-masthead .navbar-header .navbar-toggle:hover span.navmenu {
  background-color: transparent !important;
  color: #5ca846;
}
header .gbs-masthead .navbar-header .navbar-toggle .icon-bar {
  height: 1px;
  width: 17px;
}
header .gbs-masthead .navbar-header .navbar-toggle[aria-expanded=true] > .top-bar {
  transform: rotate(45deg);
  transform-origin: 5% 10%;
}
header .gbs-masthead .navbar-header .navbar-toggle[aria-expanded=true] > .middle-bar {
  opacity: 0;
}
header .gbs-masthead .navbar-header .navbar-toggle[aria-expanded=true] > .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
@media only screen and (max-width: 991px) {
  header .gbs-masthead .gbs-header-logo {
    margin-top: 9px;
    margin-bottom: 12px;
  }
  header .gbs-masthead .gbs-search-box {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 992px) {
  header .gbs-masthead .gbs-header-logo #hdrHomeLink .img-responsive {
    max-height: 50px;
  }
  header .gbs-masthead .gbs-search-box.collapse {
    display: block !important;
    visibility: visible !important;
  }
}
header .gbs-masthead .gbs-search-box .input-group input,
header .gbs-masthead .gbs-search-box .input-group button {
  height: 50px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
header .gbs-masthead .gbs-search-box .input-group input {
  border: 3px solid #f1f1f1;
}
header .gbs-masthead .gbs-search-box .input-group input:focus, header .gbs-masthead .gbs-search-box .input-group input:hover {
  border: 3px solid #5ca846;
}
header .gbs-masthead .gbs-search-box .input-group button {
  background-image: none;
  background-color: #383634;
  width: 60px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #383634;
}
header .gbs-masthead .gbs-search-box .input-group button .icon-search {
  font-size: 20px;
  color: white;
}
header .gbs-masthead .gbs-search-box .input-group button:hover {
  transition: all ease-in-out 0.3s;
  background-color: #5ca846;
  border-color: #5ca846;
}
header .gbs-masthead .gbs-cart-wrapper .gbs-cart {
  font-size: 52px;
  left: 1px;
  position: absolute;
  top: -5px;
  color: #383634;
}
header .gbs-masthead .gbs-cart-wrapper .gbs-cart:hover {
  transition: all ease-in-out 0.3s;
  color: #5ca846;
  text-decoration: none;
}
header .gbs-masthead .gbs-cart-wrapper .gbs-cart-count {
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  color: #5ca846;
  letter-spacing: 0.7px;
  top: 15px;
  left: 15px;
  font-kerning: none;
  font-weight: 600;
  min-width: 20px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  header .gbs-masthead .gbs-cart-wrapper .gbs-cart {
    line-height: 55px;
  }
  header .gbs-masthead .mobile-links-wrapper {
    display: none;
  }
  header .gbs-masthead .cart-md {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  header .gbs-masthead {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  header .gbs-masthead .cart-md {
    display: none;
  }
  header .gbs-masthead .mobile-links-wrapper {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /** 16112018 RDM: styling below is no longer being used? **/
  }
  header .gbs-masthead .mobile-links-wrapper .contact-details {
    margin-left: auto;
    margin-right: auto;
  }
  header .gbs-masthead .mobile-links-wrapper .contact-details > a {
    line-height: 14px !important;
    font-weight: bold !important;
  }
  header .gbs-masthead .mobile-links-wrapper .badge {
    background-color: #5ca846;
    color: white;
    left: 50%;
    width: initial;
  }
  header .gbs-masthead .mobile-links-wrapper .badge:empty {
    background: none;
  }
  header .gbs-masthead .mobile-links-wrapper .gbs-cart-wrapper, header .gbs-masthead .mobile-links-wrapper .gbs-user-link-wrapper {
    text-align: center;
    width: 100% !important;
  }
  header .gbs-masthead .mobile-links-wrapper .gbs-cart-wrapper button, header .gbs-masthead .mobile-links-wrapper .gbs-user-link-wrapper button {
    font-size: 36px;
    left: initial;
    float: left;
    position: relative;
    width: 100%;
    height: 47px;
    border: 0;
    background: none;
  }
  header .gbs-masthead .mobile-links-wrapper .gbs-cart-wrapper button:focus, header .gbs-masthead .mobile-links-wrapper .gbs-user-link-wrapper button:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
  }
  header .gbs-masthead .mobile-links-wrapper .gbs-cart-wrapper button svg, header .gbs-masthead .mobile-links-wrapper .gbs-user-link-wrapper button svg {
    height: 47px;
  }
  header .gbs-masthead .navbar-header {
    width: 100%;
  }
  header .gbs-masthead .collapse-btn {
    display: inline-block;
  }
  header .gbs-masthead .gbs-header-logo {
    width: 100%;
  }
  header .gbs-masthead #top-searchbox {
    order: 4;
    margin-bottom: 0;
  }
  header .gbs-masthead #top-searchbox #search2 {
    border: none;
    padding: 0;
  }
  header .gbs-masthead #top-searchbox .input-group-btn button {
    background-color: transparent !important;
    border: 0 !important;
  }
  header .gbs-masthead #top-searchbox .input-group-btn button .icon-search {
    color: #4b4b4b;
  }
  header .gbs-masthead #top-searchbox .input-group-btn button:hover {
    background-color: transparent !important;
  }
  header .gbs-masthead #top-searchbox .input-group-btn button:hover .icon-search {
    color: #5ca846;
  }
  header .gbs-masthead #top-searchbox .input-group {
    width: 100%;
  }
  header .gbs-masthead #navbar-wrapper {
    order: 5;
  }
}
header .gbs-masthead .navbar-toggle.navbar-left {
  float: left;
  margin-left: 10px;
}
header .gbs-masthead .mobile-links-wrapper {
  margin-right: 10px;
  padding-left: 0;
  position: relative;
}
header .gbs-masthead .mobile-links-wrapper > li {
  display: inline-block;
  position: relative;
}
header .gbs-masthead .mobile-links-wrapper .header-visualizer-m {
  min-width: 117px;
  line-height: 47px;
}
header .gbs-masthead .mobile-links-wrapper .header-visualizer-m button {
  border: 0;
  background: none;
  color: #383634;
  display: flex;
  align-items: center;
  max-height: 47px;
}
header .gbs-masthead .mobile-links-wrapper .header-visualizer-m button span.glyphicon.glyphicon-camera {
  font-size: 25px;
}
header .gbs-masthead .mobile-links-wrapper .header-visualizer-m button span.visualizer-label {
  font-size: 15px;
  font-family: DINMittelschriftStd, sans-serif;
  padding-left: 5px;
}
header .gbs-masthead .mobile-links-wrapper .contact-details a {
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0;
  color: #4b4b4b;
  font-weight: bold;
}
header .gbs-masthead .mobile-links-wrapper .contact-details a:hover {
  transition: all ease-in-out 0.3s;
  color: #5ca846;
}
header .gbs-masthead .mobile-links-wrapper .mobile-toggle-search {
  height: 50px;
  width: 50px;
  display: block;
  float: left;
  position: relative;
  background-color: transparent;
  background-image: none;
  border: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
header .gbs-masthead .mobile-links-wrapper .mobile-toggle-search .icon-search::before {
  font-size: 30px;
}
header .gbs-masthead .mobile-links-wrapper .mobile-toggle-search:hover {
  transition: all ease-in-out 0.3s;
  color: #5ca846;
}
header .gbs-masthead .mobile-links-wrapper .gbs-cart-wrapper,
header .gbs-masthead .mobile-links-wrapper .gbs-user-link-wrapper {
  float: left;
  display: block;
  position: relative;
}
header .gbs-masthead .mobile-links-wrapper .gbs-cart-wrapper .gbs-cart,
header .gbs-masthead .mobile-links-wrapper .gbs-user-link-wrapper .gbs-cart {
  top: 0;
  display: flex;
  justify-items: center;
  justify-content: center;
}
header .gbs-masthead .mobile-links-wrapper .gbs-cart-wrapper .gbs-cart .gbs-cart-count,
header .gbs-masthead .mobile-links-wrapper .gbs-user-link-wrapper .gbs-cart .gbs-cart-count {
  top: 13px;
  position: relative;
  text-align: right;
  left: -10px;
  height: 16px;
}
header .gbs-masthead .mobile-links-wrapper .gbs-cart-wrapper .user-account,
header .gbs-masthead .mobile-links-wrapper .gbs-user-link-wrapper .user-account {
  top: 0;
  color: #4b4b4b;
}
header .gbs-masthead .mobile-links-wrapper .gbs-cart-wrapper .user-account:hover,
header .gbs-masthead .mobile-links-wrapper .gbs-user-link-wrapper .user-account:hover {
  transition: all ease-in-out 0.3s;
  color: #5ca846;
}
header .gbs-masthead #navbar-wrapper {
  float: left;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 2;
}
header .gbs-masthead #navbar-wrapper .top-menu-links {
  background-color: #ffffff;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .panel {
  background: transparent;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .panel .glyphicon {
  display: none !important;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .panel-default {
  border: none !important;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .panel-collapse {
  border: none !important;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .panel-heading {
  color: #4b4b4b;
  background: none;
  border: none !important;
  padding: 0;
  text-decoration: none;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .panel-title {
  margin-top: 20px;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .panel-body {
  background: none;
  padding: 0;
  border: 0;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .panel-body a {
  display: inline-block;
  width: 100%;
  color: #4b4b4b;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .panel-body a:hover {
  color: #5ca846;
  text-decoration: none;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item {
  text-align: center;
  color: #383634;
}
@media only screen and (min-width: 991px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item {
    margin-top: 10px;
  }
}
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item span {
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0.325px;
  font-family: proxima-nova, sans-serif;
  color: #383634;
  white-space: nowrap;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item span:before, header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item span:after {
  color: #ecebeb;
  font-size: 8px;
  font-family: "icomoon";
  content: "";
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item span:before {
  margin-right: 5px;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item span:after {
  margin-left: 5px;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item div {
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.4px;
  font-family: "Ropa Sans";
  color: #4b4b4b;
}
@media only screen and (min-width: 992px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item div {
    white-space: nowrap;
  }
}
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item:focus, header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item:hover {
  /*transition: all ease-in-out .3s;*/
  background-color: transparent;
  color: #5ca846;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item:focus span,
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item:focus div, header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item:hover span,
header .gbs-masthead #navbar-wrapper .top-menu-links .menu-item:hover div {
  /*transition: all ease-in-out .3s;*/
  background-color: transparent;
  color: #5ca846;
}
header .gbs-masthead #navbar-wrapper .top-menu-links a.phone-dynamic {
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.4px;
  font-family: "Ropa Sans";
  color: #4b4b4b;
}
@media only screen and (min-width: 992px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links a.phone-dynamic {
    white-space: nowrap;
  }
}
header .gbs-masthead #navbar-wrapper .top-menu-links .nav {
  margin-top: 15px;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .nav .open > a,
header .gbs-masthead #navbar-wrapper .top-menu-links .nav .open > a:focus,
header .gbs-masthead #navbar-wrapper .top-menu-links .nav .open > a:hover {
  color: #383634;
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.mobile-menu-link {
    display: none !important;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.top-menu-phone-link {
    text-align: right;
    vertical-align: middle;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.top-menu-phone-link a.phone-dynamic {
    text-align: right;
    padding-right: 15px;
    font-size: 20px;
    color: #5ca846;
    font-family: proxima-nova, sans-serif;
    font-weight: bold;
    padding-bottom: 0;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.top-menu-phone-link a.phone-dynamic:focus, header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.top-menu-phone-link a.phone-dynamic:hover {
    background-color: transparent;
    text-decoration: underline;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.top-menu-phone-link a.phone-dynamic + span {
    display: block;
    padding-right: 15px;
    text-align: right;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0px;
    font-family: proxima-nova, sans-serif;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.top-menu-phone-link a.phone-dynamic + span:before, header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.top-menu-phone-link a.phone-dynamic + span:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links {
    background-color: #383634;
    color: white;
    height: auto;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: -100%;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav {
    margin-top: 15px;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav .panel .glyphicon {
    display: block !important;
    float: right;
    font-size: 14px;
    line-height: 24px;
    top: 0;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav .panel-body a {
    color: white !important;
    padding-left: 30px;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav .panel-body a:hover {
    color: #5ca846;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav .panel-title {
    margin-top: 0px;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.top-menu-phone-link span {
    display: none;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li > a {
    padding: 5px 15px;
    text-align: left;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li > a span {
    display: none;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li > a div {
    color: white;
    font-family: proxima-nova, sans-serif;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li > a.phone-dynamic {
    color: white;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li > a.phone-dynamic:focus, header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li > a.phone-dynamic:hover {
    background-color: transparent;
    text-decoration: underline;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.mobile-menu-link > a {
    color: white;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li.mobile-menu-link > a:hover {
    background-color: transparent;
    color: #5ca846;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links {
    /* update this to adjust the top of the yamm dropdown mega menu */
    /*.nav-justified > .dropdown .dropdown-menu {
    top: 170px;
    }*/
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li:first-child > a span {
    display: inline;
  }
}
header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li:last-child span:before, header .gbs-masthead #navbar-wrapper .top-menu-links .nav > li:last-child span:after {
  display: none;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu {
  border-radius: 0;
  padding: 0;
  margin: 0;
  animation-duration: 4s;
  /*yamm content */
}
@media only screen and (max-width: 768px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu {
    position: relative;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content {
  padding: 0;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row {
  margin-left: 0;
  margin-right: 0;
  /** make the height of the dropdown columns the same **/
  /** change the background of the last column **/
}
@media only screen and (min-width: 992px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row {
    display: block;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    /*
    div:nth-of-type(2){
        border-left:2px solid #f2f2f2;
        border-right:2px solid #f2f2f2;
    }
    */
    /** show a column divider except for the last one **/
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row [class*=col-],
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row [class*=col-] {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row > div:first-child h2,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row > div:first-child ul,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row > div:first-child h2,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row > div:first-child ul {
    padding-left: 30px;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row div:not(:last-child),
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row div:not(:last-child) {
    border-right: 2px solid #f2f2f2;
  }
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row h2,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row h2 {
  margin-bottom: 0px;
  font-family: DINMittelschriftStd, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.16px;
  width: 100%;
  text-align: left;
  color: #4b4b4b;
  display: block;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row h2 a,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row h2 a {
  font-family: DINMittelschriftStd, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.16px;
  width: 100%;
  text-align: left;
  color: #4b4b4b;
  display: block;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row h2 a:hover,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row h2 a:hover {
  color: #5ca846;
  text-decoration: none;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row ul,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row ul {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
  list-style-type: none;
  padding-left: 0px;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row ul li,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row ul li {
  /** hightlight the first element of the list **/
  /* goj addition to allow for SSB buttons in dropdown category menu */
  /* goj addition end */
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row ul li a,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row ul li a {
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.14px;
  color: #4b4b4b;
  font-weight: normal;
  display: inline-block;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row ul li a:hover,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row ul li a:hover {
  color: #5ca846;
  text-decoration: none;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row ul li a.view-all,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row ul li a.view-all {
  color: #5ca846;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row ul li a.view-all:hover,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row ul li a.view-all:hover {
  text-decoration: underline;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row ul li .SSBdropdownbutton,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row ul li .SSBdropdownbutton {
  background-color: #57AE47;
  border: none;
  border-radius: 4px;
  width: 200px !important;
  color: white !important;
  padding: 2px 14px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  margin-left: -14px;
  transition-duration: 0.3s;
  cursor: pointer;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row ul li .SSBdropdownbutton:hover,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row ul li .SSBdropdownbutton:hover {
  background-color: #68c94c !important;
  color: white;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row .highlight-menu,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row .highlight-menu {
  background-color: #383634;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row .highlight-menu a,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row .highlight-menu a {
  color: white;
}
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row .highlight-menu a:hover,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row .highlight-menu a:hover {
  color: #5ca846;
}
@media only screen and (max-width: 768px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu {
    width: 100%;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content {
    background: transparent;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row h2,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row h2 {
    margin-top: 0;
    margin-bottom: 0;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row h2 a,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row h2 a {
    color: white !important;
    font-family: proxima-nova, sans-serif;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row img,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row img {
    display: none;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row ul li a,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row ul li a {
    color: white !important;
  }
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw .dropdown-menu .yamm-content .row .highlight-menu,
header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown .dropdown-menu .yamm-content .row .highlight-menu {
    margin-bottom: 20px;
    background-color: transparent !important;
    color: white;
  }
}
@media only screen and (max-width: 768px) {
  header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.yamm-fw.open .dropdown-menu, header .gbs-masthead #navbar-wrapper .top-menu-links .dropdown.open .dropdown-menu {
    padding-bottom: 20px;
  }
}

/** header tag **/
/** HEADER styling end **/
/** LAYOUT styling start **/
/* 5 Columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media only screen and (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media only screen and (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media only screen and (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
h1 {
  font-family: DINEngschriftStd, sans-serif;
  font-size: 47px;
  line-height: 46px;
  letter-spacing: 0.47px;
  color: #4b4b4b;
}
h1 span {
  color: #5ca846;
}

h2 {
  font-family: DINMittelschriftStd, sans-serif;
  color: #4b4b4b;
  font-size: 20.87px;
  letter-spacing: 0.2px;
  line-height: 21px;
}

.section-header-info-banner {
  text-align: center;
  background-color: transparent;
  padding-bottom: 10px;
}
.section-header-info-banner .gbs-advantage {
  max-height: 32px;
  max-width: 640px;
  background-color: #383634;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
}
.section-header-info-banner .gbs-advantage li {
  list-style: outside none none;
  display: inline-block;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0;
  font-weight: bold;
  color: #f6f6f6;
  margin-right: 10px;
}
.section-header-info-banner .gbs-advantage li span {
  margin-right: 5px;
}

#hdrCrumb {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #hdrCrumb {
    margin-top: 20px;
  }
}
#hdrCrumb #crumbTxt,
#hdrCrumb #crumbTxt a {
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.14px;
  text-align: left;
  display: inline;
}
#hdrCrumb #crumbTxt a {
  color: #4b4b4b;
}
#hdrCrumb #crumbTxt a:hover {
  color: #5ca846;
  text-decoration: none;
}

/** 03/09/2017 RDM: For Bootstrap button look and feel breadcrumb. Styling below is currently NOT in use.**/
#header-crumb {
  /** The Magic **/
  margin-bottom: 20px;
  /** The Spacing **/
  /** Success button **/
}
#header-crumb .btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
#header-crumb .btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid #adadad;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}
#header-crumb .btn-breadcrumb .btn {
  padding: 6px 12px 6px 24px;
}
#header-crumb .btn-breadcrumb .btn:first-child {
  padding: 6px 6px 6px 10px;
}
#header-crumb .btn-breadcrumb .btn:last-child {
  padding: 6px 18px 6px 24px;
}
#header-crumb .btn-success {
  box-shadow: none;
  background-image: none;
  background-color: #5ca846;
}
#header-crumb .btn-success .glyphicon {
  line-height: inherit;
}
#header-crumb .btn-success:hover {
  background-color: green;
}
#header-crumb .btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5ca846;
}
#header-crumb .btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid green;
}
#header-crumb .btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid green;
}
#header-crumb .btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid green;
}

/* BUTTONS Styling **/
.gbs-list-button {
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  line-height: 45px;
  letter-spacing: 0.14px;
  font-weight: normal;
  color: white;
  height: 45px;
  background-color: #5ca846;
  display: inline-block;
  padding: 0 0 0 15px;
  float: left;
  position: relative;
  border: none;
  outline: none;
}
.gbs-list-button:after {
  background-color: #68c94c;
  display: inline-block;
  height: 45px;
  width: 45px;
  margin-left: 20px;
  font-family: "icomoon";
  content: "";
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 45px;
  -webkit-font-smoothing: antialiased;
}
.gbs-list-button:hover {
  background-color: #68c94c;
  transition: all ease-in-out 0.3s;
  color: white;
}
.gbs-list-button:hover:after {
  background-color: #5ca846;
  transition: all ease-in-out 0.3s;
  color: white;
}

/** LAYOUT styling end **/
/** FOOTER layout styling start **/
.footer {
  float: left;
  position: relative;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  /* Set the fixed height of the footer here */
}
.footer section {
  float: left;
  position: relative;
  width: 100%;
}
.footer section.top-footer {
  background-color: #383634;
  padding-top: 40px;
  padding-bottom: 40px;
}
.footer section.top-footer > .container > .row {
  display: flex;
  flex-wrap: wrap;
}
.footer section.top-footer > .container > .row > div {
  display: flex;
  flex-flow: column;
}
.footer section.top-footer input,
.footer section.top-footer button,
.footer section.top-footer a.button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.footer section.top-footer input {
  border: 2px solid #f1f1f1;
}
.footer section.top-footer input:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #5ca846;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #5ca846;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #5ca846;
}
.footer section.top-footer a {
  color: white;
  text-decoration: none;
}
.footer section.top-footer a:hover {
  text-decoration: underline;
}
.footer section.top-footer a.button {
  display: inline-block;
}
.footer section.top-footer a.button:hover {
  text-decoration: none;
}
.footer section.top-footer a.button,
.footer section.top-footer button {
  background-image: none;
  background-color: #5ca846;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #5ca846;
}
.footer section.top-footer a.button span::before,
.footer section.top-footer button span::before {
  font-size: 25px;
  color: white;
}
.footer section.top-footer a.button:hover,
.footer section.top-footer button:hover {
  transition: all ease-in-out 0.3s;
  opacity: 0.8;
  text-decoration: none;
}
.footer section.top-footer .footer-title {
  font-family: DINMittelschriftStd, sans-serif;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.35px;
  color: white;
  margin-top: 20px;
}
.footer section.top-footer .phone-dynamic {
  font-family: DINMittelschriftStd, sans-serif;
  font-size: 22px;
  line-height: 24px;
  letter-spacing: 0.35px;
  color: white;
  margin-top: 20px;
}
.footer section.top-footer ul {
  padding-top: 30px;
  padding-bottom: 30px;
  list-style-type: none;
  padding-left: 0px;
}
.footer section.top-footer ul li a {
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
  line-height: 27px;
  letter-spacing: 0px;
  color: #d5d5d5;
}
.footer section.top-footer .contact-information a.button,
.footer section.top-footer .contact-information button {
  margin-top: 20px;
  background-image: none;
  background-color: #5ca846;
  width: 45px;
  height: 35px;
}
.footer section.top-footer .contact-information a.button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer section.top-footer .contact-information p {
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #d5d5d5;
}
.footer section.top-footer .contact-information p .footer-title {
  font-family: DINMittelschriftStd, sans-serif;
  font-size: 17px;
  line-height: 33px;
  letter-spacing: 0px;
  color: white;
}
@media only screen and (min-width: 992px) {
  .footer section.top-footer .get-to-know {
    padding-left: 10px;
  }
}
.footer section.top-footer .newsletter-subscription {
  padding-left: 0;
  max-width: 300px;
  margin-top: 20px;
}
.footer section.top-footer .newsletter-subscription input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 34px;
}
.footer section.top-footer .newsletter-subscription .input-group-btn button {
  height: 34px;
}
.footer section.top-footer .newsletter-subscription .input-group-btn button span {
  font-family: DINMittelschriftStd, sans-serif;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  color: white;
}
.footer section.top-footer .average-rating .icon-star-full {
  color: #ffd200;
}
.footer section.top-footer .average-rating .review-count {
  font-size: 14px;
  color: #949494;
}
.footer section.top-footer .social-buttons {
  margin-top: 35px;
}
.footer section.top-footer .social-buttons a.button,
.footer section.top-footer .social-buttons button {
  height: 35px;
  width: 35px;
  padding: 5px;
}
.footer section.top-footer .social-buttons a.button span::before,
.footer section.top-footer .social-buttons button span::before {
  color: #383634;
}
@media only screen and (min-width: 992px) {
  .footer section.top-footer [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.footer section.bottom-footer {
  background-color: white;
}
.footer section.bottom-footer ul {
  padding-left: 0;
  float: left;
  position: relative;
  display: block;
  margin-top: 35px;
  margin-bottom: 35px;
}
.footer section.bottom-footer ul li {
  float: left;
  position: relative;
  display: inline;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0px;
}
.footer section.bottom-footer ul li a,
.footer section.bottom-footer ul li p {
  color: #4b4b4b;
  margin: 0;
}
.footer section.bottom-footer ul li:not(:last-child):after {
  display: inline-block;
  content: "|";
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}
@media only screen and (max-width: 991px) {
  .footer section.bottom-footer .payment-options {
    display: none;
  }
  .footer section.bottom-footer ul li:not(:last-child):after {
    content: "";
  }
}

/** FOOTER layout styling end **/
/** START 20062017 RDM: Quick fixes on styling, these styling must be ported to a proper CSS file when the actual pages are redesigned **/
#itmStk.show {
  display: none !important;
}

/* hide iframe white box that add extra padding in the footer */
iframe[name=google_conversion_frame] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}

/** END 20062017 RDM: Quick fixes on styling, these styling must be ported to a proper CSS file when the actual pages are redesigned **/
/** Mailchimp newsletter subscription in the footer **/
/*** iframe video responsive styling ***/
.video-container-responsive {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  float: left;
  position: relative;
  width: 100%;
}

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

#mc_embed_signup {
  background-color: transparent;
}
#mc_embed_signup input.email {
  width: 100%;
}
#mc_embed_signup #mc-embedded-subscribe {
  background-image: none;
  background-color: #5ca846;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #5ca846;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  font-family: DINMittelschriftStd, sans-serif;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.35px;
  color: white;
}
#mc_embed_signup #mc-embedded-subscribe:hover {
  transition: all ease-in-out 0.3s;
  opacity: 0.8;
  text-decoration: none;
}

@media (min-width: 992px) {
  #mc-splash-sign-up .modal-lg {
    width: 1000px;
  }
}
#mc-splash-sign-up button.close {
  font-size: 40px;
  margin-right: 30px;
  margin-top: 20px;
}
#mc-splash-sign-up .mc-sign-up-content {
  padding: 20px;
  max-width: 388px;
  margin-left: auto;
  margin-right: auto;
}
#mc-splash-sign-up .mc-sign-up-content h3 {
  font-family: DINMittelschriftStd, sans-serif;
  font-size: 20.87px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #4b4b4b;
  margin-top: 25px;
}
#mc-splash-sign-up .mc-sign-up-content p {
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0px;
  color: #4b4b4b;
  margin-top: 19px;
}
#mc-splash-sign-up .mc-sign-up-content p a {
  color: #68c94c;
}
#mc-splash-sign-up .mc-sign-up-content ul {
  list-style-type: none;
  padding: 0;
}
#mc-splash-sign-up .mc-sign-up-content ul li {
  line-height: 20px;
}
#mc-splash-sign-up .mc-sign-up-content ul li .glyphicon-ok {
  color: #68c94c;
  padding-right: 10px;
}
#mc-splash-sign-up .mc-sign-up-content input.form-control {
  line-height: 45px;
  height: 45px;
  border-radius: 0;
}
#mc-splash-sign-up .mc-sign-up-content p.legal-text {
  font-size: 10px;
  line-height: 15.4px;
  letter-spacing: 0.1px;
}

/*** START CART STYLING (promo code) ****/
.cart .cart-summary-promocode-section {
  display: none;
  margin-top: 40px;
}
.cart .cart-summary-promocode-section #promocode {
  width: 100%;
}

.checkout #promoFooter {
  /*display:none; */
}

/*** END CART STYLING (promo code) ****/

/*# sourceMappingURL=main.css.map */