/* Minification failed. Returning unminified contents.
(5830,29): run-time error CSS1046: Expect comma, found '240'
(5830,36): run-time error CSS1046: Expect comma, found ')'
(6740,3): run-time error CSS1031: Expected selector, found '/'
(6740,3): run-time error CSS1025: Expected comma or open brace, found '/'
(10422,40): run-time error CSS1019: Unexpected token, found '.'
(10422,40): run-time error CSS1042: Expected function, found '.'
(10422,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.'
 */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus,
.flexfeatured a:focus {
    outline:none
}

.slides,
.flexfeatured {
    margin:0;
    padding:0;
    list-style:none;
}

.flexslider,
.flexfeatured {
    margin:0;
    padding:0;
}

.flexslider .slides > li,
.flexfeatured .slides > li {
    display:none;
    -webkit-backface-visibility:hidden;
}

.flexslider .slides img {
    width:100%;
    display:block;
}

.flexfeatured .slides img {
    width:100%;
}

.slides:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}

html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}


.flexslider,
.flexfeatured {
    margin:0;
    border:none;
    position:relative;
    zoom:1;
    z-index:9998
}

.flex-viewport {
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition: all 1s ease;
}

.flexslider .slides,
.flexfeatured .slides {
    zoom:1;
}

.carousel li {margin-right: 5px}

.flex-direction-nav {display:none}
.flex-control-nav {display:none}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
    .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 599px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 599px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 599px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 599px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 599px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
/*  padding-left: 0px;
  padding-right: 0px;*/
}
@media (min-width: 480px) {
  .container {
    width: 420px;
  }
}
@media (min-width: 600px) {
  .container {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 708px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.col, .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
  float: left;
}
.col-xxs-12 {
  width: 100%;
}
.col-xxs-11 {
  width: 91.66666667%;
}
.col-xxs-10 {
  width: 83.33333333%;
}
.col-xxs-9 {
  width: 75%;
}
.col-xxs-8 {
  width: 66.66666667%;
}
.col-xxs-7 {
  width: 58.33333333%;
}
.col-xxs-6 {
  width: 50%;
}
.col-xxs-5 {
  width: 41.66666667%;
}
.col-xxs-4 {
  width: 33.33333333%;
}
.col-xxs-3 {
  width: 25%;
}
.col-xxs-2 {
  width: 16.66666667%;
}
.col-xxs-1 {
  width: 8.33333333%;
}
.col-xxs-pull-12 {
  right: 100%;
}
.col-xxs-pull-11 {
  right: 91.66666667%;
}
.col-xxs-pull-10 {
  right: 83.33333333%;
}
.col-xxs-pull-9 {
  right: 75%;
}
.col-xxs-pull-8 {
  right: 66.66666667%;
}
.col-xxs-pull-7 {
  right: 58.33333333%;
}
.col-xxs-pull-6 {
  right: 50%;
}
.col-xxs-pull-5 {
  right: 41.66666667%;
}
.col-xxs-pull-4 {
  right: 33.33333333%;
}
.col-xxs-pull-3 {
  right: 25%;
}
.col-xxs-pull-2 {
  right: 16.66666667%;
}
.col-xxs-pull-1 {
  right: 8.33333333%;
}
.col-xxs-pull-0 {
  right: auto;
}
.col-xxs-push-12 {
  left: 100%;
}
.col-xxs-push-11 {
  left: 91.66666667%;
}
.col-xxs-push-10 {
  left: 83.33333333%;
}
.col-xxs-push-9 {
  left: 75%;
}
.col-xxs-push-8 {
  left: 66.66666667%;
}
.col-xxs-push-7 {
  left: 58.33333333%;
}
.col-xxs-push-6 {
  left: 50%;
}
.col-xxs-push-5 {
  left: 41.66666667%;
}
.col-xxs-push-4 {
  left: 33.33333333%;
}
.col-xxs-push-3 {
  left: 25%;
}
.col-xxs-push-2 {
  left: 16.66666667%;
}
.col-xxs-push-1 {
  left: 8.33333333%;
}
.col-xxs-push-0 {
  left: auto;
}
.col-xxs-offset-12 {
  margin-left: 100%;
}
.col-xxs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xxs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xxs-offset-9 {
  margin-left: 75%;
}
.col-xxs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xxs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xxs-offset-6 {
  margin-left: 50%;
}
.col-xxs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xxs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xxs-offset-3 {
  margin-left: 25%;
}
.col-xxs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xxs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xxs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 480px) {
  .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 600px) {
  .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 768px) {
  .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col, .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
    float: left;
  }
  .col-xlg-12 {
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.66666667%;
  }
  .col-xlg-10 {
    width: 83.33333333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.66666667%;
  }
  .col-xlg-7 {
    width: 58.33333333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.66666667%;
  }
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.66666667%;
  }
  .col-xlg-1 {
    width: 8.33333333%;
  }
  .col-xlg-pull-12 {
    right: 100%;
  }
  .col-xlg-pull-11 {
    right: 91.66666667%;
  }
  .col-xlg-pull-10 {
    right: 83.33333333%;
  }
  .col-xlg-pull-9 {
    right: 75%;
  }
  .col-xlg-pull-8 {
    right: 66.66666667%;
  }
  .col-xlg-pull-7 {
    right: 58.33333333%;
  }
  .col-xlg-pull-6 {
    right: 50%;
  }
  .col-xlg-pull-5 {
    right: 41.66666667%;
  }
  .col-xlg-pull-4 {
    right: 33.33333333%;
  }
  .col-xlg-pull-3 {
    right: 25%;
  }
  .col-xlg-pull-2 {
    right: 16.66666667%;
  }
  .col-xlg-pull-1 {
    right: 8.33333333%;
  }
  .col-xlg-pull-0 {
    right: auto;
  }
  .col-xlg-push-12 {
    left: 100%;
  }
  .col-xlg-push-11 {
    left: 91.66666667%;
  }
  .col-xlg-push-10 {
    left: 83.33333333%;
  }
  .col-xlg-push-9 {
    left: 75%;
  }
  .col-xlg-push-8 {
    left: 66.66666667%;
  }
  .col-xlg-push-7 {
    left: 58.33333333%;
  }
  .col-xlg-push-6 {
    left: 50%;
  }
  .col-xlg-push-5 {
    left: 41.66666667%;
  }
  .col-xlg-push-4 {
    left: 33.33333333%;
  }
  .col-xlg-push-3 {
    left: 25%;
  }
  .col-xlg-push-2 {
    left: 16.66666667%;
  }
  .col-xlg-push-1 {
    left: 8.33333333%;
  }
  .col-xlg-push-0 {
    left: auto;
  }
  .col-xlg-offset-12 {
    margin-left: 100%;
  }
  .col-xlg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xlg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xlg-offset-9 {
    margin-left: 75%;
  }
  .col-xlg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xlg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xlg-offset-6 {
    margin-left: 50%;
  }
  .col-xlg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xlg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xlg-offset-3 {
    margin-left: 25%;
  }
  .col-xlg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xlg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xlg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* CSS Reset from Eric Meyers */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* End CSS Reset */
* {
	-webkit-tap-highlight-color: #333;
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
	vertical-align: middle;
	padding-bottom: 2px;
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
	font-size: 18px;
}

.material-icons.md-24 {
	font-size: 24px;
}

.material-icons.md-30 {
	font-size: 30px;
}

.material-icons.md-36 {
	font-size: 36px;
}

.material-icons.md-48 {
	font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
	color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
	color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
	color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
	color: rgba(255, 255, 255, 0.3);
}


* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}
html, body, input, select, button, label {
	font-family:"Open Sans", Arial, sans-serif;
	color: #333;
}

html, body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}

body {
	position: relative;
	background:#ffffff;
}

/* near clone of bootstrap container */
/* page content goes in it */
.pagecontainer {
	margin: auto;
	padding: 0;
	width: 96%;
	max-width: 1200px;
}

/* this is the necessary relative position parent elem for unit converter */
.unitConverter {
	position: relative;
}

.full-width {
	width: 100vw;
	position: relative;
}

.container {
	max-width: 1200px !important;
	margin: auto;
}

tbody {
	width: 100%;
	display: table;
}

/*#region basic elements */
p, li, a, input, select, option,
table, th, tr, td {
	font-size:14px;
	color:#333;
}
select {
	border: solid 1px #666;
	border-radius: 4px;
}

input:disabled, select:disabled {
	background-color: rgb(235,235,228);
}

input:focus-visible {
	outline: #377c2c auto 1px;
}


p {
	line-height: 22px;
	margin: 0 0 15px 0;
}

strong {font-weight: 600;}

.text-center { text-align: center;}
.text-left   { text-align: left;  }
.text-right  { text-align: right; }

h1, h1 a {
	font-size:30px;
	font-weight:500;
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
	color:#333;
	line-height:1.3em;
}

h2, h2 a {
	font-size:26px;
	letter-spacing:1px;
	padding:5px 0;
	margin:10px 0;
	font-weight:500;
	color:#333; /* Gray */
}

h3, h3 a {
	font-size:22px;
	letter-spacing:1px;
	padding:4px 0;
	margin:8px 0;
	font-weight:500;
	color:#333; /* Gray */
}

h4, h4 a {
	font-size: 18px;
	letter-spacing: 1px;
	padding: 3px 0;
	margin: 6px 0;
	color: #333;
}

h5, h5 a {
	font-size:14px;
	letter-spacing:1px;
	padding:5px 0;
	margin:10px 0 0 0;
	text-transform:uppercase;
	font-weight:400;
}

h6, h6 a {
	font-size:14px;
	letter-spacing:1px;
	padding:5px 0;
	margin:10px 0 0 0;
	font-weight:400;
}

blockquote {
	background:#939393;
	border:2px solid #ffffff;
	padding:10px;
	font-size:14px;
	font-weight:100;
	color:#d0d7d2;
	width:90%;
	margin:20px auto;
}

blockquote:before {
	color:#ccc;
	font-family:Georgia, serif;
	content:'\201C';
	font-size:6em;
	line-height:0.1em;
	margin:30px 0.25em 0 0;
	float:left;
}

blockquote p {
	display:inline;
	color:#ffffff;
	font-size:14px;
}


/*#endregion */

/*#region floats */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear:both;
}
.center {
	display: flex;
	justify-content: center;
	align-items: center;
}


	/*#endregion */
	/*#region background colors */
	.white, .white_slide {background:#ffffff;}
.offwhite {background:#efefef;}
.greylight {background:#e4e4e4;}
.black {background:#000000;}
.grey {background:#bec0c2;}
/*.lightgrey {background:#bec0c2;}*/
.lightgrey {background: #f7f7f7;}
.darkgrey {background:#676666;}
.reallydarkgrey {background:#292929;}
.darkgrey p {color:#efefef;}
.reallydarkgrey p {color:#bec0c2;}

/*#endregion */

/*#region buttons and links */

a {
	color: #377c2c;
	text-decoration: none;
}

a:focus, a:hover {
	color: gray;
	text-decoration: none;
	cursor: pointer;
}

.a-dark {
	color: #262626;
	text-transform: uppercase;
	font-weight:600;
	font-size: 14px;
}

a.a-dark:hover {
	cursor: pointer;
	text-decoration: none;
	color: #377c2c;
}

a.yellow {
	color:#f7c210 !important;
}

/* typical usage: <a class="btn btn-primary btn-lg btn-50 btn-block">something</a>*/
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 0;
	border-radius: 4px;
	outline: none;
}

.btn-wrap {
    white-space: normal;
}

/* button positioning */
.btn-block {
	display: block;
}
.btn-inline-block {
	display: inline-block;
}
.btn-center {
	margin: 0 auto;
	display: block;
}
.btn-right {
	float: right;
	display: block;
}
/* button sizes */
.btn-xs { padding: 1px 5px; line-height: 1.5; }
.btn-sm { padding: 5px 10px; line-height: 1.5; }
.btn-md { padding: 6px 12px; line-height: 1.42857143; }
.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.btn-xlg {padding: 10px 20px; font-size: 24px; line-height: 1.6666666; }
.btn-wide { padding-left: 24px; padding-right: 24px; }
.btn-xwide {padding-left: 32px; padding-right: 32px; }
.btn-xxwide {padding-left: 44px; padding-right: 44px; }
.btn-50 {width: 50%;}
.btn-98 {width: 98%;}
.btn-100 {width: 100%;}
.btn-290px {width: 290px;}
.btn-shadow {box-shadow:1px 1px 5px 3px #BEBFC1;}

/* button colors */
.btn-primary {
	background: white;
	border: solid 2px #333;
	color: #333;
}

	.btn-primary:hover, btn-primary:active, btn-pimary:focus, .btn-primary:active:focus, btn-primary:active:hover {
		background: #DADADA !important;
		color: #000;
		border-color: #000;
	}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: none;
	outline-offset: -2px;
}
.btn-disabled {
	background-color: #fff;
	color: #e4e4e4;
	text-decoration: none;
}
.btn-disabled:hover, btn-disabled:active, btn-disabled:focus {
	background-color: #fff;
	color: #e4e4e4;
	text-decoration: none;
	cursor: default;
}
.btn-alarm {
	background-color: #E34F4A;
	color: #fff;
}
.btn-alarm:hover, btn-alarm:active, btn-alarm:focus {
	background:#F4BCBB;
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}
.btn-neutral {
	background-color: #bec0c2;
	color: #fff;
}
.btn-neutral:hover, btn-neutral:active, btn-neutral:focus {
	background: #377c2c;
	color: #fff;
	cursor: pointer;
}

#social-icons {
	text-align: center;
}

#social-icons .btn {
	padding: 9px 10px 4px 10px;
}

#social-icons .btn:hover {
	opacity: .9;
}

#social-icons .facebook .btn {
	background-color: #3b5998;
}

#social-icons .youtube .btn {
	background-color: #cd201f;
}

#social-icons .linkedin .btn {
	background-color: #0077b5;
}

#social-icons .instagram .btn {
	background-color: #262626;
}

/*#endregion*/
.option:hover {
	background: #377c2c;
}

/*#region common classes */
.section-border {border-top: 3px solid #CCC;}

.section-border-green {border-bottom: solid 2px #377c2c;}

/*was called extratop */
.padt80 {padding-top:80px;}

.padl1 {padding-left: 10px;}
.padl2 {padding-left: 20px;}
.padl3 {padding-left: 30px;}
.padl146 {padding-left: 146px;}

.padr1 {padding-right: 10px;}
.padr2 {padding-right: 20px;}
.padr3 {padding-right: 30px;}

.padb1 {padding-bottom: 10px;}
.padb2 {padding-bottom: 20px;}
.padb3 {padding-bottom: 30px;}

.padt1 {padding-top: 10px;}
.padt2 {padding-top: 20px;}
.padt3 {padding-top: 30px;}

.padlr1 {padding-left: 10px; padding-right: 10px;}
.padlr2 {padding-left: 20px; padding-right: 20px;}
.padlr3 {padding-left: 30px; padding-right: 30px;}
.padlr4 {padding-left: 40px; padding-right: 40px;}

.padtb1 {padding-top: 10px; padding-bottom: 10px;}
.padtb2 {padding-top: 20px; padding-bottom: 20px;}
.padtb3 {padding-top: 30px; padding-bottom: 30px;}

.hidden {
    display: none;
}

.float-right {
	float: right;
}
.float-left {
	float: left;
}

.opaque {
    opacity: 0.3;
}

.section-inner-wrapper {
	padding: 20px 10px;
}

.divider {
	padding-top: 20px;
}

.v-bottom {
	vertical-align: bottom;
}
.pageheading {

}
.pageheading h1 {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}
.pageheading p {
	margin: 16px 5%;
	line-height: 22px;
	text-align: justify;
}

ul.stdlist {
	margin: 20px 0;
}
ul.stdlist li {
	list-style-type:disc;
	margin:0 0 0 30px;
	line-height:21px;
}
ul.stdlist ul {

}
ul.stdlist ul li {
	list-style-type:circle;
	margin-left: 20px;
	line-height: 21px;
}

a.link-div:hover,
a.link-div:active,
a.link-div:focus {
	background: #bec0c2;
	cursor:pointer;
	text-decoration: none;
}

a.link-div:hover div,
a.link-div:active div,
a.link-div:focus div {
	background: #bec0c2;
	cursor:pointer;
	text-decoration: none;
}

/* for youtube video */
.overlaydark1 {
	background-color: rgba(0,0,0,0.95);
	position: fixed;
	top: 0; left: 0;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	display: none;
}

/* for contact form and send link form */
.overlaydark2 {
	background-color: rgba(0,0,0,0.95);
	position: fixed;
	top: 0; left: 0;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	z-index: 10002;
	display: none;
	overflow: auto;
}

/* light overlay (for menu) */
.overlaylight {
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	top: 0; left: 0;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	z-index: 10003;
	display: none;
	overflow: auto;
}
/*#endregion */

.thumbnail {
	background-color: transparent;
	border: none;
	border-radius: 0;
	margin:0;
	padding:0;
}

/*#region header and slideshow */

.logo {
	display:block;
	height: 50px;
	padding: 5px;
}

.logo img {
	display: block;
	height:100%;
}

#header-right {
	width:222px;
	margin: 0 auto 10px auto;
	overflow: hidden; /* because we have float elements */
}

#header-right .icon {
	display: block;
	float: right;
	margin-left: 26.5px;
	margin-bottom: 4px;
}
#header-right .icon:nth-child(6) {
	margin-left: 0px;
}
#header-right .icon img {
	width: 32px;
	height: 32px;
	-webkit-transition: -webkit-transform 1.2s ease-in-out;
          transition:         transform 1.2s ease-in-out;
}
#header-right .icon img:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
#header-right .phone {
	width:160px;
	display:block;
	padding:0;
	margin:0;
	float:right;
}

#header-right .phone .image {
	float:left;
	width:20px;
	display:block;
}

#header-right .phone .image img {
	width:100%;
	position: relative;
	top: 7px;
}

#header-right .phone h4 {
	color:#00683E;
	font-weight:600;
	text-align:right;
	margin-top: 6px;
	font-size: 18px;
}

/* Slideshow */
.flexslider {
	z-index: 2;
}

.slideshow {
	margin:0 auto;
	padding:0;
	width:100%;	
}

.singleimage {
	margin:0 auto;
	padding:0;
	width:95%;
	max-width:532px;
}

.slideshow img {
	padding:0;
}

.slideshow img,
.singleimage img {
	width:100%;
	display:block;
}

/* see http://shhdesign.co.uk/blog/implementing-styling-and-extending-flexslider/ */
.slideshow .flex-control-nav {
	position: absolute;
	width: 99%;
	bottom: 5%;
	text-align: right;
	margin: 0 1% 0 0;
	display: block;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width: 11px;
	height: 11px;
	margin: 0 3px;
	background-color: #b6b6b6;

	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;

	-webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
	-moz-box-shadow: inset 0 0 0 2px #b6b6b6;
	box-shadow: inset 0 0 0 2px #b6b6b6;
}

.flex-control-paging li a.flex-active {
	background-color: #939393;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #939393, #c0c0c0);
	background-image: -moz-linear-gradient(top, #939393, #c0c0c0);
	background-image: -o-linear-gradient(top, #939393, #c0c0c0);
	background-image: linear-gradient(to bottom, #939393, #c0c0c0);

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*#endregion */



.breadcrumbs {
	padding: 6px 0 6px 0px;
}

.lightgrey.breadcrumb-wrapper {
	border-bottom: 1px solid #377c2c;
}
.offwhite.breadcrumb-wrapper {
	border-top: 1px solid black;
}
.breadcrumbs-light {
	color: #333;
}
.breadcrumbs-dark {
	color: #333;
}
.breadcrumbs a {
	display: inline-block;
	margin: 4px 6px 0px 6px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:500;
	line-height:20px;
}
.breadcrumbs-light a {
	color: #333;
}
.breadcrumbs-dark a {
	color: #333;
}

.breadcrumbs a.active {
	color:#377c2c;
	font-weight:600;
}

.breadcrumbs ul {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	list-style-type: none;
	position: relative;
	display: inline-block;
}
.breadcrumbs-light ul {
	color: #fff;
}
.breadcrumbs-dark ul {
	color: #676666;
}
		
.breadcrumbs ul li a {
	display: block;
	padding: 0;
	text-decoration: none;
}

.breadcrumbs ul li ul {
	display: none;
	list-style-type: none;
	position: absolute;
	background: white;
	filter: drop-shadow(0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.35));
	color: #333;
	left: 0;
	padding: 0;
	z-index: 10000; /* This seems to be enough z-index to keep our dropdown menu on the top. */
}

.breadcrumbs ul li ul li {
	white-space: nowrap;
	list-style-type: none;
	position: relative;
	margin: 0;
	padding: 0 8px;
}

.breadcrumbs ul li ul li a {
	color: #333;
}
	.breadcrumbs ul li ul li a:hover {
		color: #377c2c;
	}

.breadcrumbs ul li:hover > ul, .breadcrumbs ul li.touch-active > ul {
	display: block;
	color: #377c2c;
}

.breadcrumbs ul li ul li:hover {
	background: white;
}
/*#endregion */

/*#region footer */
footer #footer-section1 {
	padding:20px 10px;
}

footer a {
	color: #377c2c;
}

footer li:hover,
footer a:hover {
	color: #333 !important;
	font-weight: 600;
}

footer h2 {
	margin:0 0 0px 0;
	padding:0;
}
footer h2 a {
	font-size: 26px;
}
footer h5 {
	color: #333;
	margin-top: 6px;
	padding-top: 0;
}
#footer-contact {
	padding-right: 10px;
	overflow: hidden;
}

#footer-contact h3 a {
	color: #333;
	font-weight: 400;
}
#footer-contact h3 a:hover {
	color:#333;
	font-weight: 600;
}

#footer-phone-address {
	float: left;
	width: 100%;
}
#footer-phone-address span[itemprop='name'] {
	display: none;
}
#footer-address {
	float: left;
	overflow: hidden;
}
#footer-address-wrapper {
	overflow: hidden;
	margin-bottom: 10px;
}
#footer-phone-address img {
	float: left;
	overflow: hidden;
	width: 15%;
	max-width: 50px;
}
#footer-phone-address p {
	float: left;
	clear: both;
	margin-bottom: 0px;
}
#footer-phone-wrapper {
	clear: both;
	float: left;
	overflow: hidden;
    margin-top: 10px;
}
#footer-phone {
	float: left;
	overflow: hidden;
}

#footer-phone a {
	color: #377c2c;
}

#footer-map {
	display: block;
	clear: both;
	width: 100%;
	max-width: 227px;
	margin: 0;
	padding-top: 20px;
	
}
	#footer-map img {
		width: 100%;
		float: right;
	}

 #footer-address-menu {
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

#footer-address-menu li {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: table-cell;
}

#footer-address-menu li a {
    display: block;
    padding: 0;
    text-decoration: none;
    color: #333;
}

#footer-address-menu li.active > a {
    color: #377c2c;
}

