@charset "UTF-8";
.panel-body {
  margin-top: 10%; }

.crumb-row {
  display: block;
  width: 100%;
  background-color: #fff;
  height: 25px;
  margin: 0 auto;
  padding: 0;
  min-width: 320px;
  padding-top: 0px; }

.bread-left {
  float: left;
  text-align: left;
  padding-left: 95px; }

body {
  font-family: "Roboto";
  font-size: 18px; }

h1 {
  font-family: "Roboto"; }

h2 {
  font-family: "Roboto"; }

h3 {
  font-family: "Roboto"; }

h4 {
  font-family: "Roboto"; }

h5 {
  font-family: "Roboto"; }

.btn {
  font-family: "Roboto"; }

.wsmenu-list > li > .navtext {
  font-family: "Roboto"; }

.wsmenu {
  font-family: "Roboto"; }

.cbp-l-grid-agency-title {
  font-family: "Roboto"; }

.bread-left a:link {
  color: #777; }

.bread-left a:visited {
  color: #777; }

.bread-left.active a:link {
  color: #f5c226; }

.img-market {
  float: left;
  max-width: 35% !important;
  margin-right: 30px !important; }

.sub-bg {
  background-color: #fff9f0; }

/* Alignment styles for images, videos and iframes in editable regions */
/* Center (default) */
[data-editable] iframe,
[data-editable] image,
[data-editable] [data-ce-tag=img],
[data-editable] img,
[data-editable] video {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }

/* Left align */
[data-editable] .align-left {
  clear: initial;
  float: left;
  margin-right: 0.5em; }

/* Right align */
[data-editable].align-right {
  clear: initial;
  float: right;
  margin-left: 0.5em; }

/* Alignment styles for text in editable regions */
[data-editable] .text-center {
  text-align: center; }

[data-editable] .text-left {
  text-align: left; }

[data-editable] .text-right {
  text-align: right; }

​
.ms-layer.title2 {
  color: #f5c226;
  font-size: 600%;
  text-shadow: 4px 3px #000000; }

.ms-layer.sub-title2 {
  font-size: 300%;
  text-shadow: 2px 3px #000000; }

.ms-layer.btn1 {
  background-color: #f5c226; }

.ergon.btn.btn-skin.btn-xl {
  background-color: #f5c226; }

.ergon-mrkt.btn.btn-skin.btn-xl {
  background-color: white;
  border: 2px solid #f5c226;
  color: #5f5f5f;
  width: 200px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: space-around; }

.ergon-mrkt.btn.btn-skin.btn-xl:hover {
  background-color: #f5c226;
  color: #5f5f5f;
  border: 2px solid #f5c226;
  width: 200px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: space-around; }

.c_info_bar {
  background: #39673e; }

.sidebar-widget.ertech a {
  color: #000; }

.sidebar-widget.blackhawk li.active a {
  background-color: #283a92; }

.sidebar-widget.blackhawk li a:hover {
  background-color: #283a92; }

.sidebar-widget.blackhawk a {
  color: #000; }

.border-width.blackhawk {
  background-color: #283a92; }

a.blackhawk {
  color: #283a92; }

.sidebar-widget.novocoat li.active a {
  background-color: #00a950; }

.sidebar-widget.novocoat li a:hover {
  background-color: #00a950; }

.sidebar-widget.novocoat a {
  color: #000; }

.side-nav.market-sub li.active a {
  background-color: #000;
  color: #f5c226; }

.side-nav.market-sub li a:hover {
  background-color: #fff;
  color: #f5c226; }

.side-nav.market-sub a {
  color: white;
  background-color: #f5c226; }

.border-width.novocoat {
  background-color: #00a950; }

a.novocoat {
  color: #00a950; }

.sidebar-widget.ercorr li.active a {
  background-color: #d12227; }

.sidebar-widget.ercorr li a:hover {
  background-color: #d12227; }

.sidebar-widget.ercorr a {
  color: #000; }

.border-width.ercorr {
  background-color: #d12227; }

a.ercorr {
  color: #d12227; }

.wsmain {
  padding: 10px 0px 10px 0px; }

.wsmenu {
  border-left: 0px;
  padding: 0px 0px 0px 606px;
  width: auto;
  top: -4.5rem; }

.wsmenu-list > li {
  padding: 5px; }

.wsmenu-list > li.wssearchbar {
  width: 20%; }

.topmenusearch .btnstyle {
  height: 45px; }

img.img-fluid.preservation-1-2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  background-color: rgba(255, 194, 38, 0.7);
  z-index: 100; }

img.img-fluid.preservation-2-2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  background-color: rgba(255, 194, 38, 0.7);
  z-index: 100; }

img.img-fluid.preservation-3-2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  background-color: rgba(255, 194, 38, 0.7);
  z-index: 100; }

img.img-fluid.preservation-3-2 {
  /* border:30px solid #242d2d; */ }

img.img-fluid.preservation-3-1 {
  /* border:30px solid #242d2d; */ }

img.homeHover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.middle {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  background-color: white;
  transition: .5s ease;
  position: absolute;
  width: 100%;
  height: 40%;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center; }

.textHover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: .5s ease;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-color: rgba(255, 194, 38, 0.7);
  color: black; }

.textHide {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 1;
  opacity: 1;
  transition: .5s ease;
  position: absolute;
  width: 100%;
  height: 5%;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  color: white; }

.textHide:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

.hidden_menu {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

.reveal_menu:hover + .hidden_menu {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.hidden_menu:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.hidden_menu:hover + .hidden_menu {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.hidden_menu2:hover + .hidden_menu {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.reveal_menu:hover + .hidden_menu + .hidden_menu2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.textHover2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: .5s ease;
  position: absolute;
  width: 100%;
  height: 150%;
  top: 20px;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-color: #f8f8f8;
  color: white;
  font-size: 0.75vw !important; }

.vertl {
  border-left: 2px solid gray;
  height: 200px; }

img.homeHover:hover + .textHover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.textHover:hover + .textHide {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

.textHover:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.textHover2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.guideText:hover {
  background: rgba(245, 194, 38, 0.7);
  mix-blend-mode: multiply; }

.guideHover:hover + .guideText {
  background: rgba(245, 194, 38, 0.7);
  mix-blend-mode: multiply; }

.navtext.active {
  color: #f5c226; }

.c_info_bar h4 {
  color: white; }

.wstabitem02 > li:hover a.product-line {
  color: #00a950; }

.wstabitem02 > li:hover a.blackhawk {
  color: #283a92; }

.wstabitem02 > li:hover a.ercorr {
  color: #d12227; }

.wstabitem02 > li:hover a.err {
  color: #f5c226; }

.wstabitem02 > .wsshoplink-active > a.blackhawk:after {
  background-color: #283a92; }

.wstabitem02 > .wsshoplink-active > a.novo:after {
  background-color: #00a950; }

.wstabitem02 > .wsshoplink-active > a.ercorr:after {
  background-color: #d12227; }

.wstabitem02 > .wsshoplink-active > a.err:after {
  background-color: #f5c226; }

.wstabitem02 > li:hover a.err:after {
  position: absolute;
  content: '';
  top: 44.5px;
  right: 54%;
  width: 15px;
  height: 15px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  z-index: 100;
  background-color: #f5c226; }

.wstabitem02 > li:hover a.blackhawk:after {
  position: absolute;
  content: '';
  top: 44.5px;
  right: 58.3%;
  width: 15px;
  height: 15px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  z-index: 100;
  background-color: #283a92; }

.wstabitem02 > li:hover a.ercorr:after {
  position: absolute;
  content: '';
  top: 44.5px;
  right: 68.5%;
  width: 15px;
  height: 15px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  z-index: 100;
  background-color: #d12227; }

.wstabitem02 > li:hover a.novocoat:after {
  position: absolute;
  content: '';
  top: 44.5px;
  right: 56.5%;
  width: 15px;
  height: 15px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  z-index: 100;
  background-color: #00a950; }

.dzsparallaxer .center-it {
  left: 25%; }

.novocoat-bar {
  position: absolute;
  height: 10px;
  width: 100%;
  background-color: #00a950;
  top: 0px;
  left: -1px;
  z-index: 101; }

.err-bar {
  position: absolute;
  height: 10px;
  width: 100%;
  background-color: #f5c226;
  top: 0px;
  left: -1px;
  z-index: 101; }

.blackhawk-bar {
  position: absolute;
  height: 10px;
  width: 100%;
  background-color: #283a92;
  top: 0px;
  left: -1px;
  z-index: 101; }

.ercorr-bar {
  position: absolute;
  height: 10px;
  width: 100%;
  background-color: #d12227;
  top: 0px;
  left: -1px;
  z-index: 101; }

market-btn:hover {
  background-color: white;
  color: #f5c226; }

.btn-skin2 {
  background-color: #f5c226;
  text-shadow: 0 1px rgba(0, 0, 0, 0.15);
  color: black; }

.btn-skin2:hover {
  background-color: #333;
  color: white; }

.btn-skin4 {
  background-color: #f5c226;
  text-shadow: 0 1px rgba(0, 0, 0, 0.15);
  color: #53565a; }

.btn-skin4:hover {
  background-color: #333;
  color: white; }

.btn-skin3 {
  background-color: #53565a;
  text-shadow: 0 1px rgba(0, 0, 0, 0.15);
  color: white; }

.btn-skin3:hover {
  background-color: #f5c226;
  color: black; }

.ergon-mrkt {
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-size: 18px;
  width: 220px; }

.footer p {
  color: #eaebec;
  font-size: 14px;
  line-height: 18px; }

.footer a {
  color: #eaebec;
  font-size: 14px;
  line-height: 18px; }

.footer ul.list-unstyled li a {
  color: #eaebec; }

.address a {
  color: #53565a; }

.wsmenu-list > li > .navtext > span + p {
  color: #53565a; }

.wsmenu-list > li > .navtext > span + span {
  color: #53565a; }

.sds_link {
  color: black; }

.sds_link:hover {
  color: #f5c226; }

.btn_left {
  border: 0px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  width: 100%; }

.card-header {
  background-color: rgba(0, 0, 0, 0); }

.card-body {
  padding: 0.05rem; }

.c-newsletter {
  margin-top: 10px;
  position: relative; }
  .c-newsletter .form-control {
    height: 45px;
    border-color: transparent;
    background-color: #fff; }
    .c-newsletter .form-control.success {
      border-color: #2b542c; }
    .c-newsletter .form-control.error {
      border-color: #FC3116; }
  .c-newsletter button {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 45px;
    background: transparent;
    border: 0px;
    color: #f5c226;
    font-size: 30px; }

.wstitemright {
  min-height: 400px; }

.wstliststy02 li a:hover {
  color: #f5c226;
  font-weight: bold;
  text-decoration: none; }

.ergonlogo {
  position: relative;
  Padding-left: 6rem;
  z-index: 100; }

.ergonlogo2 {
  position: relative;
  top: -0.65rem;
  Padding-left: 6rem;
  z-index: 100; }

.eseriess {
  width: 5vw; }

.eseriesl {
  width: 7vw; }

@media only screen and (max-width: 1200px) and (min-width: 230px) {
  .wsmenu {
    padding: 0px 0px 0px 400px !important; }
  .wsmenu-list > li {
    padding: 0px !important; }
  .wsmenu-list > li > .navtext {
    padding: 14px 5px !important; } }

@media only screen and (max-width: 1065px) and (min-width: 230px) {
  .nav-resources {
    display: none !important; } }

@media only screen and (max-width: 991px) {
  .eseriess {
    width: 15vw; }
  .eseriesl {
    width: 20vw; }
  .wsmenu {
    border-left: 0px;
    padding: 0px 0px 0px 0px !important;
    top: -5.6rem; }
  .asphaltlogo {
    Padding-left: 3.1rem;
    top: -0rem; }
  .asphaltlogo2 {
    Padding-left: 3.1rem;
    top: -4.5rem; }
  .asphaltProdImg {
    display: none; }
  .wstabitem {
    top: 0rem !important; }
  .wsshoptabing > .wsshopwp {
    min-height: unset !important; }
  .hidden_menu {
    display: none; }
  .wsmenu-list > li:hover > .wsshoptabing .wsshopwp > .wstabitem li.wsshoplink-active .wstitemright {
    min-height: unset !important;
    position: relative !important;
    top: 0px !important; }
  .eSeriesMenu {
    margin-top: 60px;
    margin-left: 30px; }
  .mobileCTA {
    right: -80px !important; } }

@media (max-width: 576px) {
  .bread-left {
    padding-left: 15px; } }