#footer-address-menu li ul {
    display: none;
    list-style-type: none;
    position: absolute;
    background-color: #BEC0C2;
    top: 100%;
    left: 36px;
    padding: 0;
    width: 100%;
    z-index: 10000;
}

#footer-address-menu li ul li {
    white-space: nowrap;
    list-style-type: none;
    position: relative;
    margin: 0;
    display: block;
    width: 100%;
    text-align: left;
    line-height: 32px;
    font-size: 14px;
    text-decoration: none;
    padding-left: 8px;
}

#footer-address-menu li ul li:hover {
    background-color: #9C9EA3;
    cursor: pointer;
}

#footer-address-menu li.active > ul {
    display: table;
}

/*right hand side of section1 */
#footer-links {
	padding-left: 10px;
	margin-top: 20px;
}

#footer-links h3 {
	font-weight: 300;
	text-align: left;
}
#footer-links h3 a {
	color:#333;
}
#footer-links a:hover {
	color:#333;

}

#footer-links ul {
	margin:0;
}
#footer-links ul a.yellow {
	color:#f7c210 !important;
}
#footer-links ul li {
	list-style-type:disc;
	color: #377c2c;
	margin:0 0 0 30px;
	line-height:21px;
}

#footer-links .half {
	width:50%;
	float:left;
}

#footer-links h3 {
	color: #333;
	text-align: left;
}

#footer-links ul li {
	padding: 0 5px 0 0;
	color: #333;
	margin: 0 0 0 15px;
}

footer #newsLetterButtonWrapper {
	margin-top: 16px;
}
/* section two, the dark gray part at very bottom */
footer #footer-section2 {
	padding: 15px 30px 20px 30px;
}

footer .credits {
	margin-top: 12px;
	font-size: 14px;
}
footer .credits, footer .credits a {
	color: #333;
}
footer .credits #copyright {
	text-align: center;
}
footer .credits .village-media-link {
	display: block;
	text-align: center;
	padding-top: 16px;
}
footer .credits span {
	margin:0;
	font-weight:500;
}

.scrollup {
	width: 45px;
	height: 40px;
	opacity: 1;
	position: fixed;
	bottom: 60px;
	right: -5px;
	color:white;
	padding-top:10px;
	padding-left:8px;
	background: rgba(0,0,0,.4);
	z-index: 9999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*#endregion */

/*#region contact form */

/*Note: Sizing of the contact form is set in Javascript. */
#contactForm {
	background-color: #efefef;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
}

#contactForm label {
	font-size: 13px;
}

#contactForm input[type=text],
#contactForm input[type=email] {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 4px;
	height: 28px;
}

#contactForm *:disabled {
	background-color: #ddd;
}

#contactForm textarea {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 4px;
}

#contactForm select {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 4px;
	height: 28px;
}

#contactForm button {
	margin-bottom: 10px;
	padding: 8px;
	width: 80px;
	border: none;
	font-weight: 600;
	font-size: 14px;
	font-style: italic;
	text-transform: lowercase;
	display: block !important;
}

#contactForm button:first-child {
	margin-left: 0;
}
#contactForm button:hover {
	cursor: pointer;
	background-color: #141414;
	color: white;
}
#contactForm #contactCancelButton {
	background-color: #E4E4E4;
}
#contactForm #contactSendButton {
	background-color: #377c2c; 
	color: white;
}
#contactForm .button-cluster {
	height: 78px;
	float:right;
}

#contactForm #contactWrapper.show-departments option[is-person] {
	display: none;
}

#contactForm #contactWrapper.show-people option[is-department] {
	display: none;
}

#contactForm #contactFormMessage {
	display:block;
	padding: 10px 6px;
	margin-bottom: 10px;
}

#contactForm #contactFormMessage.waiting {
	background-color: #F7F9AC;
}

#contactForm #contactFormMessage.successful {
	background-color: #B3FAAB;
}

#contactForm #contactFormMessage.failed {
	background-color: #FBB5AA;
}
#contactForm .input-wrapper {
	margin-bottom: 10px;
}
#contactForm .input-wrapper input[type=checkbox] {
	position: relative;
	top: 3px;
}

#contactForm .g-recaptcha {
	float: left;
}
@media (max-width: 500px) {
	#contactForm .g-recaptcha {
		width: 100%;
		display: block;
	}

	#contactForm .button-cluster {
		display:block;
		margin-top: 6px;
		float: left;
	}
}


	#sendLinkForm {
		background-color: #efefef;
		padding: 20px;
		margin-right: auto;
		margin-left: auto;
	}

		#sendLinkForm label {
			font-size: 13px;
		}

		#sendLinkForm input {
			width: 100%;
			margin-bottom: 20px;
			margin-top: 4px;
			height: 28px;
		}

		#sendLinkForm *:disabled {
			background-color: #ddd;
		}

		#sendLinkForm textarea {
			width: 100%;
			margin-bottom: 10px;
			margin-top: 4px;
		}

		#sendLinkForm select {
			width: 100%;
			margin-bottom: 20px;
			margin-top: 4px;
			height: 28px;
		}

		#sendLinkForm button {
			float: right;
			margin-left: 20px;
			padding: 14px 10%;
			border: none;
			font-weight: 600;
			font-size: 14px;
			font-style: italic;
			text-transform: lowercase;
		}

			#sendLinkForm button:first-child {
				margin-left: 0;
			}

			#sendLinkForm button:hover {
				cursor: pointer;
				background-color: #141414;
				color: white;
			}

	#sendLinkCancelButton {
		background-color: #E4E4E4;
	}

	#sendLinkSendButton {
		background-color: #377c2c;
		color: white;
	}

	#sendLinkForm .show-departments option[is-person] {
		display: none;
	}

	#sendLinkForm .show-people option[is-department] {
		display: none;
	}

	#sendLinkMessage {
		display: block;
		padding: 10px 6px;
		margin-bottom: 10px;
	}

		#sendLinkMessage.waiting {
			background-color: #F7F9AC;
		}

		#sendLinkMessage.successful {
			background-color: #B3FAAB;
		}

		#sendLinkMessage.failed {
			background-color: #FBB5AA;
		}
	/*#endregion */

	/*#region page breaks */
	/* Page Breaks */

	/*these seem poorly named to me -HK*/
	.seperate,
	.seperate_white {
		width: 100%;
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
		border-bottom: 3px solid #bec0c2;
	}

	.seperate {
		background: #efefef;
	}

	.seperate_white {
		background: #e4e4e4;
	}

		.seperate img,
		.seperate_white img {
			display: inline-block;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			width: 150px;
			margin: 0 0 -80px 0;
			border: 3px solid #bec0c2;
		}
	/*#endregion*/

	/*#region filmstrip (used several places) */
	.filmstrip {
		width: 100%;
		padding: 6px;
		border: 2px solid #eaeaea;
		border-radius: 4px;
		overflow: hidden;
	}

		.filmstrip .filmstrip-button {
			float: left;
			width: 31px;
			padding: 37px 12px;
			font-style: normal;
		}

		.filmstrip .rightbutton {
			float: right;
		}

	.filmstrip-thumbnails {
		float: left;
		margin: 0 8px;
		width: calc(100% - 82px);
		white-space: nowrap;
	}

	.filmstrip .thumbnails-scroll {
		overflow: hidden;
	}

	.filmstrip .filmstrip-thumbnails a {
		margin: 0 4px;
	}

		.filmstrip .filmstrip-thumbnails a:hover {
			cursor: pointer;
		}

		.filmstrip .filmstrip-thumbnails a img {
			-webkit-transition: all 0.5s linear;
			-moz-transition: all 0.5s linear;
			-ms-transition: all 0.5s linear;
			-o-transition: all 0.5s linear;
			transition: all 0.5s linear;
			width: 125px;
		}

		.filmstrip .filmstrip-thumbnails a:hover img {
			opacity: 0.7;
		}

	#similar-items-filmstrip .filmstrip-button {
		height: 100%;
	}

	.similar-item-thumbnails {
		float: left;
		margin: 0 8px;
		width: calc(100% - 82px);
		white-space: nowrap;
	}

		.similar-item-thumbnails a {
			margin: 0 4px;
			display: inline-block;
			vertical-align: top;
		}

	.similar-item {
		width: 200px;
	}

		.similar-item img {
			width: 120px;
			margin: 0 auto;
			display: block;
		}

		.similar-item span {
			display: block;
			white-space: normal;
			text-align: center;
		}

			.similar-item span.stock-no {
				margin-top: 8px;
				font-weight: 700;
				display: block;
			}

	/*#endregion*/

	/*#region forms and controls */
	input[type=checkbox] {
		/*transform: scale(1.3);*/
		width: 17px;
		height: 17px;
	}

		input[type=checkbox]:focus,
		input[type=checkbox]:active {
			outline: 1px dotted gray;
		}

	.control-groups-inline {
		overflow: hidden;
	}

	.control-groups-block {
		overflow: hidden;
	}

	.labels-inline {
	}

	.labels-block .control-group > label {
		display: block;
		margin-bottom: 2px;
	}

	.control-groups-inline .control-group {
		float: left;
	}

	.control-groups-block .control-group {
		margin-bottom: 4px;
	}

	.control-groups-block.labels-inline .control-group > label {
		clear: both;
		text-align: right;
		padding-top: 5px;
	}

	.labels-block .control-group > input[type='checkbox'] {
		display: block;
		margin: 8px auto 0 auto;
	}

	.control-groups-inline.labels-block .control-group {
		margin-right: 6px;
	}

	.control-groups-inline.labels-inline .control-group {
		margin-right: 12px;
	}

		.control-groups-inline.labels-inline .control-group label {
			padding-right: 4px;
		}

		.control-groups-inline.labels-inline .control-group > input[type='checkbox'] {
			position: relative;
			top: 5px;
		}

		.control-groups-inline.labels-inline .control-group.checkbox > label {
			position: relative;
			top: 3px;
		}

	.control-groups-block.labels-inline .control-group > input[type='checkbox'] {
		position: relative;
		top: 3px;
	}

	.control-groups-block.labels-inline .control-group.checkbox > label {
	}

	.labels-inline .control-group label,
	.labels-inline .control-group > input,
	.labels-inline .control-group > select,
	.labels-inline .control-group .k-datepicker,
	.labels-inline .control-group .k-datetimepicker,
	.labels-inline .control-group .k-dropdown,
	.labels-inline .control-group .k-combobox,
	.labels-inline .control-group div {
		display: inline-block;
	}

	/* adding labels-block seems to have messed something up here */
	.labels-block .control-group .k-datepicker,
	.labels-block .control-group .k-datetimepicker,
	.labels-block .control-group .k-dropdown,
	.labels-block .control-group .k-combobox {
		width: 100%;
	}

	.control-groups-inline.labels-inline .k-datepicker,
	.control-groups-inline.labels-inline .k-datetimepicker,
	.control-groups-inline.labels-inline .k-dropdown,
	.control-groups-inline.labels-inline .k-combobox {
		width: 100%;
	}

	.labels30 .control-group label {
		width: 30px;
	}

	.labels40 .control-group label {
		width: 40px;
	}

	.labels50 .control-group label {
		width: 50px;
	}

	.labels60 .control-group label {
		width: 60px;
	}

	.labels70 .control-group label {
		width: 70px;
	}

	.labels80 .control-group label {
		width: 80px;
	}

	.labels90 .control-group label {
		width: 90px;
	}

	.labels100 .control-group label {
		width: 100px;
	}

	.labels110 .control-group label {
		width: 110px;
	}

	.labels120 .control-group label {
		width: 120px;
	}

	.labels130 .control-group label {
		width: 130px;
	}

	.labels140 .control-group label {
		width: 140px;
	}

	.labels150 .control-group label {
		width: 150px;
	}

	.labels160 .control-group label {
		width: 160px;
	}

	.labels170 .control-group label {
		width: 170px;
	}

	.labels174 .control-group label {
		width: 174px;
	}

	.labels180 .control-group label {
		width: 180px;
	}

	.labels190 .control-group label {
		width: 190px;
	}

	.labels200 .control-group label {
		width: 200px;
	}

	.labels210 .control-group label {
		width: 210px;
	}

	.labels220 .control-group label {
		width: 220px;
	}

	.labels230 .control-group label {
		width: 230px;
	}

	.labels240 .control-group label {
		width: 240px;
	}

	.labels250 .control-group label {
		width: 250px;
	}

	.labels260 .control-group label {
		width: 260px;
	}

	.labels270 .control-group label {
		width: 270px;
	}

	.labels280 .control-group label {
		width: 280px;
	}

	.labels290 .control-group label {
		width: 290px;
	}

	.labels300 .control-group label {
		width: 300px;
	}

	.labels310 .control-group label {
		width: 310px;
	}

	.labels320 .control-group label {
		width: 320px;
	}

	.labels330 .control-group label {
		width: 330px;
	}

	.labels340 .control-group label {
		width: 340px;
	}

	.labels350 .control-group label {
		width: 350px;
	}

	.w > input,
	.w > select,
	.w > div.k-button {
		width: 100%;
	}

	.w20 {
		width: 20px;
	}

	.w30 {
		width: 30px;
	}

	.w40 {
		width: 40px;
	}

	.w50 {
		width: 50px;
	}

	.w60 {
		width: 60px;
	}

	.w64 {
		width: 64px;
	}

	.w70 {
		width: 70px;
	}

	.w74 {
		width: 74px;
	}

	.w80 {
		width: 80px;
	}

	.w84 {
		width: 84px;
	}

	.w90 {
		width: 90px;
	}

	.w100 {
		width: 100px;
	}

	.w100p {
		width: 100%;
	}
	/* 100% */

	.w110 {
		width: 110px;
	}

	.w120 {
		width: 120px;
	}

	.w130 {
		width: 130px;
	}

	.w140 {
		width: 140px;
	}

	.w150 {
		width: 150px;
	}

	.w160 {
		width: 160px;
	}

	.w170 {
		width: 170px;
	}

	.w174 {
		width: 174px;
	}

	.w180 {
		width: 180px;
	}

	.w190 {
		width: 190px;
	}

	.w200 {
		width: 200px;
	}

	.w210 {
		width: 210px;
	}

	.w216 {
		width: 216px;
	}

	.w220 {
		width: 220px;
	}

	.w230 {
		width: 230px;
	}

	.w240 {
		width: 240px;
	}

	.w250 {
		width: 250px;
	}

	.w260 {
		width: 260px;
	}

	.w270 {
		width: 270px;
	}

	.w280 {
		width: 280px;
	}

	.w290 {
		width: 290px;
	}

	.w300 {
		width: 300px;
	}

	.w310 {
		width: 310px;
	}

	.w320 {
		width: 320px;
	}

	.w330 {
		width: 330px;
	}

	.w340 {
		width: 340px;
	}

	.w350 {
		width: 350px;
	}

	.w370 {
		width: 370px;
	}

	.w380 {
		width: 380px;
	}

	.w390 {
		width: 390px;
	}

	.w400 {
		width: 400px;
	}

	.w410 {
		width: 410px;
	}

	.w420 {
		width: 420px;
	}

	.m-a, .margin-lr-auto {
		margin-left: auto;
		margin-right: auto;
	}

	.ml4 {
		margin-left: 4px;
	}

	.ml8 {
		margin-left: 8px;
	}

	.ml12 {
		margin-left: 12px;
	}

	.ml16 {
		margin-left: 16px;
	}

	.ml20 {
		margin-left: 20px;
	}

	.ml22 {
		margin-left: 22px;
	}

	.ml24 {
		margin-left: 24px;
	}

	.ml30 {
		margin-left: 30px;
	}

	.ml32 {
		margin-left: 32px;
	}

	.ml36 {
		margin-left: 36px;
	}

	.ml40 {
		margin-left: 40px;
	}

	.ml50 {
		margin-left: 50px;
	}

	.ml60 {
		margin-left: 60px;
	}

	.ml70 {
		margin-left: 70px;
	}

	.mb2 {
		margin-bottom: 2px;
	}

	.mb3 {
		margin-bottom: 3px;
	}

	.mb4 {
		margin-bottom: 4px;
	}

	.mb5 {
		margin-bottom: 5px;
	}

	.mb6 {
		margin-bottom: 6px;
	}

	.mt6 {
		margin-top: 6px;
	}

	.mb8 {
		margin-bottom: 8px;
	}

	.mt8 {
		margin-top: 8px;
	}

	.mb10 {
		margin-bottom: 10px;
	}

	.mt10 {
		margin-top: 10px;
	}

	.mb12 {
		margin-bottom: 12px;
	}

	.mt12 {
		margin-top: 12px;
	}

	.mb14 {
		margin-bottom: 14px;
	}

	.mt14 {
		margin-top: 14px;
	}

	.mb16 {
		margin-bottom: 16px;
	}

	.mt16 {
		margin-top: 16px;
	}

	.mb18 {
		margin-bottom: 18px;
	}

	.mt18 {
		margin-top: 18px;
	}

	.mb20 {
		margin-bottom: 20px !important;
	}

	.mt20 {
		margin-top: 20px;
	}

	.mt22 {
		margin-top: 22px;
	}

	.mb24 {
		margin-bottom: 24px;
	}

	.mt24 {
		margin-top: 24px;
	}

	.mb26 {
		margin-bottom: 26px;
	}

	.mt26 {
		margin-top: 26px;
	}

	.mb30 {
		margin-bottom: 30px;
	}

	.mt30 {
		margin-top: 30px;
	}

	.mb40 {
		margin-bottom: 40px !important;
	}

	.mt40 {
		margin-top: 40px;
	}

	.control-groups-inline.cgmb8 .control-group,
	.control-groups-block.cgmb8 .control-group {
		margin-bottom: 8px;
	}

	.control-groups-inline.cgmb10 .control-group,
	.control-groups-block.cgmb10 .control-group {
		margin-bottom: 10px;
	}

	.control-groups-inline.cgmb12 .control-group,
	.control-groups-block.cgmb12 .control-group {
		margin-bottom: 12px;
	}

	.control-groups-inline.cgmb14 .control-group,
	.control-groups-block.cgmb14 .control-group {
		margin-bottom: 14px;
	}

	.control-groups-inline.cgmb16 .control-group,
	.control-groups-block.cgmb16 .control-group {
		margin-bottom: 16px;
	}

	/*#endregion*/


	/* Begin Pages */
	/*#region home page */

	#home-four-icons {
		padding: 10px 0;
		border-bottom: 1px solid #377c2c;
		text-align: center;
	}

		#home-four-icons .icon:hover {
			background: #bec0c2;
		}

		#home-four-icons .icon {
			background: #e7e7e8;
			width: 50px;
			height: 50px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			margin: 0 5%;
		}

			#home-four-icons .icon:hover {
				cursor: pointer;
			}

			#home-four-icons .icon img {
				margin-top: 10px;
				height: 30px;
			}

		#home-four-icons .icon {
			display: inline-block;
			margin: 10px 5%;
			-webkit-transition: all 2s;
			-moz-transition: all 2s;
			transition: all 2s;
		}

		#home-four-icons h5 {
			position: relative;
			text-align: center;
			color: #363636;
			display: block;
			font-weight: 600;
			margin-top: 10px;
			left: -35px;
			width: 120px;
			font-size: 11px;
		}

	#homepage #section1 #block1 {
		padding: 20px 30px 20px 15px;
	}

	#homepage #section1 #block2 {
		padding: 20px 15px 40px 30px;
	}

	#homepage #three-circles {
		display: table;
		border-collapse: separate;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}

		#homepage #three-circles .home-circle {
			text-align: center;
			display: table-cell;
			padding: 16px;
		}

			#homepage #three-circles .home-circle a {
				font-size: 12px;
			}

			#homepage #three-circles .home-circle img {
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				margin-bottom: 8px;
				width: 100%;
			}

			#homepage #three-circles .home-circle:first-child {
				width: 33%;
			}

			#homepage #three-circles .home-circle:nth-child(2) {
				width: 33%;
			}

			#homepage #three-circles .home-circle:nth-child(3) {
				width: 33%;
			}

	.news p:before {
		content: '“';
		display: block;
		float: left;
		margin: 22px 10px 5px 0;
		color: #bec0c2;
		height: 10px;
		font-size: 80px;
	}

	.news h2 {
		color: #377c2c;
	}

	.news .button {
		float: right;
	}

	.newsimg {
		width: 60%;
		min-width: 220px;
		max-width: 260px;
		margin: 0 auto 20px auto;
		display: block;
	}

		.newsimg .first {
			width: 70%;
			position: relative;
			z-index: 9998;
		}

		.newsimg .second {
			position: relative;
			z-index: 9999;
			margin: 0 0 -90px 0;
			width: 120px;
			float: right;
		}

			.newsimg .first img,
			.newsimg .second img {
				width: 100%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
			}

	#popupvideowrapper {
		width: 90%;
		height: 90%;
		position: absolute;
		left: 5%;
		top: 5%;
	}

	.overlaydark1 .closebutton {
		width: 35px;
		height: 35px;
		position: absolute;
		z-index: 10002;
	}

		.overlaydark1 .closebutton img {
			width: 100%;
		}

		.overlaydark1 .closebutton:hover {
			cursor: pointer;
		}
	/*#endregion */

	/*#region news page */
	.news-article {
	}

		.news-article h2 {
			margin: 0 0 10px 0;
			padding: 0 0 6px 0;
			border-bottom: 2px solid #ccc;
		}

		.news-article h6 {
			margin: 8px 0 0 0;
			padding: 0;
			text-align: right;
		}

		.news-article p {
			text-align: justify;
			margin: 0;
			text-indent: 22px;
		}

		.news-article .columns {
			-webkit-column-count: 1;
			-webkit-column-gap: 20px;
			-moz-column-count: 1;
			-moz-column-gap: 20px;
			column-count: 1;
			column-gap: 20px;
		}

			.news-article .columns img {
				margin: 10px 0;
				width: 100%;
			}
	/*#endregion*/

	/*#region waterinjectionpumppackages */
	#waterinjectionpumppackages #in-stock h4 {
		font-weight: bold;
		color: black;
		padding: 15px 20px;
		margin-bottom: 0px;
	}

	#waterinjectionpumppackages #in-stock ul li {
		line-height: 32px;
		padding-left: 20px;
		text-transform: uppercase;
		border-bottom: 2px solid #bec0c2;
	}

		#waterinjectionpumppackages #in-stock ul li:last-child {
			border-bottom: none;
		}

	#waterinjectionpumppackages #descriptions {
		margin-top: 20px;
	}

		#waterinjectionpumppackages #descriptions .description {
			padding: 20px 0;
		}

			#waterinjectionpumppackages #descriptions .description img {
				display: block;
				width: 95%;
				max-width: 320px;
				margin: 0 auto;
			}

			#waterinjectionpumppackages #descriptions .description h3 {
				color: #377c2c;
				font-weight: 700;
			}

			#waterinjectionpumppackages #descriptions .description a {
				display: block;
				margin: 0 auto;
				max-width: 50%;
			}

	/*#endregion*/

	/*#region sitemap*/
	.sitemap-columns {
	}

		.sitemap-columns ul li {
			-webkit-column-break-inside: avoid;
			page-break-inside: avoid;
			break-inside: avoid;
		}

		.sitemap-columns li {
			padding: 7px 0;
		}

		.sitemap-columns a {
			color: #377c2c;
			font-size: 16px;
			font-weight: 600;
			font-style: italic;
			text-decoration: underline;
		}

		.sitemap-columns ul.second-level > li::before {
			padding: 0 4px;
			display: inline;
			content: '-';
			color: #377c2c;
		}

		.sitemap-columns .second-level a {
			font-size: 14px;
			font-weight: 500;
		}

		.sitemap-columns .second-level li {
			padding: 5px 0;
			margin-left: 10px;
		}
	/*#endregion*/

	/*#region gallery page */
	.gallery-wrapper {
		margin-bottom: 10px;
		position: relative;
	}

		.gallery-wrapper .gallery-button-left {
			position: absolute;
			width: 9.9%;
			top: 0;
			padding-right: 6px;
			min-height: 60px;
			left: 0;
			z-index: 101;
			text-align: right;
		}

			.gallery-wrapper .gallery-button-left img {
				width: 100%;
				max-width: 40px;
				vertical-align: middle;
			}

				.gallery-wrapper .gallery-button-left img:hover {
					background-color: gray;
					border-radius: 3px;
					cursor: pointer;
				}

		.gallery-wrapper .gallery-button-right {
			position: absolute;
			width: 9.9%;
			padding-left: 6px;
			min-height: 60px;
			top: 0;
			right: 0;
			z-index: 101;
			text-align: left;
		}

			.gallery-wrapper .gallery-button-right img {
				width: 100%;
				max-width: 40px;
				vertical-align: middle;
			}

				.gallery-wrapper .gallery-button-right img:hover {
					background-color: gray;
					border-radius: 3px;
					cursor: pointer;
				}

	/* used to vertically align images in a div */
	/* see http://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-div */
	.center-helper {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

	.gallery-filmstripwrapper {
		width: 80%;
		max-width: 1000px;
		margin: 0 auto;
	}

	.image-view-wrapper {
		width: 80%;
		max-width: 1000px;
		margin: 0 auto;
	}

	.image-view {
		text-align: center;
		position: relative;
	}

		.image-view img {
			max-height: 100%;
			max-width: 100%;
			position: absolute;
			margin: auto;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}

	.image-view-caption {
		width: 70%;
		max-width: 900px;
		margin: 0 auto;
	}
	/*#endregion*/

	/*#region case study */
	#casestudypage #section1 .pic1 {
		width: 100%;
		max-width: 320px;
		margin: 0 auto 10px auto;
		display: block;
	}

	#casestudypage #section2 .pic2 {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 20px auto;
		display: block;
	}
	/*#endregion*/

	/*#region resources mud pump manufacturers*/
	#mudpumpmanufacturers h1 {
		font-size: 30px;
		line-height: 1.3em;
		margin: 16px 0 30px 0;
	}

	#mudpumpmanufacturers .mpmheadbox p {
	}

	#mudpumpmanufacturers .mpmcontentwrapper {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	#mudpumpmanufacturers .mpmmainbox {
		width: 100%;
		max-width: 1200px;
		min-width: 280px;
		margin: 0 auto;
		border: 1px solid gray;
	}

	#mudpumpmanufacturers .mpmtextbox h5 {
		margin-top: 0;
		padding: 14px 0 14px 10px;
		text-transform: none;
		font-size: 15px;
		font-weight: 600;
		background-color: #BFC0C2;
	}

	#mudpumpmanufacturers .mpmtextbox p {
		margin-top: 8px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#mudpumpmanufacturers .mpmmainbox a {
		display: block;
		margin: 8px 10px 12px 10px;
		line-height: 21px;
		font-weight: 600;
	}
	/*#endregion*/

	/*#region resources formulascylinderpage */
	#formulascylinderpage #section1 {
		position: relative;
	}

	#formulascylinderpage h1 {
		text-align: center;
		margin: 20px 0;
	}

	#formulascylinderpage .formulaclass {
		border: solid gray 1px;
		border-bottom: none;
		padding-left: 20px;
	}

		#formulascylinderpage .formulaclass:nth-child(3) {
			margin-bottom: 20px;
			border: solid gray 1px;
		}

	#formulascylinderpage #maincontent h5 {
		font-size: 16px;
		color: black;
		font-weight: 600;
		margin-bottom: 10px;
		text-transform: none;
	}

	#formulascylinderpage .formulatext {
		color: #333;
		font-size: 16px;
		padding-bottom: 10px;
		line-height: 21px;
		padding-bottom: 10px;
	}

	#cylinderFormulaCalculator {
		position: relative;
	}


		#cylinderFormulaCalculator label {
			float: left;
			width: 110px;
			text-align: right;
			margin-right: 10px;
			vertical-align: top;
			font-size: 14px;
		}

		#cylinderFormulaCalculator input, #cylinderFormulaCalculator select {
			width: 100px;
			margin-bottom: 2px;
		}

	#calculator-section1 span {
		display: block;
		width: 100%;
		margin: 0 0px 0 100px;
		line-height: 1.4em;
	}

	#calculator-section1 {
		width: 100%;
		min-width: 320px;
		max-width: 400px;
		margin: 0 auto;
	}

	/*#endregion*/

	/*#region formulas */

	/*Pump Calculations and Equations*/

	#formulaspumps .formulasbottombox h2 {
		color: #377c2c;
		margin-top: 30px;
	}

	#formulaspumps .formulastextbox h5 {
		font-weight: 600;
		color: black;
		font-size: 14px;
		text-transform: none;
		font-style: normal;
		line-height: 21px;
	}

	#formulaspumps p {
		margin: 0;
	}

	.formulasbottombox {
		background-color: #e4e4e4;
		margin: 0;
		padding: 0;
	}

	.formulastextbox {
		background-color: #efefef;
		border: solid gray 1px;
		border-bottom: none;
		padding: 10px 0px 20px 50px;
		color: gray;
		font-size: 16px;
		line-height: 21px;
	}

	.formulastextboxlast {
		border-bottom: solid gray 1px;
	}

	#formulaspumps table {
		/*margin: 30px auto;*/
		margin-top: 20px;
		width: 100%;
		font-size: 16px;
		border: solid gray 1px;
		border-right: none;
		text-transform: none;
	}

	#formulaspumps th {
		color: black;
		font-weight: 600;
		border-right: solid gray 1px;
		text-align: left;
		padding: 10px 50px 10px 30px;
		background-color: #bfc0c2;
	}

	#formulaspumps tr:nth-child(even) {
		background-color: #efefef;
	}

	#formulaspumps tr:nth-child(odd) {
		background-color: #e4e4e4;
	}

	#formulaspumps td {
		color: gray;
		border-right: solid gray 1px;
		text-align: left;
		padding: 10px 50px 10px 30px;
	}
	/*#endregion*/

	/*#region services page */
	#servicespage .items {
		text-align: center;
		margin: 0;
		overflow: hidden;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

		#servicespage .items .item {
			overflow: hidden;
			padding: 10px 10px 16px 10px;
		}

		#servicespage .items img {
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			width: 50%;
			max-width: 150px;
		}

		#servicespage .items h2 {
			font-style: normal;
			text-align: center;
			color: #377c2c;
			font-weight: 600;
			font-size: 22px;
			padding-bottom: 6px;
			margin-bottom: 0;
		}

		#servicespage .items p {
			text-transform: none;
			font-weight: 500;
			text-align: left;
			margin: 0;
			padding: 0;
		}

			#servicespage .items p a {
				display: block;
				margin-top: 10px;
				width: 80%;
				max-width: 320px;
				min-width: 200px;
				margin: 10px auto 0px auto;
			}

		#servicespage .items .item p:after {
			content: '';
			display: block;
			clear: both;
		}
	/*#endregion*/

	/* #region new services packaging page */
	#packagingNewHeaderBlock {
		padding: 30px 0 20px 0;
	}

		#packagingNewHeaderBlock h1 {
			font-style: normal;
			text-align: center;
		}

		#packagingNewHeaderBlock h2 {
			text-align: center;
			font-style: normal;
			color: black;
			font-size: medium;
		}

	#packagingNewSection1 {
		padding: 25px 0 15px 0;
	}

		#packagingNewSection1 ul li {
			font-size: 1.1em;
			line-height: 1.2em;
		}
		/* THIS ENABLES THE PACKAGING PAGE TO HAVE THE MOUSEOVER CATEGORY BUTTONS */
		#packagingNewSection1 .packagingView {
			width: 300px;
			height: 500px;
			margin: 0px;
			float: left;
			overflow: hidden;
			position: relative;
			text-align: left;
			cursor: default;
		}

			#packagingNewSection1 .packagingView .packagingMask, .packagingView .content {
				width: 288px;
				height: 288px;
				position: absolute;
				top: 300px;
				left: 0;
				padding: 0px 0px 0px 20px;
			}

			#packagingNewSection1 .packagingView img {
				display: block;
				position: relative;
			}

			#packagingNewSection1 .packagingView h2 {
				text-transform: uppercase;
				text-align: left;
				position: relative;
				font-size: 17px;
				padding: 10px;
				margin: 0px 0 0 0;
			}

			#packagingNewSection1 .packagingView p {
				font-family: Georgia, serif;
				font-style: italic;
				font-size: 14px;
				position: relative;
				color: #fff;
				padding: 0px 0px 0px;
				text-align: left;
			}

			#packagingNewSection1 .packagingView a.info {
				display: inline-block;
				text-decoration: none;
				padding: 0px 0px;
				background: #000;
				color: #fff;
				text-transform: uppercase;
				box-shadow: 0 0 1px #000;
			}

				#packagingNewSection1 .packagingView a.info:hover {
					box-shadow: 0 0 5px #000
				}

		#packagingNewSection1 .packagingView-tenth img {
		}

		#packagingNewSection1 .packagingView-tenth .packagingMask {
			transition: all 0.0s linear;
			opacity: 0;
		}

		#packagingNewSection1 .packagingView-tenth h2 {
			border-bottom: 1px solid rgba(0, 0, 0, 0.3);
			background: transparent;
			margin: 0px 0px 0px 0px;
			transform: scale(0);
			color: #666;
			transition: all 0.2s linear;
			opacity: 0;
		}

		#packagingNewSection1 .packagingView-tenth p {
			color: #666;
			opacity: 0;
			transform: scale(0);
			transition: all 0.5s linear;
		}

		#packagingNewSection1 .packagingView-tenth a.info {
			opacity: 0;
			transform: scale(0);
			transition: all 0.5s linear;
		}

		#packagingNewSection1 .packagingView-tenth:hover img { /*transform: scale(10);opacity: 0;*/
		}

		#packagingNewSection1 .packagingView-tenth:hover .packagingMask {
			opacity: 1;
		}

		#packagingNewSection1 .packagingView-tenth:hover h2, #packagingNewSection2 .packagingView-tenth:hover p, #packagingNewSection2 .packagingView-tenth:hover a.info {
			transform: scale(1);
			opacity: 1;
		}
	/* END OF MOUSE OVER EFFECT*/
	#packagingNewSection2 { /*bxslider container*/
		padding: 20px 0 45px 0;
	}

		#packagingNewSection2 img {
			float: left;
			margin-right: 25px;
		}

	#packagingNewSection3 #packagingQuickLinkButtonContainer {
		margin: 0px auto 0 auto;
		max-width: 970px;
	}

	#packagingNewSection3 .packagingQuickLinkButton {
		text-transform: none;
		font-style: normal;
		font-size: 1.2em;
		width: 300px;
		margin: 30px 10px 20px 10px;
		padding: 10px 0 10px 0;
	}

	#packagingNewSection4 {
		padding-top: 10px;
	}

		#packagingNewSection4 h1 {
			text-align: center;
			margin: 0 0 20px 0;
		}

		#packagingNewSection4 p {
			margin: 15px auto;
			max-width: 1000px;
		}

		#packagingNewSection4 #packageNewImageBar {
			margin: 25px auto;
			max-width: 1200px;
			min-width: 280px;
			padding: 0;
			overflow: hidden;
		}

			#packagingNewSection4 #packageNewImageBar img {
				float: left;
			}

			#packagingNewSection4 #packageNewImageBar #image1 {
				min-width: 100px;
				max-width: 461px;
			}

			#packagingNewSection4 #packageNewImageBar #image2 {
				max-width: 739px;
			}

		#packagingNewSection4 #carsonQuote {
			float: right;
		}

		#packagingNewSection4 a {
			font-weight: bold;
			text-decoration: underline;
		}

		#packagingNewSection4 #packagingNewGoDurableContainter {
			margin: 25px auto 35px auto;
			width: 300px;
		}

			#packagingNewSection4 #packagingNewGoDurableContainter p {
				font-weight: bold;
				font-size: 1.2em;
			}
	/* #endregion */

	/*#region services packaging page */
	#servicespackagingpage #section1 {
		padding: 20px 30px;
	}

	#servicespackagingpage #section2 {
		padding: 20px 30px;
	}

	#servicespackagingpage #section1 img {
		float: right;
		width: 100%;
		margin-bottom: 10px;
	}

	#servicespackagingpage #section2 img {
		width: 100%;
		max-width: 500px;
	}

	#servicespackagingpage #section2 ul {
		margin-top: 10px;
		margin-left: 3%;
	}

	#servicespackagingpage #section2 h1 {
		text-align: center;
		margin-bottom: 30px;
	}
	/*#endregion */

	/*#region services rebuilding page */

	#rebuildingpage #maincontent img {
		max-width: 100%;
		padding-bottom: 20px;
	}

	#rebuildingpage #section2 ul.stdlist {
		margin-top: 0px;
	}

	/* #endregion */

	/*#region services new rebuilding page */
	#rebuildingNewHeaderBlock {
		padding: 10px 0 0 0;
	}

		#rebuildingNewHeaderBlock h1 {
			margin: 0px;
			padding: 0;
			font-style: normal;
			text-align: center;
			color: black;
			font-size: 24px;
			font-weight: bold;
		}

		#rebuildingNewHeaderBlock h2 {
			margin: 0px;
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			font-style: normal;
			color: black;
			font-size: large;
			line-height: 1.7em;
			font-weight: bold;
		}

	#rebuildingNewSection1 {
		padding: 0px 0 10px 0;
	}

		#rebuildingNewSection1 #rebuildingQuickLinkButtonContainer {
			margin: 20px auto;
			max-width: 970px;
		}

			#rebuildingNewSection1 #rebuildingQuickLinkButtonContainer a {
				font-size: 18px;
				width: 305px;
				margin: 10px 5px 0 10px;
				padding: 10px 0;
			}

	#rebuildingNewSection2 {
		margin: 0 auto;
		min-width: 300px;
		max-width: 1200px;
		padding-bottom: 30px;
	}

		#rebuildingNewSection2 #mouseOverRebuildingImageContainer {
			margin: 40px auto 0px auto;
			max-width: 1040px;
			padding: 0 0 50px 0;
		}

			#rebuildingNewSection2 #mouseOverRebuildingImageContainer .imgLeft {
				margin-right: 30px;
			}

		#rebuildingNewSection2 ul {
			list-style-type: none;
		}

		#rebuildingNewSection2 li {
			float: left;
		}
		/* IMAGE SWAP ON MOUSE OVER FOR BEFORE AND AFTER PHOTOS */
		#rebuildingNewSection2 .oldNewSwap1 {
			margin-right: 40px;
		}

			#rebuildingNewSection2 .oldNewSwap1 img:last-child {
				display: none;
			}

			#rebuildingNewSection2 .oldNewSwap1:hover img:first-child {
				display: none;
			}

			#rebuildingNewSection2 .oldNewSwap1:hover img:last-child {
				display: inline-block
			}

		#rebuildingNewSection2 .oldNewSwap2 {
		}

			#rebuildingNewSection2 .oldNewSwap2 img:last-child {
				display: none;
			}

			#rebuildingNewSection2 .oldNewSwap2:hover img:first-child {
				display: none;
			}

			#rebuildingNewSection2 .oldNewSwap2:hover img:last-child {
				display: inline-block
			}
	/* END OF IMAGE SWAP FOR BEFORE AND AFTER */
	#rebuildingNewSection3 .leftImage {
		margin-right: 30px;
	}

	#rebuildingNewSection3 ul.stdlistRebuilding {
		margin: 20px 0;
	}

		#rebuildingNewSection3 ul.stdlistRebuilding li {
			list-style-type: disc;
			margin: 0 0 0 30px;
			line-height: 25px;
			color: black;
			font-size: 19px;
		}

		#rebuildingNewSection3 ul.stdlistRebuilding ul {
		}

			#rebuildingNewSection3 ul.stdlistRebuilding ul li {
				list-style-type: circle;
				margin-left: 20px;
				line-height: 21px;
			}
	/* THIS ENABLES THE PACKAGING PAGE TO HAVE THE MOUSEOVER CATEGORY BUTTONS */
	#rebuildingNewSection3 #rebuildingButtonOutsideContainer {
	}

	#rebuildingNewSection3 .rebuildingView {
		width: 300px;
		height: 545px;
		margin: 30px 0px 30px 0px;
		float: left;
		overflow: hidden;
		position: relative;
		text-align: left;
		cursor: default;
	}

		#rebuildingNewSection3 .rebuildingView .packagingMask, .rebuildingView .content {
			width: 288px;
			height: 288px;
			position: absolute;
			top: 300px;
			left: 0;
			padding: 0px 0px 0px 20px;
		}

		#rebuildingNewSection3 .rebuildingView img {
			display: block;
			position: relative;
		}

		#rebuildingNewSection3 .rebuildingView h2 {
			text-transform: uppercase;
			text-align: left;
			position: relative;
			font-size: 17px;
			padding: 10px;
			margin: 0px 0 0 0;
		}

		#rebuildingNewSection3 .rebuildingView p {
			font-family: Georgia, serif;
			font-style: italic;
			font-size: 14px;
			position: relative;
			color: #fff;
			padding: 0px 0px 0px;
			text-align: left;
		}

		#rebuildingNewSection3 .rebuildingView a.info {
			display: inline-block;
			text-decoration: none;
			padding: 0px 0px;
			background: #000;
			color: #fff;
			text-transform: uppercase;
			box-shadow: 0 0 1px #000;
		}

			#rebuildingNewSection3 .rebuildingView a.info:hover {
				box-shadow: 0 0 5px #000
			}

	#rebuildingNewSection3 .rebuildingView-tenth img {
	}

	#rebuildingNewSection3 .rebuildingView-tenth .packagingMask {
		transition: all 0.0s linear;
		opacity: 0;
	}

	#rebuildingNewSection3 .rebuildingView-tenth h2 {
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		background: transparent;
		margin: 0px 0px 0px 0px;
		transform: scale(0);
		color: #666;
		transition: all 0.2s linear;
		opacity: 0;
	}

	#rebuildingNewSection3 .rebuildingView-tenth p {
		color: #666;
		opacity: 0;
		transform: scale(0);
		transition: all 0.5s linear;
	}

	#rebuildingNewSection3 .rebuildingView-tenth a.info {
		opacity: 0;
		transform: scale(0);
		transition: all 0.5s linear;
	}

	#rebuildingNewSection3 .rebuildingView-tenth:hover img { /*transform: scale(10);opacity: 0;*/
	}

	#rebuildingNewSection3 .rebuildingView-tenth:hover .packagingMask {
		opacity: 1;
	}

	#rebuildingNewSection3 .rebuildingView-tenth:hover h2, #packagingNewSection2 .rebuildingView-tenth:hover p, #packagingNewSection2 .rebuildingView-tenth:hover a.info {
		transform: scale(1);
		opacity: 1;
	}
	/* END OF MOUSE OVER EFFECT*/
	#rebuildingNewSection4 {
		padding-bottom: 25px;
	}

		#rebuildingNewSection4 #QualityHeader {
			margin: 25px auto 10px auto;
			max-width: 500px;
		}

			#rebuildingNewSection4 #QualityHeader h3 {
				color: #377c2c;
				font-style: normal;
				font-size: 25px;
			}

		#rebuildingNewSection4 p {
			margin: 15px auto;
			max-width: 1100px;
		}

		#rebuildingNewSection4 a {
			color: #377c2c;
			text-decoration: underline;
		}

		#rebuildingNewSection4 ul.rebuildingBullets ul {
			font-size: 25px;
		}

	#rebuildingNewSection5 #imgContainer {
		margin: 40px auto 20px auto;
		max-width: 1000px;
	}

	#rebuildingNewSection6 {
	}

	/* #endregion */

	/*#region automationControls */
/*	#automationpage {
		background-image: url('/images/services/automationControls/hoffmanBox.jpg');
		background-position: 50% 0;
		background-attachment: fixed;
		background-repeat: repeat-y;
	}

	#automatedControlsHeaderBlock {
		padding: 10px 0 0 0;
	}

		#automatedControlsHeaderBlock h1 {
			margin: 0px;
			padding: 0;
			font-style: normal;
			text-align: center;
			font-size: 24px;
			font-weight: bold;
		}

		#automatedControlsHeaderBlock h2 {
			margin: 0px;
			padding: 0;
			text-align: center;
			font-style: normal;
			color: black;
			font-size: large;
			line-height: 1.7em;
		}

	#packagingNewSection1 .packagingView2 {
		width: 300px;
		height: 595px;
		margin: 0px;
		float: left;
		overflow: hidden;
		position: relative;
		text-align: left;
		cursor: default;
	}

	#automationControlsSection2 {
		height: 400px;
	}

	#automatedSystemsSection3 {
	}

		#automatedSystemsSection3 #automatedSystemsQuickLinkButtonContainer {
			margin: 0px auto 0 auto;
			max-width: 1100px;
		}

		#automatedSystemsSection3 .automatedSystemsQuickLinkButton {
			font-style: normal;
			font-size: 1.2em;
			width: 330px;
			margin: 30px 23px 20px 10px;
			padding: 10px 0 10px 0;
		}

	#automatedSystemSection4 {
		max-width: 1200px;
		min-width: 320px;
		margin: 0 auto;
	}

		#automatedSystemSection4 #qualityContainer {
			max-width: 1100px;
			min-width: 320px;
			margin: 0 auto;
		}

			#automatedSystemSection4 #qualityContainer h2 {
				color: #377c2c;
				text-align: center;
				font-style: normal;
			}

			#automatedSystemSection4 #qualityContainer p, h2 {
				padding: 5px 10%;
				max-width: 1100px;
				text-align: center;
				margin: auto;
			}


		#automatedSystemSection4 #qualityContainerLeftText {
			float: left;
			min-width: 300px;
			max-width: 760px;
		}

		#automatedSystemSection4 #qualityContainerLeftText {
			padding: 20px;
		}

		#automatedSystemSection4 #imageOuterContainer {
			float: left;
			max-width: 480px;
			min-width: 340px;
			padding: 0 0 10px 0;
		}

		#automatedSystemSection4 #imageInnerContainer {
			width: 250px;
			margin: 0 auto;
		}

		#automatedSystemSection4 a {
			color: #377c2c;
			text-decoration: underline;
		}

			#automatedSystemSection4 a:hover {
				font-weight: bold;
			}

	#automatedSystemSection5 #automatedSystemBottomImageContainer {
		max-width: 1100px;
		min-width: 320px;
		margin: 0 auto;
		padding: 40px 0;
	}

	#automatedSystemSection5 img {
		max-width: 100%;
	}*/
	/*#endregion*/

	/*#region services testing page */

	#testingpage #maincontent img {
		max-width: 100%;
		padding-bottom: 20px;
	}

	#testingpage img + ul.stdlist {
		margin-top: 0px;
	}

	/* #endregion */

	/*#region services equipment locating */
	#equipmentlocatingpage #section1 ul {
		width: 100%;
	}

	#equipmentlocatingpage #section1 img {
		width: 100%;
		max-width: 500px;
	}

	#equipmentlocatingpage #section1 {
		padding-bottom: 20px;
	}

	/*#endregion */

	/*#region services engineering page */
	#engineeringpage #section1 img {
		float: none;
		display: block;
		width: 100%;
		max-width: 400px;
		margin: 0 auto 2% auto;
	}

	#engineeringpage #section2 img {
		width: 100%;
		display: block;
		margin: 0 auto 10px auto;
		max-width: 600px;
	}

	#engineeringpage #section1 ul {
		margin-top: 0;
		margin-left: 0;
	}

	#engineeringpage #section2 h1 {
		text-align: center;
		margin-bottom: 30px;
	}
	/*#endregion*/

	/*#region services rental page */
	#servicesrentalpage #section1 {
	}

		#servicesrentalpage #section1 img {
			display: block;
			width: 98%;
			margin: 3% auto;
			max-width: 500px;
		}

	#servicesrentalpage #section2 img {
		display: block;
		width: 98%;
		margin: 3% auto;
		max-width: 450px;
	}

	#servicesrentalpage #section2 ul.stdlist {
		display: block;
		width: 95%;
		margin: 3% auto;
	}

	#servicesrentalpage #section3 h2 {
		margin: 30px 0 40px 0;
		color: #377c2c;
		text-align: center;
	}
	/*#endregion*/

	/*#region products page */
	#productspage .items {
		text-align: center;
		margin: 0;
		overflow: hidden;
	}

		#productspage .items .item {
			overflow: hidden;
			padding: 10px 10px 16px 10px;
		}

		#productspage .items img {
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			width: 50%;
			max-width: 150px;
		}

		#productspage .items h2 {
			font-style: normal;
			text-align: center;
			color: #377c2c;
			font-weight: 600;
			font-size: 22px;
			padding-bottom: 6px;
			margin-bottom: 0;
		}

		#productspage .items p {
			text-transform: none;
			font-weight: 500;
			text-align: left;
			margin: 0;
			padding: 0;
		}

			#productspage .items p a {
				display: block;
				margin-top: 10px;
				width: 80%;
				max-width: 320px;
				min-width: 200px;
				margin: 10px auto 0px auto;
			}

		#productspage .items .item p:after {
			content: '';
			display: block;
			clear: both;
		}
	/*#endregion*/

	/*#region products friction starters page */

	#frictionstarterpage #section1 img {
		width: 100%;
	}

	#frictionstarterpage #section3 img {
		padding: 0px 0px 10px 0px;
	}

	#friction-starter-features {
		border: 1px solid gray;
	}

		#friction-starter-features h4 {
			padding: 10px;
			margin: 0;
			color: #292929;
			font-weight: 700;
		}

		#friction-starter-features ul li {
			list-style-type: none;
		}
	/*#endregion*/

	/*#region products inventory page */
	#inventorypage h1 {
		text-align: center;
	}

	#inventorypage .button {
		margin: 0 auto;
	}

	#inventorypage #section1 {
	}

		#inventorypage #section1 .btn {
			display: block;
			margin-top: 10px;
		}

		#inventorypage #section1 form {
			margin: 5px auto 5px auto;
			width: 100%;
			min-width: 320px;
			max-width: 600px;
		}

	.inventory form .btn {
		text-transform: uppercase;
	}

	#inventorypage form h3 {
		font-size: 21px;
		text-align: left;
		margin-bottom: 4px;
		padding-bottom: 0;
		color: #377c2c;
	}

	#inventorypage #browse-all-inventory {
		width: 20%;
		max-width: 300px;
		min-width: 220px;
		margin: 10px auto;
		padding: 20px 0;
		text-align: center;
	}

		#inventorypage #browse-all-inventory .btn {
			width: 90%;
			margin: 6px auto 0 auto;
		}

	.inventorypage p {
		margin-bottom: 0;
		padding: 0;
		text-align: center;
	}

	#inventorypage form,
	#inventorypage form p,
	#inventorypage label {
		color: #333;
		font-weight: 600;
		font-size: 16px;
	}

		#inventorypage form label,
		#inventorypage form select,
		#inventorypage form input {
			height: 40px;
			line-height: 40px;
			padding: 0 12px;
			border: solid 2px #666;
			border-radius: 20px;
			font-size: 18px;
			font-weight: 500;
		}

		#inventorypage form select,
		#inventorypage form input {
			background: #ffffff;
			outline: none;
			width: 46.5%;
		}

			#inventorypage form input[type=submit] {
				height: 40px;
				background: #bec0c2;
				text-transform: uppercase;
				margin: 0 auto;
				width: 98%;
			}

	#inventorypage .items {
		text-align: center;
		margin: 35px 0 15px 0;
	}

		#inventorypage .items .item {
			margin: 0 auto;
			width: 95%;
			min-width: 230px;
			-webkit-column-break-inside: avoid;
			page-break-inside: avoid;
			break-inside: avoid;
			padding: 15px 5px 15px 10px;
		}

			#inventorypage .items .item img {
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				width: 50%;
				max-width: 160px;
				float: left;
				margin: 0 10px 0 0;
			}

			#inventorypage .items .item h3 {
				font-weight: 600;
				text-align: left;
				font-size: 16px;
				padding: 0;
				margin: 0 0 6px 0;
				color: black;
				font-style: normal;
			}

			#inventorypage .items .item p {
				text-transform: none;
				font-weight: 500;
				text-align: left;
				margin: 0;
				padding: 0;
				line-height: 18px;
			}

				#inventorypage .items .item p:after {
					content: '';
					display: block;
					clear: both;
				}
	/*#endregion*/

	/*#region products inventory search page*/
	#inventorysearch h1 {
		line-height: 32px;
	}

	#inventorysearch #invTable {
		width: 100%;
		max-width: 930px;
		margin-bottom: 20px;
	}

		#inventorysearch #invTable .table-cell {
			float: left;
		}

		#inventorysearch #invTable .title-sold {
			color: #AAA;
		}

	#inventorysearch #invTableHead,
	#inventorysearch #invTableBody .table-row {
		overflow: hidden; /* because we have floated elements */
	}

	#inventorysearch #invTableBody .table-row {
		min-height: 150px;
		position: relative;
		padding-left: 8px;
		padding-right: 8px;
	}

		#inventorysearch #invTableBody .table-row .view-details-button-wrapper {
			width: 111px;
			height: 32px;
			position: absolute;
			right: 20px;
			bottom: 14px;
		}

	#inventorysearch #invTableHead {
		border-bottom: 2px solid #377c2c;
		font-weight: 600;
		font-size: 14px;
		position: sticky;
		top: 28px;
		z-index: 2;
		background: white;
	}

		#inventorysearch #invTableHead a:hover, #inventorysearch #invTableHead a:active, #inventorysearch #invTableHead a:focus {
			color: #A8A8A8;
			text-decoration: underline;
			cursor: pointer;
		}

	#inventorysearch #invTableHeadRow .table-cell.thumbnail {
		width: 222px;
		padding-left: 4px;
	}

	#inventorysearch #invTableHeadRow .table-cell .number-mobile {
		display: inline-block;
		float: right;
		color: #333;
	}

	#inventorysearch #invTableHead .table-row .table-cell {
		text-align: center;
		padding: 0px 10px 4px 10px;
	}

	#inventorysearch #invTableBody .table-cell.spec {
		font-size: 14px;
	}

	#inventorysearch #invTableBody .table-row {
		overflow: hidden; /* because it contains floated elements */
	}

		#inventorysearch #invTableBody .table-row .table-cell {
			padding: 4px 10px 4px 10px;
		}

			#inventorysearch #invTableBody .table-row .table-cell ul li {
				font-size: 12px;
				margin-top: 6px;
			}

	#inventorysearch #invTable .table-cell.thumbnail {
		width: 212px;
	}

	#inventorysearch #invTableBody .table-cell.thumbnail {
		min-height: 120px;
		padding: 0 10px 10px 2px;
	}

	#inventorysearch #invTable .table-row.sold .table-cell.thumbnail img {
		border: 3px solid red;
		opacity: 0.6;
	}

	/* Featured Items cell treatment */
	#inventorysearch #invTable .table-row.featured {
		border: 3px solid #377c2c;
		background-color: white !important;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#inventorysearch #invTable .table-row .featured-watermark {
		display: none;
	}

	#inventorysearch #invTable .table-row.featured .featured-watermark {
		position: absolute;
		bottom: 15px;
		right: 38px;
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
		color: #377c2c;
		display: block;
		letter-spacing: 2px;
	}

	#inventorysearch #invTable .item-description {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
	}

	#inventorysearch #invTable .table-row:first-child {
		background: transparent;
	}

	#inventorysearch #invTable .table-row:nth-child(even) {
		background: #ddd;
	}

	#inventorysearch #invTable .table-row:nth-child(odd) {
		background: #f7f7f7;
	}

	#inventorysearch #invTable .table-row.sold,
	#inventorysearch #invTable .table-row.sold a,
	#inventorysearch #invTable .table-row.sold ul li,
	#inventorysearch #invTable .table-row.sold .item-description,
	#inventorysearch #invTable .table-row.sold div.float-left {
		color: #8B8B8B !important;
	}

	#inventorysearch #invTable .table-row div.float-left {
		clear: both;
		font-size: 12px;
		margin-top: 6px;
		color: #262626;
		letter-spacing: 1px;
	}

	#inventorysearch #invTable .table-row img {
		width: 100%;
	}

		#inventorysearch #invTable .table-row img.non-mobile {
			margin-top: 10px;
		}

	#inventorysearch #invTableBody #imgWrapperMobile {
		float: left;
		width: 160px;
		padding-right: 4px;
		padding-bottom: 4px;
	}

	#inventorysearch #invTableBody ul {
		float: left;
	}

	#inventorysearch #invTableBody .thumbnail-nav {
		margin: -30px 6px 0 6px;
		z-index: 1;
		position: relative;
		overflow: hidden;
	}

		#inventorysearch #invTableBody .thumbnail-nav .btn {
			padding: 0px 4px;
			background-color: rgba(0,0,0,0.3);
			z-index: 999;
			border-color: white;
			border: none;
			color: white;
			font-size: 26px;
			line-height: 1em;
			font-weight: 600;
		}

		#inventorysearch #invTableBody .thumbnail-nav .tnail-caption {
			float: left;
			width: calc(100% - 64px);
			padding-top: 3px;
			font-size: 14px;
			color: white;
			text-align: center;
		}

		#inventorysearch #invTableBody .thumbnail-nav .btn-left {
		}

	/* default is to not show this column on mobile devices. Mobile first, remember? */
	#inventorysearch #invTable .thumbnail {
		display: none;
	}

	#inventorysearch #invTableBody .item-detail-wrapper {
		width: 100%;
		overflow: hidden;
		padding: 12px 8px 10px 0px !important; /* override the padding set on .table-cell */
	}

		#inventorysearch #invTableBody .item-detail-wrapper a {
			color: #333;
		}

			#inventorysearch #invTableBody .item-detail-wrapper a:hover {
				color: #377c2c;
			}

	#inventorysearch #invTable .spec {
		padding: 0;
		margin: 0;
	}

	#inventorysearch #invTableBody .spec {
		padding: 12px 0 0 0 !important;
		display: none;
	}

	#inventorysearch #invTableHead .spec {
		padding-top: 4px;
		display: none;
	}

	#inventorysearch #invTableHead .make-model {
		margin-left: 10px;
		padding-top: 4px;
	}

	#inventorysearch #invTable .table-row th:nth-child(2),
	#inventorysearch #invTable .table-row td:nth-child(2) {
		text-align: left;
	}

	#inventorysearch #invTableBody .table-row p {
		margin-bottom: 0;
		margin-top: 4px;
		font-size: 14px;
	}

	#inventorysearch #title-box h2 {
		text-align: left;
		padding: 5px 5px;
		max-width: 1200px;
	}

	#inventorysearch #subtitle-box h2 {
		font-size: 20px;
		line-height: 1.1em;
		text-align: left;
		max-width: 1200px;
		margin: 0;
		text-align: center;
	}

	#inventorysearch #title-box > p {
		margin: 0;
		line-height: 21px;
		color: #333;
		font-weight: 600;
	}

	#inventorysearch .results-paging {
		margin-left: 8px;
		display: flex;
		position: relative;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

		#inventorysearch .results-paging div:last-of-type {
			position: absolute;
			right: 0;
			top: -34px;
		}

	#inventorysearch #description {
		max-width: 1200px;
		text-align: justify;
		margin: 30px auto 20px auto;
		position: relative;
		overflow: hidden;
		font-weight: 500;
		/* added this to make description minimized, unset by clicking readMore button ~gs */
		height: 80px;
	}

	#inventorysearch #description h3 {
		text-align: center;
	}

	#inventorysearch #description ul li {
		list-style-type: disc;
		margin: 0 0 0 30px;
		line-height: 22px;
	}

	#inventorysearch #description strong {
		font-weight:700;
	}

	#inventorysearch #description #readMore {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 20px 0 0 0;
		background-image: linear-gradient(to bottom, transparent, #FFFFFF);
	}

	#inventorysearch #description #readMore button {
		padding-top: 2px !important;
		padding-bottom: 2px !important;
	}

	#inventorysearch #flow-conversions-string {
		font-weight: 600;
		font-size: 13px;
		text-align: center;
	}

	#inventorysearch #section2 {
		padding-top: 10px;
		margin: auto;
	}

	#inventorysearch #tableTop {
		min-height: 30px;
		margin-top: 0;
		font-size: 14px;
		position: sticky;
		top: 0px;
		z-index: 3;
		background: white;
	}

	.popup-footer-buttons {
		overflow: hidden;
	}

		.popup-footer-buttons button {
			float: right;
			margin-left: 16px;
		}

	#saveSearchModal > label {
		display: block;
		margin-bottom: 8px;
	}

	#saveSearchModal #saveSearchUrl {
		font-size: 12px;
		width: 100%;
	}

	#saveSearchModal .input-wrapper {
		margin-bottom: 8px;
	}

	#saveSearchModal input[type=checkbox] {
		position: relative;
		top: 3px;
	}

	#saveSearchModal .input-wrapper label {
		font-size: 14px;
		color: #292929;
	}

	#saveSearchModal #saveSearchEmail {
		width: 100%;
	}

	#saveSearchModal #alertModalMsg {
		font-weight: bold;
		color: red;
	}

	.changeitemsperpage-popup-block {
		background-color: #FFF;
		padding: 20px 30px;
		text-align: left;
		max-width: 260px;
		margin: 40px auto;
		position: relative;
	}

	#changeItemsPerPageModal > label {
		display: block;
		margin-bottom: 8px;
		margin-left: 30px;
	}

	#changeItemsPerPageModal input {
		display: block;
		width: 60px;
		text-align: center;
		margin-left: 40px;
	}

	#relatedCategoriesWrapper {
		padding: 6px 4px;
	}

		#relatedCategoriesWrapper h3 {
			text-align: center;
		}

		#relatedCategoriesWrapper ul {
			overflow: hidden;
		}

		#relatedCategoriesWrapper li {
			display: block;
			float: left;
			margin-left: 1%;
			max-height: 200px;
			overflow: hidden;
		}

		#relatedCategoriesWrapper.four li {
			width: 24.2%;
		}

		#relatedCategoriesWrapper.four .webbanner-large {
			float: left;
			margin-bottom: 15px 0;
			background: none;
		}

		#relatedCategoriesWrapper.five li {
			width: 19.15%;
		}

		#relatedCategoriesWrapper.five .webbanner-large {
			float: left;
			margin-bottom: 8px;
			background: none;
		}

		#relatedCategoriesWrapper li:first-of-type {
			margin-left: 0;
		}

		#relatedCategoriesWrapper li a.top-text {
			text-align: center;
			display: block;
			background-color: white;
			font-size: 12px;
			font-weight: 500;
			padding-top: 10px;
			height: 48px;
			overflow: hidden;
		}

		#relatedCategoriesWrapper li a.bottom-text {
			text-align: center;
			display: block;
			background-color: white;
			font-size: 14px;
			font-weight: 500;
			padding-top: 6px;
			overflow: hidden;
		}

		#relatedCategoriesWrapper li a.pic {
			display: block;
			overflow: hidden;
			max-height: 152px;
		}

		#relatedCategoriesWrapper li a img {
			display: block;
			width: 100%;
			transition: transform .1s;
		}

			#relatedCategoriesWrapper li a img:hover {
				transform: scale(1.1);
			}

	#inventoryitempage #section3 h3 {
		text-align: center;
	}

	.results h2 {
		text-align: center;
		color: #292929;
		font-size: 16px;
		margin: 0;
		padding: 10px 0;
		font-weight: 500;
	}

		.results h2 span.number {
			color: #187053;
			font-weight: 600;
			font-style: italic;
		}

	/************ Filter Sidebar *************/
	#filtersidebar {
		width: 260px;
		background-color: white;
		position: absolute;
		top: 0;
		z-index: 999;
		margin-top: 2px;
	}

	.sidebar-hidden {
		display: none;
	}

	#filtersidebar button {
		line-height: 16px;
		font-size: 14px;
	}

		#filtersidebar button:hover {
			cursor: pointer;
		}

	#filtersidebar ul {
		padding: 0;
		margin: 0;
	}

	#filtersidebar > ul:last-of-type {
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #ddd;
	}

	#filtersidebar ul li {
		padding: 0;
		margin: 0;
		list-style-position: inside;
		list-style-type: none;
		line-height: 30px;
		font-weight: 500;
	}

		#filtersidebar ul li ul li {
			border: none;
			padding-left: 6px;
		}

		#filtersidebar ul li:last-child {
			border-bottom: transparent;
		}

		#filtersidebar ul li a {
			color: #3d3d3b;
			padding: 0 8px;
			display: block;
		}

			#filtersidebar ul li a:hover,
			#filtersidebar ul li a:focus {
			}

		#filtersidebar ul li .inv_item ul {
			height: 0;
			overflow: hidden;
			background: #d8d8d8;
		}

		#filtersidebar ul li:hover .inv_item ul {
			height: auto;
			overflow: visible;
		}

			#filtersidebar ul li:hover .inv_item ul li:hover {
				background: #ffffff;
			}

				#filtersidebar ul li:hover .inv_item ul li:hover a {
					color: #187053;
				}

	.filteritem-search input {
		width: 100%;
	}

	.filteritem-application {
		width: 100%;
		height: 240px;
		overflow-y: scroll;
	}

	.filteritem-make {
		width: 100%;
		height: 240px;
		overflow-y: scroll;
	}

	.filteritem-model {
		width: 100%;
		height: 240px;
		overflow-y: scroll;
	}

	.range-filter-wrapper {
		height: 260px;
	}

		.range-filter-wrapper input {
			margin: 20px 10px 0px 10px;
			width: 52px;
		}

	.range-filter {
		margin-top: 20px;
		margin-left: 20px;
		height: 210px;
	}

	#filter-category {
		padding-top: 6px;
		margin-top: 1px;
		border-top: 2px solid #377c2c;
	}

		#filter-category h3 {
			color: #377c2c;
			margin-bottom: 6px;
			margin-top: 0;
		}

		#filter-category button.category-pseudodropdown {
			display: inline-block;
			line-height: 1.2em;
			font-size: 16px;
			background-color: white;
			padding: 0px;
			padding-bottom: 4px;
			border: none;
			text-align: left;
			margin: 0 3px;
			width: 246px;
			font-weight: 600;
		}

			#filter-category button.category-pseudodropdown span {
				float: right;
				color: #333;
				margin-top: 0;
			}

			#filter-category button.category-pseudodropdown:hover {
				cursor: pointer;
			}

	#filter-top-buttons {
		background-color: white;
		top: 0;
		width: 260px;
	}

		#filter-top-buttons.fixed {
			z-index: 999;
		}

		#filter-top-buttons button.changes-made {
			background-color: #377c2c;
			border: 0;
			padding: 3px 4px;
			color: white;
			border-radius: 4px;
		}

		#filter-top-buttons span {
			margin-top: 4px;
			font-size: 16px;
			font-weight: 500;
			color: #efefef;
		}

			#filter-top-buttons span.md-24 {
				font-size: 22px;
			}

	.filter-heading {
		padding: 4px 4px 2px 4px;
		overflow: hidden;
		border-top: 1px solid #ddd;
	}

		.filter-heading span {
			display: block;
			float: left;
			font-size: 14px;
			font-weight: 700;
		}

		.filter-heading button {
			float: right;
			margin-left: 6px;
			padding: 4px 6px;
			color: #4D4D4D;
		}

		.filter-heading a.filter-heading-toggle {
			display: block;
			/*float: left;*/
			font-size: 20px;
			font-weight: 700;
		}

			.filter-heading a.filter-heading-toggle:hover,
			.filter-heading a.filter-heading-toggle:active,
			.filter-heading a.filter-heading-toggle:focus {
				text-decoration: none;
			}

		.filter-heading span.filter-descriptor {
			display: block;
			float: left;
			margin-left: 10px;
			font-size: 11px;
			font-weight: normal;	
		}

		.filter-heading span.filter-clear {
			display: block;
			float: right;
			margin-right: 10px;
			font-size: 10px;
			font-weight: normal;
			text-decoration: underline;
		}

	.filteritem-category {
		padding: 4px;
	}

		.filteritem-category label {
			display: block;
			float: left;
			margin-top: 2px;
			line-height: 20px;
			padding: 2px 4px;
		}

		.filteritem-category button {
			padding: 4px 6px;
			color: #4D4D4D;
			float: right;
			margin-left: 4px;
		}

	.slider-wrapper {
		margin: 2px;
		padding: 6px 10px;
		overflow: hidden;
	}

	.category-popup-block {
		background-color: #FFF;
		padding: 20px 30px;
		text-align: left;
		max-width: 500px;
		margin: 40px auto;
		position: relative;
	}

	.savesearch-popup-block {
		background-color: #FFF;
		padding: 20px 30px;
		text-align: left;
		max-width: 500px;
		margin: 40px auto;
		position: relative;
	}

	.noUi-connect {
		background-color: #9D9D9D !important;
	}

	.range-min {
		height: 28px;
		width: 60px;
		float: left;
		text-align: center;
	}

	.range-max {
		height: 28px;
		width: 60px;
		float: right;
		text-align: center;
	}

	#inventorysearch #btnSaveSearch,
	#inventorysearch #btnSaveSearch2 {
		display: block;
		margin: 8px auto 0 auto;
		width: 180px;
		text-align: center;
	}

	#inventorysearch #inventorySortSelect {
		position: relative;
		float: right;
		font-size: 14px;
		color: #333;
		font-weight: 400;
		background-color: rgb(240 240 240);
	}

	#inventorysearch #filterTags {
		display: none;
	}

	#inventorysearch #tableTop #filterMenuButton {
		padding: 0 6px;
		display: block;
		float: left;
		margin-bottom: 4px;
		font-weight: 500;
		background-color: rgb(240, 240, 240);
		border-width: 1px;
	}

	.filtertag-set {
	}

		.filtertag-set label {
			font-size: 14px;
			font-weight: bold;
			float: left;
			margin-top: 0px;
			margin-left: 6px;
		}

		.filtertag-set ul {
			list-style: none;
			display: inline-block;
		}

			.filtertag-set ul li {
				float: left;
				padding: 0px 6px 4px 6px;
				font-weight: normal;
			}

		.filtertag-set:first-of-type ul li {
			margin-top: 0;
		}

		.filtertag-set:first-of-type label {
			margin-top: 2px;
		}

	#filterTags ul li a {
		font-size: 120%;
		font-weight: 700;
	}

		#filterTags ul li a:hover {
			cursor: pointer;
			text-decoration: none;
		}

	.pages {
		text-align: center;
	}

		.pages ul {
			margin: 0;
			padding: 6px 0 10px 0;
		}

			.pages ul li {
				list-style-type: none;
				display: inline-block;
				font-weight: 600;
				font-size: 16px;
				margin: 0px 2px;
			}

				.pages ul li a {
					color: #333;
					padding: 2px 8px;
					font-size: 15px;
				}

					.pages ul li a:hover,
					.pages ul li a:focus {
						color: #AAA;
					}

					.pages ul li a.current {
						border: 2px solid #377c2c;
						border-radius: 4px;
					}


	/*#endregion*/

	/*#region products inventory item*/
	#inventoryitempage #topImage {
		text-align: center;
		position: relative;
		margin-top: 15px;
		padding: 0 4px;
	}

		#inventoryitempage #topImage img {
			width: 100%;
			max-width: 1024px;
			max-height: 480px;
		}

		#inventoryitempage #topImage a,
		#inventoryitempage #topImage img {
			cursor: pointer;
		}

	#inventoryitempage h1 {
		text-align: center;
		padding: 0 5px;
		line-height: 32px;
	}

	#inventoryitempage .offwhite h2 {
		text-align: center;
		color: #292929;
		margin: 16px 0px;
	}

	#inventoryitempage #soldOverlay1 {
		color: rgba(0,0,0,0.3);
		font-size: 200px;
		position: absolute;
		height: 100%;
		z-index: 9999;
		width: 100%;
		text-align: center;
		top: 25%;
	}

	#inventoryitempage #soldOverlay1:hover {
		cursor: pointer;
	}

	#inventoryitempage #soldOverlay2 {
		color: rgba(0,0,0,0.3);
		font-size: 150px;
		position: absolute;
		height: 100%;
		z-index: 9999;
		width: 100%;
		text-align: center;
	}

	#inventoryitempage #infoTableWrapper {
		position: relative;
	}

	#inventoryitempage table {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 4px;
	}

	#inventoryitempage .inv-item-info {
		display: block;
		margin-bottom:10px;
	}

	#inventoryitempage .inv-item-info tbody tr td {
		padding: 6px;
		background-color: #F7F7F7;
		border: 1px solid #CCCCCC;
		line-height: 1.5;
	}

	#inventoryitempage .inv-item-info tbody .hd {
		font-weight: 600;
		text-align: left;
		vertical-align: text-top;
		background: #EEEEEE;
	}

	#inventoryitempage .inv-item-info tbody td.price {
		font-weight: 700;
		font-size: 120%;
		text-align: right;
	}

	#infoTableWrapper .flow-conversion-row {
		display: none;
	}

	#inventoryitempage #readMoreBlur {
		max-width: 1200px;
		text-align: justify;
		margin: 20px auto 20px auto;
		position: relative;
		overflow: hidden;
		font-weight: 600;
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 20px 4px 0 4px;
		background-image: linear-gradient(to bottom, transparent, #FFF);
	}

	#inventoryitempage #readMore button {
		padding-top: 2px !important;
		padding-bottom: 2px !important;
	}

	#inventoryitempage .button-container {
		width: 100%;
		max-width: 720px;
		margin: 0 auto;
		padding: 10px 10px 0px 10px;
		overflow: hidden;
	}

		#inventoryitempage .button-container .btn {
			margin-bottom: 10px;
		}

	#inventoryitempage #section1 {
		position: relative;
	}

		#inventoryitempage #section1 h3 {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			margin-left: 26px;
		}

		#inventoryitempage #section1 h4 {
			width: 100%;
			max-width: 1000px;
			margin: 0 auto;
			margin-top: 10px;
		}

	#inventoryitempage .inv-item-files {
		width: 100%;
		max-width: 1000px;
		margin-top: 4px;
		margin-bottom: 30px;
	}

		#inventoryitempage .inv-item-files img {
			width: 60px;
			height: 60px;
			border: none;
		}

		#inventoryitempage .inv-item-files tr {
			cursor: pointer;
			background-color: #f3f3f3;
		}

			#inventoryitempage .inv-item-files tr:nth-child(even) {
				background-color: #eaeaea;
			}

		#inventoryitempage .inv-item-files tbody tr:hover {
			background-color: #BBBBBB;
		}

		#inventoryitempage .inv-item-files tr td {
			padding: 2px 2px 2px 6px;
			border: 1px solid #CCCCCC;
			vertical-align: middle;
		}

			#inventoryitempage .inv-item-files tr td.center {
				text-align: center;
			}

	#inventoryitempage .inv-item-media {
		padding: 6px 4px 6px 4px;
	}

		#inventoryitempage .inv-item-media h4 {
			text-align: center;
		}

	#inventoryitempage .inv-item-video {
		width: 100%;
		max-width: 560px;
		margin: 0 auto;
	}

	#inventoryitempage .inv-item-filmstripwrapper {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 20px auto;
		padding: 0 4px;
	}

	#inventoryitempage .pic-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 68px);
		text-align: center;
		padding: 20px;
		overflow: hidden;
	}

		#inventoryitempage .pic-wrapper img {
			cursor: pointer;
		}

	#inventoryitempage .pic-footer {
		width: 100%;
		height: 68px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

		#inventoryitempage .pic-footer .pic-controls {
			width: 100%;
			max-width: 1024px;
			margin: 0 auto;
			padding: 10px 20px;
			text-align: center;
		}

			#inventoryitempage .pic-footer .pic-controls span {
				color: white;
				line-height: 28px;
			}

			#inventoryitempage .pic-footer .pic-controls a.btn:nth-child(2) {
				margin-left: 16px;
			}

	#inventoryitempage #viewAllButton {
		width: 98%;
		max-width: 600px;
		min-width: 320px;
		margin-bottom: 20px;
		margin-top: 12px;
		word-wrap: break-word;
	}
	/*#endregion*/

	/*#region products parts page*/
	#productspartspage #section1 img {
		display: block;
		width: 80%;
		margin: 0 auto;
		max-width: 360px;
	}

	#productspartspage #section4 {
		padding: 10px 10px 20px 10px;
	}

		#productspartspage #section4 img {
			display: block;
			width: 80%;
			margin: 0 auto;
			max-width: 600px;
			margin-top: 20px;
		}

	#productspartspage #section3 img {
		display: block;
		width: 80%;
		margin: 20px auto;
		max-width: 360px;
	}

	#productspartspage #section3 #cloud {
		width: 80%;
		max-width: 600px;
		margin: 0 auto;
		padding: 20px;
	}

		#productspartspage #section3 #cloud li {
			display: inline;
			list-style: none;
			padding: 0 10px;
			line-height: 26px;
		}

			#productspartspage #section3 #cloud li.big {
				font-size: 18px;
				font-weight: 600;
				color: #377c2c;
			}
	/*#endregion*/

	/*#region rental items (used on several pages) */
	.packages-items {
		font-size: 14px;
		line-height: 21px;
		padding: 20px 5px;
	}

		.packages-items:hover,
		.packages-items:active,
		.packages-items:focus {
			cursor: pointer;
		}

		.packages-items .label {
			font-weight: 600;
			color: #333;
		}

		.packages-items #items-header {
			display: none;
		}

			.packages-items #items-header span {
			}

				.packages-items #items-header span .label {
				}

		.packages-items .item {
			display: table;
		}

			.packages-items .item tr {
				display: table-row;
			}

			.packages-items .item span {
				display: table-cell;
				width: 80px;
				padding: 4px;
			}

				.packages-items .item span .label {
				}

			.packages-items .item .text {
				display: table-cell;
				padding: 4px;
			}

				.packages-items .item .text.title {
					font-weight: 700;
					font-size: 15px;
					color: #377c2c;
				}

			.packages-items .item .img {
				display: table-cell;
				padding: 4px;
			}

				.packages-items .item .img img {
					width: 100%;
				}

			.packages-items .item .photo2-wrapper {
				display: none;
			}

	/*#endregion*/

	/*#region aplex pumps info, specs, manuals */
	#aplexpumps h1  {
		margin: 25px 0 25px 0;
	}

	#aplexpumps #section1,
	#aplexpumps #section2,
	#aplexpumps #section3 {

		padding: 10px 0;
	}

	#aplexpumps .items {
		padding: 10px;
		margin: 10px;
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		column-count: 1;
		column-gap: 20px;
	}

	#aplexpumps .items .item {
		padding: 10px 20px 14px 20px;
		border: 1px solid #CECECE;
		background-color: #C0C0C0;
		overflow: hidden;
		/*width: 260px;*/
		margin-bottom: 20px;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	#aplexpumps .items .item h5 {
		font-weight: 700;
		font-size: 18px;
		text-transform: none;
		padding: 0;
		margin: 0;
	}

	#aplexpumps .items .item h6 {
		font-weight: 500;
		font-size: 13px;
		text-transform: uppercase;
		padding: 0;
		margin: 6px 0 4px 0;
	}

	#aplexpumps .items .item a {
		display: block;
		float: left;
		clear: both;
		padding: 8px;
		border: 1px solid #CECECE;
		background-color: #E4E4E4;
		width: 100%;
		margin-top: 4px;
	}

	#aplexpumps .items .item a:hover {
		background-color: #BEC0C2;
	}

	#aplexpumps .items .item a img {
		width: 30px;
		float: left;
		margin-right: 4px;
	}

	#aplexpumps .items .item a span {
	}


	/*#endregion*/

	/*#region resources landing page */
	#resourcespage #section1 a {
		width: 95%;
		max-width: 480px;
		margin: 0 auto 8px auto;
		white-space: pre-wrap;
	}
	/*#endregion*/

	/*#region contact page */
	#contactSingleMap {
		margin: 0 auto;
		max-width: 500px;
	}

	#contactpage .map {
		width: 80%;
		max-width: 300px;
		text-align: center;
		margin: 0 auto;
	}

	#contactpage .address {
		text-align: center;
		margin-bottom: 28px;
	}

	#contactpage #section1 h3 {
		text-align: center;
		margin: 20px 0px;
	}

	#contactpage .items {
		text-align: center;
		margin: 20px 0 40px 0;
	}

		#contactpage .items a:hover h5 {
			color: #C4C4C4;
			text-decoration: none;
		}

		#contactpage .items .item {
			display: inline-block;
			width: 40%;
			margin: 0 2% 5% 2%;
		}

			#contactpage .items .item h5 {
				font-weight: 600;
				font-size: 14px;
				text-align: center;
				height: 40px;
				overflow: hidden;
			}

			#contactpage .items .item img {
				width: 100%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
			}
	/*#endregion*/

	/*#region contact team page */
	#teampage #section1 {
		text-align: center;
	}

		#teampage #section1 ul {
			display: inline-block;
		}

			#teampage #section1 ul li {
				display: inline-block;
				background-color: #377c2c;
				text-align: center;
				margin-top: 6px;
			}

				#teampage #section1 ul li a {
					display: block;
					padding: 12px 24px;
					color: white;
				}

					#teampage #section1 ul li a:hover,
					#teampage #section1 ul li a:active,
					#teampage #section1 ul li a:focus {
						background-color: #292929;
						text-decoration: none;
					}

					#teampage #section1 ul li a.active {
						background-color: #292929;
					}

	#teampage .teammember {
		width: 100%;
		padding: 20px;
		border-top: 3px solid #BEC0C2;
	}

		#teampage .teammember .team-img-filler {
			margin: 0 auto;
			width: 100%;
			max-width: 400px;
		}

		#teampage .teammember img {
			display: block;
			margin: 0 auto;
			width: 100%;
			max-width: 400px;
		}

		#teampage .teammember .member-info {
			padding: 0 20px 20px 20px;
		}

			#teampage .teammember .member-info h2 {
				margin-top: 0;
				padding-top: 0;
				margin-bottom: 4px;
				padding-bottom: 0;
			}

			#teampage .teammember .member-info a {
				font-weight: bold;
				font-style: italic;
				color: #377c2c;
				font-size: 14px;
			}

				#teampage .teammember .member-info a:hover {
					cursor: pointer;
				}

			#teampage .teammember .member-info p {
				margin-top: 10px;
				text-align: justify;
			}
	/*#endregion*/

	/*#region contact directions page */
	#directionspage #time-and-distance {
		display: none;
		font-size: 14px;
		padding: 20px 10px 0 10px;
	}

	#directionspage #map {
		width: 80%;
		height: 400px;
		margin: 20px 0 30px 10px;
	}

	#directionspage #section2 {
		padding: 30px 10px;
	}

		#directionspage #section2 span {
			font-weight: 700;
			font-size: 14px;
			display: block;
			margin-bottom: 6px;
		}

		#directionspage #section2 p {
			padding: 0;
			margin-bottom: 16px;
		}
	/*#endregion*/

	/*#region pipeline page */
	#pipelinepage #section1 #pipelineVideoBox {
		margin: 0 auto;
		max-width: 1150px;
		padding: 10px 5px 10px 0px;
	}

	#pipelinepage #section2 .pipeLineH2 {
		text-align: center;
		margin-top: 0px;
		margin-bottom: 30px;
		padding-top: 10px;
		line-height: 1.3;
		color: #000;
		font-weight: bold;
	}

	#pipelinepage #section2 .pipeLineQuickLinkButtonContainer {
		margin: 20px auto 30px auto;
		min-width: 300px;
		max-width: 900px;
		overflow: hidden;
	}

		#pipelinepage #section2 .pipeLineQuickLinkButtonContainer a {
			width: 90%;
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 8px;
			max-width: 400px;
		}
	/*see 768 media query for tablet/desktop adjustments */
	#pipelinepage #section3 .pipelineButtonOutsideContainer {
		margin: 0 auto;
		min-width: 280px;
		max-width: 1200px;
		padding: 10px 0 5px 0px;
	}

	#pipelinepage #section3 .pipelineButtonContainer {
		min-width: 300px;
		max-width: 960px;
		margin: 0px auto;
	}
	/* THIS ENABLES THE PIPELINE PAGE TO HAVE THE MOUSEOVER CATEGORY BUTTONS WITH THE FADE-IN & FADE-OUT */
	#pipelinepage #section3 .pipelineView {
		width: 288px;
		height: 288px;
		margin: 0 25px 30px 5px;
		float: left;
		overflow: hidden;
		position: relative;
		text-align: left;
		cursor: default;
	}

		#pipelinepage #section3 .pipelineView .pipelineMask, .pipelineView .content {
			width: 288px;
			height: 288px;
			position: absolute;
			overflow: hidden;
			top: 0;
			left: 0;
			padding: 0px 0px 0px 0px;
		}

			#pipelinepage #section3 .pipelineView .pipelineMask .stdlist55 li {
				line-height: 55px;
			}

			#pipelinepage #section3 .pipelineView .pipelineMask .stdlist45 li {
				line-height: 45px;
			}

			#pipelinepage #section3 .pipelineView .pipelineMask .stdlist35 li {
				line-height: 35px;
			}

			#pipelinepage #section3 .pipelineView .pipelineMask .stdlist25 li {
				line-height: 25px;
			}

		#pipelinepage #section3 .pipelineView img {
			display: block;
			position: relative;
		}

		#pipelinepage #section3 .pipelineView h2 {
			text-transform: uppercase;
			text-align: left;
			position: relative;
			font-size: 17px;
			padding: 10px;
			margin: 0px 0 0 0;
		}

		#pipelinepage #section3 .pipelineView p {
			font-family: Georgia, serif;
			font-style: italic;
			font-size: 12px;
			position: relative;
			color: #fff;
			padding: 0px 0px 0px;
			text-align: left;
		}

		#pipelinepage #section3 .pipelineView a.info {
			display: inline-block;
			text-decoration: none;
			padding: 0px 0px;
			background: #000;
			color: #fff;
			text-transform: uppercase;
			box-shadow: 0 0 1px #000;
		}

			#pipelinepage #section3 .pipelineView a.info:hover {
				box-shadow: 0 0 5px #000
			}

	#pipelinepage #section3 .pipelineView-tenth img {
		transform: scaleY(1);
		transition: all 0.2s ease-in-out;
	}

	#pipelinepage #section3 .pipelineView-tenth .pipelineMask {
		transition: all 0.5s linear;
		opacity: 0;
	}

	#pipelinepage #section3 .pipelineView-tenth h2 {
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		background: transparent;
		margin: 0px 0px 0px 0px;
		transform: scale(0);
		color: #666;
		transition: all 0.2s linear;
		opacity: 0;
	}

	#pipelinepage #section3 .pipelineView-tenth p {
		color: #666;
		opacity: 0;
		transform: scale(0);
		transition: all 0.5s linear;
	}

	#pipelinepage #section3 .pipelineView-tenth a.info {
		opacity: 0;
		transform: scale(0);
		transition: all 0.5s linear;
	}

	#pipelinepage #section3 .pipelineView-tenth:hover img {
		transform: scale(10);
		opacity: 0;
	}

	#pipelinepage #section3 .pipelineView-tenth:hover .pipelineMask {
		opacity: 1;
	}

	#pipelinepage #section3 .pipelineView-tenth:hover h2, #pipelinepage #section3 .pipelineView-tenth:hover p, #pipelinepage #section3 .pipelineView-tenth:hover a.info {
		transform: scale(1);
		opacity: 1;
	}

	#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock {
		float: left;
		width: 288px;
		height: 288px;
	}

	#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock1 {
		margin: 0 30px 25px 0;
		line-height: 2;
		overflow: hidden;
	}

		#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock1 .pipelineBlockTextContainer {
			display: block;
			width: 288px;
			height: 288px;
			margin: 0 30px 25px 0;
			line-height: 2;
			padding: 20px 0 0 30px;
			border: solid 5px #676767;
			border-radius: 25px 25px;
		}

	*/
	#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock1 img {
		display: block;
	}

	#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock1 img:hover {
		opacity: 0;
	}

	#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock2 {
		margin: 0 30px 25px 0;
		line-height: 1.5;
	}

	#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock3 {
		margin: 0 30px 25px 0;
		line-height: 2;
	}

	#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock4 {
		margin: 0 30px 25px 0;
		line-height: 1.5;
	}

	#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock5 {
		margin: 0 30px 25px 0;
		line-height: 1.5;
	}

	#pipelinepage #section3 #pipelineBlockContainerMain .pipelineBlock6 {
		margin-right: 0 30px 25px 0;
		line-height: 1;
		font-size: 16px;
	}

	#pipelinepage #section3 #pipelineBlockContainerMain #pipelineBlock6text {
		margin-top: 10px;
		padding-left: 5px;
		line-height: 1.2;
		font-size: 16px;
	}
	/* END OF MOUSE OVER EFFECT*/
	#pipelinepage #section4 {
		border-top: 2px solid black;
	}

		#pipelinepage #section4 .pipelineSection4imageContainer img {
			max-width: 1200px;
		}

		#pipelinepage #section4 .pipelineSection4imageContainer .pipelineHeader2 {
			font-weight: bold;
			font-size: 1.7em;
			color: #006600;
			font-style: italic;
			padding-top: 10px;
		}

		#pipelinepage #section4 .pipelineSection4imageContainer img {
			width: 100%;
		}

	#pipelinepage #section5 #pipelineClosingStatement {
		color: #006600;
		font-size: 1.7em;
		text-align: center;
		line-height: 1.5;
		padding-top: 10px;
	}

	#pipelinepage #pipelineSocialMedia {
		margin: 0 auto;
		width: 210px;
		padding: 10px;
	}

		#pipelinepage #pipelineSocialMedia img {
			height: 50px;
			padding: 0 5px
		}
	/*#endregion*/


	#pdfOverlay {
		display: none;
		z-index: 10020;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
	}

		#pdfOverlay #pdfHelp {
			position: absolute;
			top: 110px;
			right: 10px;
			width: 35%;
			max-width: 380px;
			min-width: 200px;
		}

			#pdfOverlay #pdfHelp p {
				text-align: right;
				margin-bottom: 16px;
				color: white;
				font-weight: bold;
				font-size: 11.5px;
			}

	#pdfWrapper {
		display: none;
		width: 98%;
		max-width: 1100px;
		min-width: 600px;
		height: 100%;
		margin: 0 auto;
	}

		#pdfWrapper embed {
			width: 100%;
			height: 100%;
		}

	#closePdfBtn {
		position: absolute;
		top: 50px;
		right: 10px;
	}

	.print-only {
		display: none;
	}

	.toast {
		opacity: 1 !important;
	}

	.toast-message h3,
	.toast-message ul li {
		color: white !important;
	}

	.toast-message ul li {
		margin-bottom: 16px;
	}

	/* Begin generic styles to be used on all Calculators "calcs" pages */
	.calcs #section1,
	.calcs #section2 {
		/*padding-left: 42px;*/
		position: relative;
	}

	.calcs .print-logo {
		display: none;
	}

		.calcs .print-logo img {
			width: 260px;
			display: block;
			margin: 10px auto;
		}

	.calcs .print-phone-no {
		display: none;
		text-align: center;
	}

		.calcs .print-phone-no img {
			height: 16px;
			padding-right: 6px;
		}

	.calcs #otherButtons {
		overflow: hidden;
		margin-top: 40px;
	}

		.calcs #otherButtons a {
			display: block;
			width: 100%;
			margin-bottom: 10px;
		}

	.calcs #relatedCategoriesWrapper h3 {
		font-size: 22px;
		font-weight: 600;
	}

	/* End generic styles to be used on all Calculators "calcs" pages */

	.friction-loss h3,
	.friction-loss h2 {
		text-align: center;
		color: #377c2c;
	}

	.friction-loss select,
	.friction-loss input[type="text"],
	.friction-loss input[type="select"],
	.friction-loss input[type="number"],
	.friction-loss.num {
		height: 24px; /* because we want them all to look the same */
	}

	.friction-loss .right-control {
		width: 180px;
	}

	.friction-loss .one-control {
		width: 304px;
	}

	.friction-loss .flCalculator {
		width: 98%;
		max-width: 542px;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 40px;
		position: relative;
		overflow: hidden;
	}

	.friction-loss #watermark {
		top: 150px;
		position: absolute;
		width: 520px;
		height: 514px;
		z-index: -100;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: none;
	}

		.friction-loss #watermark img {
			width: 100%;
			opacity: 0.1;
		}

	.friction-loss label,
	.friction-loss input,
	.friction-loss select,
	.friction-loss .flCalculator span,
	.friction-loss .flCalculator div {
		font-size: 14px;
	}

	.friction-loss .flCalculator label {
		display: inline-block;
		width: 140px;
		text-align: right;
		margin-right: 3px;
		padding-right: 3px;
	}

	.friction-loss .flCalculator .fluid-system-type label {
		width: 280px !important;
		text-align: left !important;
		padding-left: 4px !important;
		margin-bottom: 10px;
	}

	.friction-loss .flCalculator .fluid-system-type h4 {
		color: #377c2c;
	}

	.friction-loss .flCalculator input#OpenTank {
		position: relative;
		top: -6px;
	}

	.friction-loss .flCalculator input#OtherSupply {
		position: relative;
		top: -10px;
	}

	.friction-loss .flCalculator input.num {
		display: inline-block;
		width: 120px;
		text-align: right;
	}

	.friction-loss #RequestedFrictionLossUnits {
		width: 120px;
	}

	.friction-loss #fittingsList {
		width: 296px;
		margin: 10px auto;
	}

	.friction-loss .fittingsListLabels .fittingName {
		display: inline-block;
		width: 216px;
		text-align: center;
		margin: 0;
		padding-bottom: 3px;
	}

	.friction-loss .fittingsListLabels .fittingQty {
		display: inline-block;
		width: 50px;
		text-align: center;
		margin: 0;
		padding-bottom: 3px;
	}

	.friction-loss .fittingEntry {
		margin-bottom: 8px;
	}

		.friction-loss .fittingEntry .name {
			display: inline-block;
			width: 216px;
		}

		.friction-loss .fittingEntry .qty-span {
			width: 50px;
			text-align: right;
		}

		.friction-loss .fittingEntry .qty {
			display: inline-block;
			width: 50px;
			text-align: right;
		}

		.friction-loss .fittingEntry .delete {
			display: inline-block;
		}

	.friction-loss #validationMessage {
		border: 1px solid #EE210B;
		background-color: #FCBDB6;
		color: #3E3E3E;
		margin-top: 16px;
	}

		.friction-loss #validationMessage p {
			text-align: center;
		}

	.friction-loss #resultsWrapper {
		float: left;
		width: 534px;
	}

	.friction-loss #infoButton {
		display: inline-block;
		padding-left: 6px;
	}

		.friction-loss #infoButton span {
			font-size: 24px;
		}

	.friction-loss .img-wrapper {
		width: 100%;
		margin-top: 30px;
		position: relative;
	}

	.friction-loss #svgOverlay {
		display: block;
		position: absolute;
		width: 100%;
		z-index: 10;
	}

	.friction-loss .img-wrapper img {
		width: 100%;
		display: block;
	}

	.friction-loss #printShareButtons {
		width: 258px;
		margin: 15px auto;
	}

		.friction-loss #printShareButtons a:last-of-type {
			margin-left: 12px;
		}

	.friction-loss .p2,
	.friction-loss .p3 {
		margin-top: 20px;
		font-size: 12.5px;
		text-align: justify;
		line-height: 18px;
		width: 95%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}

	.friction-loss #pResults {
		margin-top: 20px;
	}

	.friction-loss #copyrightMsg {
		font-size: 10.5px;
		color: #3E3E3E;
		display: none;
		text-align: center;
	}

	/*.friction-loss .p2 {
	margin-top: 20px;
	font-size: 12.5px;
	text-align: justify;
}
*/

	.friction-loss .info-popup {
		position: relative;
		width: auto;
		max-width: 500px;
		background-color: white;
		padding: 40px 60px;
		margin: 0 auto;
		text-align: justify;
	}

	.pp-flow h3,
	.pp-flow h2 {
		text-align: center;
		color: #377c2c;
	}

	.pp-flow select,
	.pp-flow input[type="text"],
	.pp-flow input[type="select"],
	.pp-flow input[type="number"],
	.pp-flow.num {
		height: 24px; /* because we want them all to look the same */
	}

	.pp-flow input[type="radio"] {
		margin: 0;
	}

	.pp-flow .flCalculator {
		width: 98%;
		max-width: 520px;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}

		.pp-flow .flCalculator #watermark {
			position: absolute;
			top: -100px;
			max-width: 520px;
			z-index: -100;
			display: none;
		}

			.pp-flow .flCalculator #watermark img {
				width: 100%;
				opacity: 0.1;
			}

		.pp-flow .flCalculator select {
			width: 120px;
		}

		.pp-flow .flCalculator label.pump-type-label {
			width: 104px;
			text-align: left;
			margin: 0;
			padding: 0;
		}

		.pp-flow .flCalculator label {
			display: inline-block;
			width: 190px;
			font-size: 14.5px;
			text-align: right;
			margin-right: 3px;
			padding-right: 3px;
		}

	.pp-flow .control-group.pump-type {
		margin-top: 12px;
		margin-bottom: 20px;
	}

	.pp-flow .flCalculator input.num {
		display: inline-block;
		width: 120px;
		text-align: right;
	}

	.pp-flow .flCalculator span {
		font-size: 14.5px;
	}

	.pp-flow #validationMessage {
		border: 1px solid #EE210B;
		background-color: #FCBDB6;
		color: #3E3E3E;
		margin: 8px;
	}

		.pp-flow #validationMessage ul {
			text-align: left;
			list-style: square;
			list-style-position: inside;
		}

	.pp-flow .img-wrapper {
		width: 100%;
		margin-top: 30px;
		/*padding: 20px;
	background-color: white;*/
		position: relative;
	}

	.pp-flow #svgOverlay {
		display: block;
		position: absolute;
		width: 100%;
		z-index: 10;
	}

	.pp-flow .img-wrapper img {
		width: 100%;
		display: block;
	}

	.pp-flow #printShareButtons {
		width: 100%;
		max-width: 616px;
		margin: 15px auto;
	}

		.pp-flow #printShareButtons a {
			margin-bottom: 12px;
		}

	.pp-flow .p2 {
		margin-top: 20px;
		font-size: 12.5px;
		text-align: justify;
		line-height: 18px;
		width: 95%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}

	.pp-flow #copyrightMsg {
		font-size: 10.5px;
		color: #3E3E3E;
		display: none;
		text-align: center;
	}

	.pcs-calc h3,
	.pcs-calc h2 {
		text-align: center;
		color: #377c2c;
	}

		.pcs-calc h3:nth-of-type(n+2) {
			margin-top: 40px;
		}

	.pcs-calc select,
	.pcs-calc input[type="text"],
	.pcs-calc input[type="select"],
	.pcs-calc input[type="number"],
	.pcs-calc.num {
		height: 24px; /* because we want them all to look the same */
	}

	.pcs-calc input[type="radio"] {
		margin: 0;
	}

	.pcs-calc .flCalculator {
		width: 98%;
		max-width: 520px;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}

	.pcs-calc p {
		text-align: center;
	}

	.pcs-calc .flCalculator #watermark {
		position: absolute;
		top: -100px;
		max-width: 520px;
		z-index: -100;
		display: none;
	}

		.pcs-calc .flCalculator #watermark img {
			width: 100%;
			opacity: 0.1;
		}

	.pcs-calc .flCalculator select {
		width: 120px;
	}

	.pcs-calc .flCalculator label.pump-type-label {
		width: 104px;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	.pcs-calc .flCalculator label {
		display: inline-block;
		font-size: 14.5px;
		text-align: right;
		margin-right: 3px;
		padding-right: 3px;
	}

	.pcs-calc .control-group.pump-type {
		margin-top: 12px;
		margin-bottom: 20px;
	}

	.pcs-calc .flCalculator input.num {
		display: inline-block;
		width: 120px;
		text-align: right;
	}

	.pcs-calc .flCalculator span {
		font-size: 14.5px;
	}

	.pcs-calc #fluidChooser {
		width: 200px !important;
	}

	.pcs-calc #validationMessage {
		border: 1px solid #EE210B;
		background-color: #FCBDB6;
		color: #3E3E3E;
		margin: 8px;
	}

		.pcs-calc #validationMessage ul {
			text-align: left;
			list-style: square;
			padding-right: 12px;
			padding-left: 12px;
			list-style-position: inside;
		}

	.pcs-calc .img-wrapper {
		width: 100%;
		margin-top: 30px;
		/*padding: 20px;
	background-color: white;*/
		position: relative;
	}

	.pcs-calc #svgOverlay {
		display: block;
		position: absolute;
		width: 100%;
		z-index: 10;
	}

	.pcs-calc .img-wrapper img {
		width: 100%;
		display: block;
	}

	.pcs-calc #section3 .flCalculator {
		padding: 10px 30px 20px 20px;
		background-color: white;
		width: 100%;
		max-width: 720px;
	}

	.pcs-calc #printShareButtons {
		width: 260px;
		margin: 15px auto;
	}

		.pcs-calc #printShareButtons a {
			margin-bottom: 12px;
		}

	.pcs-calc #otherButtons {
		width: 100%;
		max-width: 800px;
		margin: 15px auto;
	}

		.pcs-calc #otherButtons a {
			margin-bottom: 12px;
		}

	.pcs-calc .p2 {
		margin-top: 20px;
		font-size: 12.5px;
		text-align: justify;
		line-height: 18px;
		width: 95%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}

	.pcs-calc #copyrightMsg {
		font-size: 10.5px;
		color: #3E3E3E;
		display: none;
		text-align: center;
	}



	.ppmp-calc h3,
	.ppmp-calc h2 {
		text-align: center;
		color: #377c2c;
	}

	.ppmp-calc #section3 h2 {
		margin-bottom: 20px;
	}

	.ppmp-calc h3:nth-of-type(n+2) {
		margin-top: 40px;
	}

	.ppmp-calc select,
	.ppmp-calc input[type="text"],
	.ppmp-calc input[type="select"],
	.ppmp-calc input[type="number"],
	.ppmp-calc.num {
		height: 24px; /* because we want them all to look the same */
	}

	.ppmp-calc input[type="radio"] {
		margin: 0;
	}

	.ppmp-calc .flCalculator {
		width: 98%;
		max-width: 520px;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}

	.ppmp-calc p {
		text-align: center;
	}

	.ppmp-calc .flCalculator #watermark {
		position: absolute;
		top: -100px;
		max-width: 520px;
		z-index: -100;
		display: none;
	}

		.ppmp-calc .flCalculator #watermark img {
			width: 100%;
			opacity: 0.1;
		}

	.ppmp-calc .flCalculator select {
		width: 120px;
	}

	.ppmp-calc .flCalculator label.pump-type-label {
		width: 104px;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	.ppmp-calc .flCalculator label {
		display: inline-block;
		font-size: 14.5px;
		text-align: right;
		margin-right: 3px;
		padding-right: 3px;
	}

	.ppmp-calc .control-group.pump-type {
		margin-top: 12px;
		margin-bottom: 20px;
	}

	.ppmp-calc .flCalculator input.num {
		display: inline-block;
		width: 120px;
		text-align: right;
	}

	.ppmp-calc .flCalculator span {
		font-size: 14.5px;
	}

	.ppmp-calc #fluidChooser {
		width: 200px !important;
	}

	.ppmp-calc #validationMessage {
		border: 1px solid #EE210B;
		background-color: #FCBDB6;
		color: #3E3E3E;
		margin: 8px;
	}

		.ppmp-calc #validationMessage ul {
			text-align: left;
			list-style: square;
			padding-right: 12px;
			padding-left: 12px;
			list-style-position: inside;
		}

	.ppmp-calc .img-wrapper {
		width: 100%;
		margin-top: 30px;
		/*padding: 20px;
	background-color: white;*/
		position: relative;
	}

	.ppmp-calc #svgOverlay {
		display: block;
		position: absolute;
		width: 100%;
		z-index: 10;
	}

	.ppmp-calc .img-wrapper img {
		width: 100%;
		display: block;
	}

	.ppmp-calc #section3 .flCalculator {
		padding: 10px 30px 20px 20px;
		background-color: white;
		width: 100%;
		max-width: 720px;
	}

	.ppmp-calc #printShareButtons {
		width: 260px;
		margin: 15px auto;
	}

		.ppmp-calc #printShareButtons a {
			margin-bottom: 12px;
		}

	.ppmp-calc #otherButtons {
		width: 100%;
		max-width: 800px;
		margin: 15px auto;
	}

		.ppmp-calc #otherButtons a {
			margin-bottom: 12px;
		}

	.ppmp-calc .p2 {
		margin-top: 20px;
		font-size: 12.5px;
		text-align: justify;
		line-height: 18px;
		width: 95%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}

	.ppmp-calc #copyrightMsg {
		font-size: 10.5px;
		color: #3E3E3E;
		display: none;
		text-align: center;
	}



	.rl-calc h3,
	.rl-calc h2 {
		text-align: center;
		color: #377c2c;
	}

	.rl-calc #section3 h2 {
		margin-bottom: 10px;
	}

	.rl-calc h3:nth-of-type(n+2) {
		margin-top: 40px;
	}

	.rl-calc select,
	.rl-calc input[type="text"],
	.rl-calc input[type="select"],
	.rl-calc input[type="number"],
	.rl-calc.num {
		height: 24px; /* because we want them all to look the same */
	}

	.rl-calc input[type="radio"] {
		margin: 0;
	}

	.rl-calc .flCalculator {
		width: 98%;
		max-width: 520px;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}

	.rl-calc p {
		text-align: center;
	}

	.rl-calc .flCalculator #watermark {
		position: absolute;
		top: -100px;
		max-width: 520px;
		z-index: -100;
		display: none;
	}

		.rl-calc .flCalculator #watermark img {
			width: 100%;
			opacity: 0.1;
		}

	.rl-calc .flCalculator select {
		width: 120px;
	}

	.rl-calc .flCalculator label.pump-type-label {
		width: 104px;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	.rl-calc .flCalculator label {
		display: inline-block;
		font-size: 14.5px;
		text-align: right;
		margin-right: 3px;
		padding-right: 3px;
	}

	.rl-calc .control-group.pump-type {
		margin-top: 12px;
		margin-bottom: 20px;
	}

	.rl-calc .flCalculator input.num {
		display: inline-block;
		width: 120px;
		text-align: right;
	}

	.rl-calc .flCalculator span {
		font-size: 14.5px;
	}

	.rl-calc #fluidChooser {
		width: 200px !important;
	}

	.rl-calc #validationMessage {
		border: 1px solid #EE210B;
		background-color: #FCBDB6;
		color: #3E3E3E;
		margin: 8px;
	}

		.rl-calc #validationMessage ul {
			text-align: left;
			list-style: square;
			padding-right: 12px;
			padding-left: 12px;
			list-style-position: inside;
		}

	.rl-calc .img-wrapper {
		width: 100%;
		margin-top: 30px;
		position: relative;
	}

	.rl-calc #svgOverlay {
		display: block;
		position: absolute;
		width: 100%;
		z-index: 10;
	}

	.rl-calc .img-wrapper img {
		width: 100%;
		display: block;
	}

	.rl-calc #section3 .flCalculator {
		padding: 10px 30px 20px 20px;
		background-color: white;
		width: 100%;
		max-width: 720px;
	}

	.rl-calc #printShareButtons {
		width: 260px;
		margin: 15px auto;
	}

		.rl-calc #printShareButtons a {
			margin-bottom: 12px;
		}

	.rl-calc #otherButtons {
		width: 100%;
		max-width: 800px;
		margin: 15px auto;
	}

		.rl-calc #otherButtons a {
			margin-bottom: 12px;
		}

	.rl-calc .p2 {
		margin-top: 20px;
		font-size: 12.5px;
		text-align: justify;
		line-height: 18px;
		width: 95%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}

	.rl-calc #copyrightMsg {
		font-size: 10.5px;
		color: #3E3E3E;
		display: none;
		text-align: center;
	}



	.tpr-calc h3,
	.tpr-calc h2 {
		text-align: center;
		color: #377c2c;
	}

		.tpr-calc h3:nth-of-type(n+2) {
			margin-top: 40px;
		}

	.tpr-calc select,
	.tpr-calc input[type="text"],
	.tpr-calc input[type="select"],
	.tpr-calc input[type="number"],
	.tpr-calc.num {
		height: 24px; /* because we want them all to look the same */
	}

	.tpr-calc input[type="radio"] {
		margin: 0;
	}

	.tpr-calc .flCalculator {
		width: 98%;
		max-width: 520px;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}

	.tpr-calc p {
		text-align: center;
	}

	.tpr-calc .flCalculator #watermark {
		position: absolute;
		top: -100px;
		max-width: 520px;
		z-index: -100;
		display: none;
	}

		.tpr-calc .flCalculator #watermark img {
			width: 100%;
			opacity: 0.1;
		}

	.tpr-calc .flCalculator select {
		width: 120px;
	}

	.tpr-calc .flCalculator label {
		display: inline-block;
		font-size: 14.5px;
		text-align: right;
		margin-right: 3px;
		padding-right: 3px;
	}

	.tpr-calc .control-group.pump-type {
		margin-top: 12px;
		margin-bottom: 20px;
	}

	.tpr-calc .flCalculator input.num {
		display: inline-block;
		width: 120px;
		text-align: right;
	}

	.tpr-calc .flCalculator span {
		font-size: 14.5px;
	}

	.tpr-calc #section2 .flCalculator .control-groups-block {
		margin-left: 0px;
	}

	.tpr-calc #fluidChooser {
		width: 200px !important;
	}

	.tpr-calc #validationMessage {
		border: 1px solid #EE210B;
		background-color: #FCBDB6;
		color: #3E3E3E;
		margin: 8px;
	}

		.tpr-calc #validationMessage ul {
			text-align: left;
			list-style: square;
			padding-right: 12px;
			padding-left: 12px;
			list-style-position: inside;
		}

	.tpr-calc .img-wrapper {
		width: 100%;
		margin-top: 30px;
		position: relative;
	}

	.tpr-calc #svgOverlay {
		display: block;
		position: absolute;
		width: 100%;
		z-index: 10;
	}

	.tpr-calc .img-wrapper img {
		width: 100%;
		display: block;
	}

	.tpr-calc #section3 .flCalculator {
		padding: 10px 30px 20px 20px;
		background-color: white;
		width: 100%;
		max-width: 720px;
	}

	.tpr-calc #printShareButtons {
		width: 220px;
		margin: 15px auto;
	}

		.tpr-calc #printShareButtons a {
			margin-bottom: 12px;
		}

	.tpr-calc #otherButtons {
		width: 100%;
		max-width: 800px;
		margin: 15px auto;
	}

		.tpr-calc #otherButtons a {
			margin-bottom: 12px;
		}

	.tpr-calc .p2 {
		margin-top: 20px;
		font-size: 12.5px;
		text-align: justify;
		line-height: 18px;
		width: 95%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}

	.tpr-calc #copyrightMsg {
		font-size: 10.5px;
		color: #3E3E3E;
		display: none;
		text-align: center;
	}

	.vap-calc h3,
	.vap-calc h2 {
		text-align: center;
		color: #377c2c;
	}

		.vap-calc h3:nth-of-type(n+2) {
			margin-top: 40px;
		}

	.vap-calc select,
	.vap-calc input[type="text"],
	.vap-calc input[type="select"],
	.vap-calc input[type="number"],
	.vap-calc.num {
		height: 24px; /* because we want them all to look the same */
	}

	.vap-calc input[type="radio"] {
		margin: 0;
	}

	.vap-calc .flCalculator {
		width: 98%;
		max-width: 520px;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}

	.vap-calc p {
		text-align: center;
	}

	.vap-calc .flCalculator #watermark {
		position: absolute;
		top: -100px;
		max-width: 520px;
		z-index: -100;
		display: none;
	}

		.vap-calc .flCalculator #watermark img {
			width: 100%;
			opacity: 0.1;
		}

	.vap-calc .flCalculator select {
		width: 120px;
	}

	.vap-calc .flCalculator label.current-type-label {
		width: 40px;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	.vap-calc .flCalculator label {
		display: inline-block;
		font-size: 14.5px;
		text-align: right;
		margin-right: 3px;
		padding-right: 3px;
	}

	.vap-calc .control-group.pump-type {
		margin-top: 12px;
		margin-bottom: 20px;
	}

	.vap-calc .flCalculator input.num {
		display: inline-block;
		width: 120px;
		text-align: right;
	}

	.vap-calc .flCalculator span {
		font-size: 14.5px;
	}

	.vap-calc #section2 .flCalculator .control-groups-block {
		margin: 0 auto;
	}

	.vap-calc #fluidChooser {
		width: 200px !important;
	}

	.vap-calc #validationMessage {
		border: 1px solid #EE210B;
		background-color: #FCBDB6;
		color: #3E3E3E;
		margin: 8px;
	}

		.vap-calc #validationMessage ul {
			text-align: left;
			list-style: square;
			padding-right: 12px;
			padding-left: 12px;
			list-style-position: inside;
		}

	.vap-calc .img-wrapper {
		width: 100%;
		margin-top: 30px;
		/*padding: 20px;
	background-color: white;*/
		position: relative;
	}

	.vap-calc #svgOverlay {
		display: block;
		position: absolute;
		width: 100%;
		z-index: 10;
	}

	.vap-calc .img-wrapper img {
		width: 100%;
		display: block;
	}

	.vap-calc #section3 .flCalculator {
		padding: 10px 30px 20px 20px;
		background-color: white;
		width: 100%;
		max-width: 720px;
	}

	.vap-calc #printShareButtons {
		width: 220px;
		margin: 15px auto;
	}

		.vap-calc #printShareButtons a {
			margin-bottom: 12px;
		}

	.vap-calc #otherButtons {
		width: 100%;
		max-width: 800px;
		margin: 15px auto;
	}

		.vap-calc #otherButtons a {
			margin-bottom: 12px;
		}

	.vap-calc .p2 {
		margin-top: 20px;
		font-size: 12.5px;
		text-align: justify;
		line-height: 18px;
		width: 95%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}

	.vap-calc #copyrightMsg {
		font-size: 10.5px;
		color: #3E3E3E;
		display: none;
		text-align: center;
	}



	.calculators .p2 {
		margin-top: 20px;
		font-size: 12.5px;
		text-align: justify;
		line-height: 18px;
		width: 95%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}

	.calculators #items {
		margin-bottom: 40px;
		overflow: hidden;
	}

		.calculators #items .item-wrapper {
			display: block;
			width: 90%;
			height: 330px;
			max-width: 320px;
			min-width: 240px;
			margin: 40px auto 0 auto;
			border: 1px solid #bec0c2;
			overflow: hidden;
			position: relative;
			background-color: #EFEFEF;
		}

			.calculators #items .item-wrapper h3 {
				text-align: center;
				color: #377c2c;
				background-color: #377c2c;
				color: white;
				margin: 0;
				padding: 10px 20px;
				height: 74px;
				line-height: 1.2em;
			}

			.calculators #items .item-wrapper img {
				display: block;
				width: 80%;
				margin: 16px auto 0 auto;
			}

			.calculators #items .item-wrapper:hover .slideup,
			.calculators #items .item-wrapper:target .slideup,
			.calculators #items .item-wrapper:active .slideup {
				height: 100%;
			}

			.calculators #items .item-wrapper .slideup {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: rgba(0, 51, 0, 0.87);
				color: white;
				overflow: hidden;
				width: 100%;
				height: 0;
				transition: all 0.3s ease;
			}

				.calculators #items .item-wrapper .slideup p {
					color: white;
				}

		.calculators #items div.btn {
			width: 100%;
			max-width: 180px;
		}

	.calculators .new-label-wrapper {
		position: absolute;
		left: 0;
		top: 0;
		width: 80px;
		height: 80px;
		overflow: hidden;
	}

	.calculators .new-label {
		position: absolute;
		top: -30px;
		height: 140px;
		left: -10px;
		width: 40%;
		background-color: white;
		/*-webkit-transform:skewX(-40deg);
	transform:skewX(-40deg);*/
		transform: rotate(40deg);
	}

		.calculators .new-label p {
			color: white;
			transform: rotate(-90deg);
			text-align: center;
			margin-top: 34px;
			color: #377c2c;
		}



@media (min-width: 533px) {
	.friction-loss .fluid-system-type, .friction-loss .supply-pressure {
			padding-left: 146px;
		}
	}

	@media (max-width: 532px) {
		.friction-loss.npsh.not-printing .labels-inline label {
			display: block;
			text-align: left;
			padding-bottom: 4px;
		}

		.pp-flow.not-printing .labels-inline label {
			display: block;
			text-align: left;
			padding-bottom: 4px;
		}

		.pp-flow.not-printing .control-group {
			margin-bottom: 30px;
			width: 100%;
			min-width: 240px;
			margin-right: auto;
			margin-left: auto;
			overflow: hidden;
		}

		.pp-flow.not-printing .pump-type-label {
			float: left;
			margin-left: 4px !important;
			margin-top: 6px !important;
		}

		.pp-flow.not-printing input[type="radio"] {
			float: left;
			clear: both;
			margin-top: 6px;
		}

		.pp-flow #resultsWrapper {
			width: 98%;
			min-width: 340px;
		}

		footer #newsLetterButtonWrapper a {
			display: block;
			white-space: normal;
			width: 95%;
			max-width: 200px;
		}
	}

	/* max-width because the cacluators pages don't use mobile-first strategy */
	@media (max-width: 472px) {
		.friction-loss.not-printing .labels-inline label {
			display: block;
			text-align: left;
			padding-bottom: 4px;
		}

		.friction-loss.not-printing .control-group {
			margin-bottom: 30px;
			width: 100%;
			min-width: 240px;
			margin-right: auto;
			margin-left: auto;
		}

		.friction-loss #resultsWrapper {
			width: 98%;
			min-width: 340px;
		}
	}

	@media print {
		html, body {
			height: 99%;
		}

		.calcs #section3.greylight.section-border {
			display: none;
		}

		.calcs select.print-underline {
			border-bottom: 1px solid black !important;
		}

		.calcs span.print-only {
			display: inline-block;
		}

			.calcs span.print-only.input {
				border-bottom: 1px solid black;
				text-align: right;
				padding: 1px 8px 1px 0;
				height: 20px;
				overflow: hidden;
				vertical-align: bottom;
			}

		.calcs .flCalculator {
			border: none;
			margin-bottom: 0;
			margin-top: 0;
		}

		.calcs a {
			color: black;
		}

		.calcs #watermark {
			display: block;
		}

		.calcs header,
		.calcs #navbar,
		.calcs #top-slideshow,
		.calcs .breadcrumb-wrapper,
		.calcs footer {
			display: none;
		}

		.calcs input {
			background-color: transparent;
			border-top: none;
			border-right: none;
			border-left: none;
			border-bottom: 1px solid black;
		}

		.calcs select {
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 1px;
			text-overflow: '';
		}

		.calcs .print-logo {
			display: block;
		}

		.calcs .print-phone-no {
			display: block;
			text-align: center;
		}

		.calcs .btn-primary,
		.calcs a.btn-primary,
		.calcs .btn-block {
			display: none !important;
		}

		.calcs #section1,
		.calcs #section2,
		.calcs #section3,
		.calcs #section4 {
			background-color: transparent;
		}


		.friction-loss .qty-span {
			text-align: center !important;
			width: 50px !important;
			display: inline-block !important;
			border-bottom: 1px solid black !important;
			padding-bottom: 5px;
		}

		.friction-loss .flCalculator input.num,
		.friction-loss .flCalculator input.qty {
			display: none;
		}

		.friction-loss select {
			background-color: transparent;
			border: none;
			border-radius: 0;
		}

		.friction-loss .print-only.select {
			border: none;
			text-align: left;
			padding: 0;
			height: 20px;
		}

		.friction-loss .flCalculator {
			margin-bottom: 0;
		}

		.friction-loss .img-wrapper {
			display: none;
		}

		.friction-loss select::-ms-expand {
			display: none;
		}

		.friction-loss .fittingsListWrapper {
			padding-left: 70px;
		}

		.friction-loss #printShareButtons {
			display: none;
		}

		.friction-loss #infoButton {
			display: none;
		}

		.friction-loss .p1 {
			display: none;
		}

		.friction-loss .fluid-system-type,
		.friction-loss .supply-pressure {
			padding-left: 146px;
		}

		.friction-loss #copyrightMsg {
			display: block;
			margin-top: 15px;
		}

		.pp-flow h1 {
			margin-top: 0;
			margin-bottom: 0;
		}

		.pp-flow h2.mb20 {
			margin-bottom: 5px !important;
			margin-top: 5px;
		}

		.pp-flow h3 {
			margin-top: 8px;
			margin-bottom: 0;
		}

		.pp-flow .control-group.pump-type {
			margin-top: 5px;
			margin-bottom: 5px;
		}

		.pp-flow .qty-span {
			text-align: center !important;
			width: 50px !important;
			display: inline-block !important;
			border-bottom: 1px solid black !important;
			padding-bottom: 5px;
		}

		.pp-flow .flCalculator {
			border: none;
			margin-bottom: 0;
			margin-top: 0;
		}

			.pp-flow .flCalculator input.num,
			.pp-flow .flCalculator input.qty {
				display: none;
			}

		.pp-flow select {
			background-color: transparent;
			border: none;
			border-radius: 0;
		}

		.pp-flow .print-only.select {
			border: none;
			text-align: left;
			padding: 0;
			height: 20px;
		}

		.pp-flow select.print-underline {
			border-bottom: 1px solid black !important;
		}

		.pp-flow select {
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 1px;
			text-overflow: '';
		}

			.pp-flow select::-ms-expand {
				display: none;
			}

		.pp-flow .fittingsListWrapper {
			padding-left: 70px;
		}

		.pp-flow #printShareButtons {
			display: none;
		}

		.pp-flow .p1 {
			display: none;
		}

		.pp-flow .img-wrapper {
			margin-top: 8px;
		}

		.pp-flow #section1,
		.pp-flow #section2 {
			background-color: transparent;
		}

		.pp-flow #copyrightMsg {
			display: block;
			margin-top: 15px;
		}


		.pcs-calc h1 {
			margin-top: 0;
			margin-bottom: 0;
		}

		.pcs-calc h2.mb20 {
			margin-bottom: 5px !important;
			margin-top: 5px;
		}

		.pcs-calc h3 {
			margin-top: 8px;
			margin-bottom: 0;
		}

		.pcs-calc #section3 {
			margin-top: 280px;
		}

		.pcs-calc .flCalculator input.num,
		.pcs-calc .flCalculator input.qty {
			display: none;
		}

		.pcs-calc select {
			background-color: transparent;
			border: none;
			border-radius: 0;
		}

		.pcs-calc .print-only.select {
			border: none;
			text-align: left;
			padding: 0;
			height: 20px;
		}

		.pcs-calc select {
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 1px;
			text-overflow: '';
		}

			.pcs-calc select::-ms-expand {
				display: none;
			}

		.pcs-calc #printShareButtons {
			display: none;
		}

		.pcs-calc .p1 {
			display: none;
		}

		.pcs-calc .img-wrapper {
			margin-top: 8px;
		}



		.pcs-calc #section5 {
			display: none;
		}

		.pcs-calc #copyrightMsg {
			display: block;
			margin-top: 15px;
		}





		.ppmp-calc h1 {
			margin-top: 0;
			margin-bottom: 0;
		}

		.ppmp-calc h2.mb20 {
			margin-bottom: 5px !important;
			margin-top: 5px;
		}

		.ppmp-calc h1 {
			font-size: 24px;
		}

		.ppmp-calc h2 {
			font-size: 18px;
			margin-top: 30px;
			margin-bottom: 0;
		}

		.ppmp-calc h3 {
			margin-top: 8px;
			margin-bottom: 0;
		}

		.ppmp-calc #section3 .flCalculator {
			padding-top: 0;
		}

		.ppmp-calc .flCalculator h4 {
			display: none;
		}

		.ppmp-calc .flCalculator input.num {
			display: none;
		}

		.ppmp-calc select {
			background-color: transparent;
			border: none;
			border-radius: 0;
		}

		.ppmp-calc .print-only.select {
			border: none;
			text-align: left;
			padding: 0;
			height: 20px;
		}

		.ppmp-calc select {
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 1px;
			text-overflow: '';
		}

			.ppmp-calc select::-ms-expand {
				display: none;
			}

		.ppmp-calc #printShareButtons {
			display: none;
		}

		.ppmp-calc .p1 {
			display: none;
		}

		.ppmp-calc .img-wrapper {
			margin-top: 8px;
		}

		.ppmp-calc #section5 {
			display: none;
		}

		.ppmp-calc #copyrightMsg {
			display: block;
			margin-top: 15px;
		}




		.rl-calc h1 {
			margin-top: 0;
			margin-bottom: 0;
		}

		.rl-calc h2.mb20 {
			margin-bottom: 5px !important;
			margin-top: 5px;
		}

		.rl-calc h1 {
			font-size: 24px;
		}

		.rl-calc h2 {
			font-size: 18px;
			margin-top: 30px;
			margin-bottom: 0;
		}

		.rl-calc h3 {
			margin-top: 8px;
			margin-bottom: 0;
		}

		.rl-calc #section3 .flCalculator {
			padding-top: 0;
		}

		.rl-calc .flCalculator h4 {
			display: none;
		}

		.rl-calc .flCalculator input.num {
			display: none;
		}

		.rl-calc select {
			background-color: transparent;
			border: none;
			border-radius: 0;
		}

		.rl-calc .print-only.select {
			border: none;
			text-align: left;
			padding: 0;
			height: 20px;
		}

		.rl-calc select {
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 1px;
			text-overflow: '';
		}

			.rl-calc select::-ms-expand {
				display: none;
			}

		.rl-calc #printShareButtons {
			display: none;
		}

		.rl-calc .p1 {
			display: none;
		}

		.rl-calc .img-wrapper {
			margin-top: 8px;
		}

		.rl-calc #section5 {
			display: none;
		}

		.rl-calc #copyrightMsg {
			display: block;
			margin-top: 15px;
		}



		.tpr-calc h1 {
			margin-top: 0;
			margin-bottom: 0;
		}

		.tpr-calc h2.mb20 {
			margin-bottom: 5px !important;
			margin-top: 5px;
		}

		.tpr-calc h1 {
			font-size: 24px;
		}

		.tpr-calc h2 {
			font-size: 18px;
			margin-top: 30px;
			margin-bottom: 0;
		}

		.tpr-calc h3 {
			margin-top: 8px;
			margin-bottom: 0;
		}

		.tpr-calc #section3 .flCalculator {
			padding-top: 0;
		}

		.tpr-calc .flCalculator h4 {
			display: none;
		}

		.tpr-calc .flCalculator input.num {
			display: none;
		}

		.tpr-calc select {
			background-color: transparent;
			border: none;
			border-radius: 0;
		}

		.tpr-calc .print-only.select {
			border: none;
			text-align: left;
			padding: 0;
			height: 20px;
		}

		.tpr-calc select {
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 1px;
			text-overflow: '';
		}

			.tpr-calc select::-ms-expand {
				display: none;
			}

		.tpr-calc #printShareButtons {
			display: none;
		}

		.tpr-calc .p1 {
			display: none;
		}

		.tpr-calc .img-wrapper {
			margin-top: 8px;
		}

		.tpr-calc #section5 {
			display: none;
		}

		.tpr-calc #copyrightMsg {
			display: block;
			margin-top: 15px;
		}


		.vap-calc h1 {
			margin-top: 0;
			margin-bottom: 0;
		}

		.vap-calc h2.mb20 {
			margin-bottom: 5px !important;
			margin-top: 5px;
		}

		.vap-calc h1 {
			font-size: 24px;
		}

		.vap-calc h2 {
			font-size: 18px;
			margin-top: 30px;
			margin-bottom: 0;
		}

		.vap-calc h3 {
			margin-top: 8px;
			margin-bottom: 0;
		}

		.vap-calc #section3 .flCalculator {
			padding-top: 0;
		}

		.vap-calc .flCalculator h4 {
			display: none;
		}

		.vap-calc .flCalculator input.num {
			display: none;
		}

		.vap-calc select {
			background-color: transparent;
			border: none;
			border-radius: 0;
		}

		.vap-calc .print-only.select {
			border: none;
			text-align: left;
			padding: 0;
			height: 20px;
		}

		.vap-calc select {
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 1px;
			text-overflow: '';
		}

			.vap-calc select::-ms-expand {
				display: none;
			}

		.vap-calc #printShareButtons {
			display: none;
		}

		.vap-calc .p1 {
			display: none;
		}

		.vap-calc .img-wrapper {
			margin-top: 8px;
		}

		.vap-calc #section5 {
			display: none;
		}

		.vap-calc #copyrightMsg {
			display: block;
			margin-top: 15px;
		}

		.scrollup {
			display: none !important;
		}

		#ucPluginWrapper, #ucOpenButton, #ucPluginOpenWrapper {
			display: none !important;
		}

		.at-share-dock-outer, .addthis-smartlayers, .addthis-smartlayers-mobile {
			display: none !important;
		}
	}

	/*#region @media 400 */
	@media (min-width: 400px) {
		#inventorysearch #invTable .spec1 {
			display: block;
		}

		#inventorysearch #invTable .item-detail-wrapper {
			width: calc(100% - 94px);
		}
	}
	/*#endregion*/

	/*#region @media 480 */
	@media (min-width: 480px) {
		.offwhite-xs {
			background: #efefef;
		}

		.greylight-xs {
			background: #e4e4e4;
		}

		.section-border-xs {
			border-top: 3px solid #CCC;
		}

		.section-border-xs-none {
			border-top: none;
		}

		#inventorysearch #invTable .item-detail-wrapper {
			width: calc(100% - 150px);
		}

		#inventorysearch #invTable .spec2 {
			display: block;
		}

		#relatedCategoriesWrapper li a.top-text {
			font-size: 14px;
		}

		.calcs #otherButtons a:first-of-type {
			float: left;
			width: 49%;
		}

		.calcs #otherButtons a:last-of-type {
			float: right;
			width: 49%;
		}
	}
	/*#endregion */



	/*#region @media 540 */
	@media (min-width: 540px) {
		#inventorysearch #invTable .item-detail-wrapper {
			width: calc(100% - 206px);
		}

		#inventorysearch #invTable .spec3 {
			display: block;
		}

		#inventoryitempage #topImage img {
			max-width: 540px;
		}
	}
	/*#endregion */

	/*#region @media 600 */
	@media (min-width: 600px) {
		.offwhite-sm {
			background: #efefef;
		}

		.greylight-sm {
			background: #e4e4e4;
		}

		.section-border-sm {
			border-top: 3px solid #CCC;
		}

		.section-border-sm-none {
			border-top: none;
		}

		.section-inner-wrapper {
			padding: 30px 20px;
		}

		/*#header-right .icon img {
        width: 100%;
    }*/

		.pageheading p {
			margin: 16px 5%;
		}

		.calcs #section1, .calcs #section2 {
			padding-left: 0;
			padding-right: 0;
		}

		#home-four-icons {
			padding: 0px 0 10px 0;
		}

			#home-four-icons .icon {
				width: 70px;
				height: 70px;
				margin: 0 5%;
			}

				#home-four-icons .icon img {
					margin-top: 10px;
					height: 46px;
				}

			#home-four-icons .icon {
				margin: 10px 5%;
			}

			#home-four-icons h5 {
				font-weight: 600;
				margin-top: 10px;
				left: -25px;
				width: 120px;
				font-size: 12px;
			}

		#homepage #three-circles .home-circle a {
			font-size: 14px;
		}

		#footer-contact h3 a {
			font-size: 28px;
		}

		#footer-links h3 {
			font-size: 28px;
		}

		#footer-phone-address {
			float: left;
			width: 50%;
		}

		#footer-map {
			width: 100%;
			float: right;
			clear: none;
			max-width: 200px;
			margin: 0;
			padding: 0;
			margin-right: 20px;
		}

		footer #footer-section1 {
			padding: 20px 0px;
		}

		footer .credits #copyright {
			text-align: left;
		}

		footer .credits .village-media-link {
			float: right;
			text-align: right;
			padding-top: 0px;
		}

		#inventorysearch #invTable .item-detail-wrapper {
			width: calc(100% - 262px);
		}

		#inventorysearch #invTable .spec4,
		#inventorysearch #invTable .spec5 {
			display: block;
		}

		#relatedCategoriesWrapper li a.top-text {
			font-size: 16px;
		}

		#servicespage .items .item {
			padding-right: 30px;
		}

		#servicespage .items img {
			width: 70%;
			max-width: 220px;
			margin-top: 10px;
		}

		#servicespage .items h2 {
			text-align: left;
			border-bottom: 3px solid #CCC;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}

		#servicespage .items p a {
			margin: 10px 0;
		}

		#productspage .items .item {
			padding: 10px 30px 30px 60px;
		}

		#productspage .items img {
			width: 70%;
			max-width: 220px;
			margin-top: 10px;
		}

		#productspage .items h2 {
			text-align: left;
			border-bottom: 3px solid #CCC;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}

		#productspage .items p a {
			margin: 10px 0;
		}

		#productspartspage #section1 img {
			float: right;
			width: 50%;
			max-width: 400px;
			margin: 20px 0 20px 20px;
		}

		#productspartspage #section4 {
			text-align: center;
		}

			#productspartspage #section4 img {
				display: inline-block;
				width: 49%;
				max-width: 600px;
			}

		#contactpage .items a.btn {
			width: 50%;
			max-width: 360px;
		}

		#servicespackagingpage #section2 img {
			margin-top: 24px;
		}

		#servicespackagingpage #section2 ul {
			margin-top: 20px;
			margin-left: 0;
		}

		#servicespackagingpage #section1 img {
			width: 60%;
			max-width: 320px;
		}

		#rebuildingpage img {
			padding-bottom: 0px;
		}

		#rebuildingpage #section1 img {
			max-width: 40%;
			margin-left: 3%;
			float: right;
		}

		#testingpage img {
			padding-bottom: 0px;
		}

		#testingpage #section1 img {
			max-width: 40%;
			margin-right: 3%;
			float: left;
		}

		#testingpage #section2 img {
			max-width: 69%;
			float: right;
		}

		#testingpage #section2 ul.stdlist {
			float: left;
			margin-top: 20px;
			max-width: 29%;
		}

		#testingpage #section3 img {
			float: left;
			width: 32.32%;
			margin-left: 1%;
		}

			#testingpage #section3 img:first-child {
				margin-left: 0;
			}

		#mudpumpmanufacturers .mpmheadbox p {

		}

		.sitemap-columns {
			-webkit-column-count: 2;
			-webkit-column-gap: 30px;
			-moz-column-count: 2;
			-moz-column-gap: 30px;
			column-count: 2;
			column-gap: 30px;
		}


		#servicesrentalpage #section1 img {
			float: left;
			width: 50%;
			max-width: 450px;
			margin-right: 3%;
			margin-bottom: 3%;
		}

		#servicesrentalpage #section2 img {
			float: right;
			width: 46%;
			margin: 3% 0 3% 2%;
			max-width: 500px;
		}

		#servicesrentalpage #section2 ul.stdlist {
			float: left;
			width: 46%;
			margin: 3% 0 3% 0;
		}

		#teampage .teammember .team-img-filler {
			width: 49%;
			float: left;
			margin-top: 14px;
		}

		#teampage .teammember img {
			width: 49%;
			float: left;
			margin-top: 14px;
		}

		#teampage .teammember .member-info {
			width: 49%;
			float: left;
			padding: 0 20px 20px 20px;
		}


		#contactpage .items .item {
			display: inline-block;
			width: 20%;
			margin: 0 2% 5% 2%;
		}

		#equipmentlocatingpage #section1 ul {
			float: left;
			width: 50%;
		}

		#equipmentlocatingpage #section1 img {
			width: 50%;
			float: right;
			max-width: 500px;
		}

		#aplexpumps .items {
			padding: 10px;
			margin: 10px;
			-webkit-column-count: 2;
			-webkit-column-gap: 20px;
			-moz-column-count: 2;
			-moz-column-gap: 20px;
			column-count: 2;
			column-gap: 20px;
		}

		#waterinjectionpumppackages #descriptions .description img {
			float: left;
			margin-right: 3%;
			width: 300px;
		}

		#waterinjectionpumppackages #descriptions .description a {
			float: left;
		}

		#casestudypage #section1 #img1 {
			margin: 0px 0 10px 10px;
			float: right;
		}

		#casestudypage #section1 #img2 {
			margin: 0px 10px 10px 0px;
			float: left;
		}

		#casestudypage #section1 #img3 {
			margin: 0px 0px 10px 10px;
			float: right;
		}

		#casestudypage #section2 .pic2 {
			margin-top: 40px;
		}

		#engineeringpage #section1 img {
			float: left;
			width: 40%;
			max-width: 400px;
			margin-right: 3%;
			margin-bottom: 2%;
		}

		#resourcespage #section1 a {
			width: 80%;
			max-width: 480px;
			min-width: 400px;
			margin: 0 auto 8px auto;
		}

		#frictionstarterpage #section1 img {
			width: 40%;
			margin-left: 20px;
			float: right;
		}

		.flex-control-paging li a {
			width: 14px;
			height: 14px;
			margin: 0 4px;
			-webkit-border-radius: 14px;
			-moz-border-radius: 14px;
			border-radius: 14px;
		}

		#inventoryitempage #topImage img {
			max-width: 600px;
			max-height: 380px;
		}

		.calculators #items {
			padding: 0 54px;
		}

			.calculators #items .item-wrapper {
				width: 46%;
				max-width: unset;
				min-width: unset;
				float: left;
				margin-left: 8%;
			}

				.calculators #items .item-wrapper:nth-of-type(2n+1) {
					margin-left: 0;
				}

		#header-right {
			margin: 42px 0 20px 0;
			width: 222px;
			float: right;
			text-align: center;
		}

			#header-right .icon {
				display: block;
				float: right;
				margin: 0 0 8px 5px;
			}
	}

	/*#endregion */

	@media (min-width: 800px) {
		#mobile-menu-button {
			display: none;
		}

		nav {
			display: block;
		}

		.logo {
			height: 50px;
		}

			.logo img {
				height: 100%;
			}

	}

	/* reduce heading size on mobile */
	@media (max-width:767px) {
		h1 {
			font-size: 22px;
			line-height: 1.3em;
			text-align: center;
		}

		h2 {
			font-size: 20px;
			line-height: 1.2em;
		}

		h3 {
			font-size: 18px;
			line-height: 1.2em;
		}

		h4 {
			font-size: 16px;
		}

		.breadcrumbs a {
			margin: 4px 4px 0px 4px;
			font-size: 12px;
			line-height: 17px;
		}
	}

	/*#region @media 768 */
	@media (min-width: 768px) {
		#inventorysearch #subtitle-box h2 {
			text-align: left;
		}

		#inventorysearch #description h3 {
			text-align: left;
		}

		.offwhite-md {
			background: #efefef;
		}

		.greylight-md {
			background: #e4e4e4;
		}

		.section-border-md {
			border-top: 3px solid #CCC;
		}

		.section-border-md-none {
			border-top: none;
		}

		.section-inner-wrapper {
			padding: 30px 30px;
		}

		#home-four-icons {
			padding: 10px 0 10px 0;
		}

			#home-four-icons .icon {
				width: 90px;
				height: 90px;
				margin: 0 5%;
			}

				#home-four-icons .icon img {
					margin-top: 14px;
					height: 55px;
				}

			#home-four-icons .icon {
				margin: 0px 5% 10px 5%;
			}

			#home-four-icons h5 {
				font-weight: 900;
				margin-top: 20px;
				left: -15px;
				width: 120px;
				font-size: 13px;
			}

		#homepage #three-circles .home-circle:first-child {
			width: 28%;
		}

		#homepage #three-circles .home-circle:nth-child(2) {
			width: 33%;
		}

		#homepage #three-circles .home-circle:nth-child(3) {
			width: 43%;
		}

		#inventorypage .items {
			-webkit-column-count: 2;
			-webkit-column-gap: 20px;
			-moz-column-count: 2;
			-moz-column-gap: 20px;
			column-count: 2;
			column-gap: 20px;
		}

		#filter-category button.category-pseudodropdown {
			margin: 0;
			width: 260px;
			margin: 6px 0px 0 0px;
		}

		#relatedCategoriesWrapper {
			max-width: 1200px;
			margin: 20px auto 20px auto;
			padding: 0 10px;
		}

		.calcs #relatedCategoriesWrapper {
			margin-top: 12px !important;
		}

		#inventorysearch #invTable .item-detail-wrapper {
			width: calc(100% - 150px);
		}

		#inventorysearch #invTable .spec3,
		#inventorysearch #invTable .spec4,
		#inventorysearch #invTable .spec5 {
			display: none;
		}

		#inventoryitempage #section1 h3 {
			margin-left: 8px;
		}

		.packages-items {
			padding: 30px 15px;
			overflow: hidden;
		}

			.packages-items #items-header {
				display: block;
				overflow: hidden;
			}

				.packages-items #items-header span {
					display: block;
					float: left;
					padding: 0 10px;
					width: 50px;
					text-align: center;
				}

				.packages-items #items-header .title-description {
					width: 50%;
					padding: 0 10px;
					text-align: left;
				}

			.packages-items .item {
				display: block;
			}

				.packages-items .item tr {
					display: block;
					float: left;
					overflow: hidden;
				}

				.packages-items .item span {
					display: none;
				}

				.packages-items .item .text {
					display: block;
					float: left;
					padding: 10px 10px 0 10px;
					width: 50px;
					text-align: center;
				}

				.packages-items .item .title {
					width: 50%;
					padding: 10px;
					font-weight: 700;
					font-size: 15px;
					color: #377c2c;
					text-align: left;
				}

				.packages-items .item .tr > .description {
					width: calc(100% - 320px);
					clear: left;
					text-align: left;
				}

				.packages-items .item .img {
					display: block;
					padding: 0;
					width: 320px;
				}

					.packages-items .item .img img {
						width: 100%;
						max-width: 320px;
					}

				.packages-items .item .photo1-wrapper {
					display: none;
				}

				.packages-items .item .photo2-wrapper {
					display: block;
					float: left;
					width: 320px;
					height: 240px;
					overflow: hidden;
				}

		.news-article .columns {
			-webkit-column-count: 2;
			-webkit-column-gap: 25px;
			-moz-column-count: 2;
			-moz-column-gap: 25px;
			column-count: 2;
			column-gap: 25px;
		}

		#productspartspage #section3 img {
			float: left;
			width: 40%;
			margin: 20px 0;
			max-width: 360px;
		}

		#productspartspage #section3 #cloud {
			float: left;
			width: 55%;
			max-width: 500px;
			margin: 0 auto;
			padding: 20px;
		}

		#rebuildingpage #section2 img {
			max-width: 35%;
			float: left;
			margin-top: 20px;
		}

		#rebuildingpage #section2 ul.stdlist {
			float: left;
			margin-top: 20px;
		}

		#engineeringpage #section2 img {
			width: 49.6%;
			max-width: 600px;
			display: inline;
		}

		#frictionstarterpage #section3 img {
			padding: 0px 5px 10px 5px;
		}

		#pipelinepage #section2 .pipeLineQuickLinkButtonContainer {
			width: 95%;
			max-width: 900px;
		}

			#pipelinepage #section2 .pipeLineQuickLinkButtonContainer a {
				width: 32%;
				float: left;
				margin-left: 1%;
			}

		#inventoryitempage #topImage img {
			width: auto;
			max-width: 768px;
		}
	}
	/*#endregion*/

	/*#region @media 860 */
	@media (min-width: 860px) {
		#inventorysearch #invTable .item-detail-wrapper {
			width: calc(100% - 206px);
		}

		#inventorysearch #invTable .spec3 {
			display: block;
		}

		#inventoryitempage #topImage img {
			width: auto;
			max-width: 860px;
		}
	}
	/*#endregion*/

	/*#region @media 920 */
	@media (min-width: 920px) {

		#inventoryitempage #topImage img {
			width: auto;
			max-width: 920px;
		}

		.calculators #items .item-wrapper {
			width: 29.332%;
			max-width: unset;
			min-width: unset;
			float: left;
			margin-left: 6%;
		}

			.calculators #items .item-wrapper:nth-of-type(2n+1) {
				margin-left: 6%;
			}

			.calculators #items .item-wrapper:nth-of-type(3n+1) {
				margin-left: 0px;
			}
	}
	/*#endregion*/

	@media (min-width: 980px) {
		body {
			position: absolute;
			top: 0;
			right: 0;
		}

		.scrollup {
			bottom: 20px;
		}
	}

	/*#region @media 992 */
	@media (min-width: 992px) {

		.offwhite-lg {
			background: #efefef;
		}

		.greylight-lg {
			background: #e4e4e4;
		}

		.section-border-lg {
			border-top: 3px solid #CCC;
		}

		.section-border-lg-none {
			border-top: none;
		}

		.section-inner-wrapper {
			padding: 30px 40px;
		}

		#contactpage .map {
			float: left;
			width: auto;
			text-align: left;
		}

		#contactpage .address {
			float: left;
			text-align: left;
			margin-left: 20px;
		}

		#inventorypage .items {
			-webkit-column-count: 3;
			-webkit-column-gap: 15px;
			-moz-column-count: 3;
			-moz-column-gap: 15px;
			column-count: 3;
			column-gap: 15px;
		}


		#footer-links {
			margin-top: 0px;
		}

		.sitemap-columns {
			-webkit-column-count: 3;
			-webkit-column-gap: 30px;
			-moz-column-count: 3;
			-moz-column-gap: 30px;
			column-count: 3;
			column-gap: 30px;
		}

		#aplexpumps .items {
			padding: 10px;
			margin: 0;
			-webkit-column-count: 4;
			-webkit-column-gap: 20px;
			-moz-column-count: 4;
			-moz-column-gap: 20px;
			column-count: 4;
			column-gap: 20px;
		}

		#aplexpumps .items .item {
			width: 260px;
		}

		.news-article p {
		}

		.news-article .columns {
			-webkit-column-count: 2;
			-webkit-column-gap: 40px;
			-moz-column-count: 2;
			-moz-column-gap: 40px;
			column-count: 2;
			column-gap: 40px;
		}

		#inventoryitempage #topImage img {
			width: auto;
			max-width: 992px;
		}

		#inventorysearch #invTable .item-detail-wrapper {
			width: calc(100% - 318px);
		}

		#inventorysearch #invTable .spec4,
		#inventorysearch #invTable .spec5 {
			display: block;
		}

		#inventorysearch #filterTags {
			display: block;
			margin-left: 0;
			width: 100%;
			position: relative;
			bottom: 0px;
		}

		#inventorysearch #invTableHeadRow .table-cell .number-mobile {
			display: none;
		}

		#inventorysearch #invTableHead {
			position: relative;
			top: 0;
		}

		#inventorysearch #invTable .thumbnail {
			display: block;
		}

		#filter-top-buttons.fixed {
			position: fixed;
		}

		#inventorysearch #filtersidebar {
			display: block;
			float: left;
			width: 268px;
			position: relative;
			margin-right: 0;
			margin-bottom: 20px;
		}

		#filtersidebar ul {
			box-shadow: none !important;
			-moz-box-shadow: none !important;
			-webkit-box-shadow: none !important;
		}

		#filtersidebar > ul:last-of-type {
			border-bottom: none;
		}

		#filter-top-buttons {
			width: 268px;
		}

		#filter-category {
			padding-left: 4px;
			padding-top: 0;
			border-top: none;
		}

		#inventorysearch #filterMenuButton {
			display: none !important;
		}

		#inventorysearch #tableTop {
			position: relative;
			margin-top: -32px;
			background: none;
			float: right;
			width: calc(100% - 268px);
		}

		#inventorysearch #invTableBody #imgWrapperMobile {
			display: none;
			width: 0;
		}

		#inventorysearch .show_results {
			float: left;
			width: calc(100% - 280px);
			margin-left: 8px;
		}
		/* not hidden anymore, used to hide on mobile but not needed after 768px*/
		.sidebar-hidden {
			display: block;
		}
	}
	/*#endregion*/

	/*#region @media 1200 */
	@media (min-width: 1200px) {
		#teampage .teammember .team-img-filler {
			width: 30%;
			float: left;
			margin-top: 14px;
		}

		#teampage .teammember img {
			width: 30%;
			float: left;
			margin-top: 14px;
		}

		#teampage .teammember .member-info {
			width: 70%;
			float: left;
			padding: 0 20px 20px 20px;
		}
	}
	/*#endregion*/

	@media (min-width: 1364px) {
		body {
			width: 100%;
			position: static;
		}
	}

	/*#region Services Applications R&D Page*/
	#servicesapplicationsrdpage .pageheading {
		border-bottom: 1px solid #377c2c;
	}

	#servicesapplicationsrdpage #buttonRow > div {
		padding-top: 15px;
	}

		#servicesapplicationsrdpage #buttonRow > div:not(:last-child) {
			padding-right: 30px;
		}

	#servicesapplicationsrdpage #headerText > div > p {
		text-align: justify;
	}

		#servicesapplicationsrdpage #headerText > div > p:last-child {
			text-align: center;
			font-weight: bold;
		}

	#servicesapplicationsrdpage #rd-services {
		height: 100%;
		padding-left: 30px;
		padding-top: 15px;
	}

	#servicesapplicationsrdpage #vorteq {
		height: 100%;
	}

	#servicesapplicationsrdpage #rd-services h3 {
		color: black;
		font-weight: bold;
		font-style: normal;
	}

	#servicesapplicationsrdpage #rd-services h4 {
		color: #377c2c;
		font-weight: bold;
		letter-spacing: 0px;
		text-transform: none;
	}

	#servicesapplicationsrdpage #vorteq img {
		max-height: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#servicesapplicationsrdpage #two-column-content {
		background-color: #e4e4e4;
	}

	#servicesapplicationsrdpage #vorteq {
		max-height: 874px;
		text-align: center;
	}

	#servicesapplicationsrdpage #continue-reading {
		font-weight: bold;
	}

	#servicesapplicationsrdpage .btn {
		white-space: initial;
	}

	#servicesapplicationsrdpage #bottom-image > img {
		max-width: 100%;
		padding-bottom: 15px;
	}

	#servicesapplicationsrdpage #maincontent p,
	#servicesapplicationsrdpage #maincontent li,
	#servicesapplicationsrdpage #maincontent a {
		font-size: 16px;
	}

	@media (max-width: 480px) {
		#servicesapplicationsrdpage #buttonRow > div {
			padding-right: 0px !important;
		}
	}
	/*#endregion*/

	/*#region Case Study VorTeq Page*/

	#casestudyvorteq #maincontent p,
	#casestudyvorteq #maincontent li,
	#casestudyvorteq #maincontent a {
		font-size: 16px;
	}

	#casestudyvorteq #vorteq-header {
		position: relative;
		width: 100%;
	}

		#casestudyvorteq #vorteq-header h1{
			color: black;
			text-align: center;
			line-height:40px;
			font-size: 30px;
			margin-top: 15px;
		}

		#casestudyvorteq #vorteq-header h3 {
			font-style: italic;
			width: 75%;
			margin-left: auto;
			margin-right: auto;
			line-height: 30px;
		}

	#casestudyvorteq img {
		max-width: 100%;
	}

	#casestudyvorteq .vorteq-button-row > col-xs-3 {
		margin-left: auto;
		margin-right: auto;
	}

	#casestudyvorteq #vorteq-overlay {
		width: 100%;
		background: rgba(255, 255, 255, 0.75);
	}

	#casestudyvorteq #vorteq-review {
		background-color: #e4e4e4;
	}

	#casestudyvorteq #vorteq-article > p {
		text-align: justify;
	}

	#casestudyvorteq #vorteq-review {
		padding: 15px;
	}

		#casestudyvorteq #vorteq-review p {
			color: #377c2c;
			font-weight: 600;
		}

		#casestudyvorteq #vorteq-review .vorteq-review-company {
			font-style: italic;
		}

	#casestudyvorteq #vorteq-article {
		padding-right: 1%;
	}

	#casestudyvorteq #vorteq-images {
		padding-left: 1%;
	}

		#casestudyvorteq #vorteq-images .row:not(:first-child) {
			margin-top: 15px;
		}

		#casestudyvorteq #vorteq-images #vorteq-video {
			position: relative;
			padding-bottom: 50.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
		}

			#casestudyvorteq #vorteq-images #vorteq-video iframe {
				position: absolute;
				top: 0;
				left: 0;
				max-width: 100%;
				max-height: 100%;
			}

	#casestudyvorteq .vorteq-image-caption-title {
		font-weight: bold;
	}

	#casestudyvorteq #vorteq-footer {
		padding-top: 5%;
	}

		#casestudyvorteq #vorteq-footer .vorteq-button-row {
			padding-top: 30px;
			padding-bottom: 50px;

		}

	#casestudyvorteq .vorteq-button-row {
		text-align: center;
		padding-top: 20px;
	}

	#casestudyvorteq .vorteq-button {
		display: inline-block;
		width: 30%;
		margin-left: auto;
		margin-right: auto;
	}

	@media (max-width: 480px) {
		#casestudyvorteq #vorteq-article {
			padding-right: 1%;
			padding-left: 1%;
		}

		#casestudyvorteq #vorteq-images {
			padding-left: 1%;
			padding-right: 1%;
		}
	}

	@media (max-width: 767px) {
		#casestudyvorteq #vorteq-overlay {
			position: relative;
		}

		#casestudyvorteq .vorteq-button {
			padding-top: 15px;
			width: 100%;
		}
	}

	.webbanner-large {
		display: block !important;
		width: 100%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		background: #cdcdcd;
	}

	/*@media (max-width: 899px) {
	.webbanner-small {
		display: block !important;
		width: 100%;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.webbanner-large {
		display: none !important;
	}
}*/
	/*@media (min-width: 900px) {
	.webbanner-small {
		display: none !important;
	}

	.webbanner-large {
		display: block !important;
		width: 100%;
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
}*/
	/*#endregion*/


	input[type='checkbox'] {
		accent-color: #377c2c;
	}

	.k-in .k-state-selected, .k-state-selected {
		background-color: #377c2c !important;
		border-color: #377c2c !important;
	}

	option:checked, option:hover {
		color: #fff;
		background-color: #377c2c !important;
	}


	/* remove the awful orange k-state-selected */
	.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
		color: #333;
		background-color: #bec0c2;
		border-color: #bec0c2;
	}


	/* Responsive Multi-Level Menu - Bootstrap 3 ~gs */
	nav {
		margin-bottom: 50px;		
	}

	.navbar {
		border-radius: 0;
		margin-bottom: 0;
		border: none;
		box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
		-moz-box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
		-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
	}

	.navbar-nav {
		margin: 0px -15px;
	}

	.navbar-fullscreen { 
		padding-left: 15px;
	}

	.navbar-default .navbar-nav > li > a {
		color: rgba(0,0,0,.8);
		font-weight: 500;
	}

	.navbar-default .navbar-nav > li > a:hover {
		color:rgba(0,0,0,.5);
	}

	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
		background-color: #e7e7e7 !important;
	}

	li.dropdown li {
		border-bottom: 1px solid rgba(0,0,0,.03);
	}

	.dropdown-menu {
		width: max-content;
		max-width: 248px;
		border: none;
		padding: 0;
		border-radius: 0;
	}

	.dropdown-menu > li > a {
		white-space: normal;
		padding: 8px 12px;
	}

	.dropdown-submenu {
		position: relative;
	}

	.dropdown-submenu:hover {
		background-color: #f5f5f5;
	}

	.dropdown-submenu > a.menu-parent-link {
		width: 80%;
		display: inline-block;
	}

	.dropdown-submenu > a.dropdown-toggle {
		width: 20%;
		display: inline-block;
		text-align: right;
		margin-left: -4px;
	}

	.dropdown > a.menu-parent-link {
		width: 80%;
		display: inline-block;
	}

	.dropdown > a.dropdown-toggle {
		width: 20%;
		display: inline-block;
		text-align: right;
		margin-left: -4px;
	}

	.dropdown-submenu .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -1px;
	}

	.desktop {
		display: none !important;
	}

	/*.mobile {
	display: block !important;
}*/

	@media (max-width: 991px) {
		.nav li {
			border-bottom: 2px solid rgba(0,0,0,.);
		}

		.dropdown-menu {
			margin-left: 12px !important;
			max-width: 100%;
		}

		.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
			padding: 8px 5px 8px 10px;
		}

		.navbar-nav .open .dropdown-menu > li > a:nth-of-type(2) {
			padding: 8px 5px 6px 5px;
		}

		.dropdown-submenu > a.menu-parent-link {
			width: 90%;
		}

		.dropdown-submenu > a.dropdown-toggle {
			width: 10%;
		}

		.expand-right {
			display: none !important;
		}
	}

@media (min-width: 992px) {
	.nav > li > a {
		padding: 15px 8px;
	}

	.navbar-nav > li {
		padding-right: 20px;
	}

		.navbar-nav > li:nth-last-child(1), .navbar-nav > li:nth-last-child(1) a {
			padding-right: 0px;
			color: #377c2c;
			font-weight: 700;
		}

			.navbar-nav > li:nth-last-child(1) li a {
				color: rgba(0,0,0,.8) !important;
				font-weight: 500;
			}

	.navbar .dropdown-submenu > a:nth-of-type(2) {
		pointer-events: none;
	}

	.dropdown-menu {
		box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
		-moz-box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
		-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
	}

	.navbar-fullscreen {
		padding-right: 15px;
	}

		.desktop {
			display: block !important;
		}

		.navbar .dropdown .material-icons {
			padding-left:10px;
		}

		.mobile {
			display: none !important;
		}

		.expand-down {
			display: none !important;
		}

		ul.navbar-nav > li > ul {
			border-top: solid 2px #377c2c;
		}

		.dropdown-submenu .dropdown-menu {
			top: 2px;
		}

		.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
			background-color: transparent !important;
		}
	}

	/* Hamburger Mods */
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #377c2c;
	}

	.navbar-toggle .icon-bar {
		display: block;
		width: 30px;
		height: 3px;
		border-radius: 1px;
	}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}

	.navbar-default .navbar-toggle {
		border-color: transparent;
	}

	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 6px;
	}

	.navbar-toggle {
		margin-top: 5px;
		margin-bottom: 0;
	}
	/* End Hamburger Mods Region */

	/* End Bootstrap Nav Region */


/* Youtube Popup Module */
#youtube-popup-wrapper {
	width: 460px;
	background-color: gray;
	border-radius: 4px;
	position: fixed;
	z-index: 990;
	right: 0;
	bottom: 0;
	transition: all .5s cubic-bezier(.14,.06,.41,1.39);
}

#youtube-popup-wrapper .popup-title-bar {
	display: flex;
	justify-content: space-between;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 0px;
	color: white;
	background-color: gray;
	font-size: 24px;
	font-weight:500;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}


@media (max-width: 500px) {
	#youtube-popup-wrapper {
		width: 100%;
	}
}

.hide-popup-video {
	display: none;
}

.youtube-aspect-ratio {
	aspect-ratio: 16 / 9;
	width: 100%;
}

#youtube-popup-wrapper #close-video-button {
	background-color: red !important;
	border: none;
	border-radius: 4px;
	margin-bottom: 3px;
	color: white;
	padding: 0px 2px 0px 2px;
}


/********** Custom Social Share ***********/
#social-share {
	position: fixed;
	bottom: 70px;
	left: 15px;
	z-index: 9999;
	padding: 6px 8px 3px 5px;
	background-color: #377c2c;
	border: none;
	border-radius: 4px;
	color: white;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
