@import url(https://fonts.googleapis.com/css?family=Lato:300,400,900|Montserrat:400,700|Open+Sans:400,600,700);.mr-4 {
  margin-right: 10px !important;
}

.inventory-view-box span {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
  color: white;
  background-color: black;
  opacity: 0.6;
}

.inventory-view-box img {
  padding-top: 20px;
}

.disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.auto-caps {
  text-transform: uppercase;
}

.radio-space {
  margin: 0 10px 0 10px;
}

.report-button {
  color: #fff;
  background-color: #11996c;
  border-color: #fff;
}

.search-form-reports {
  padding-top: 40px;
}

.container-inventory-view {
  margin: 0 auto;
  padding: 40px;
  width: 80%;
  color: #333;
  background: #419be0;
}

.slick-slide-inventory-view {
  text-align: center;
  color: #419be0;
  background: white;
}

.form-request input::-webkit-input-placeholder {
  color: #555555;
}

.form-request input::-moz-placeholder {
  color: #555555;
}

.form-request input::-ms-input-placeholder {
  color: #555555;
}

.form-request input::placeholder {
  color: #555555;
}

.form-request textarea::-webkit-input-placeholder {
  color: #555555;
}

.form-request textarea::-moz-placeholder {
  color: #555555;
}

.form-request textarea::-ms-input-placeholder {
  color: #555555;
}

.form-request textarea::placeholder {
  color: #555555;
}

html {
  height: 100%;
}

html body {
  font-family: "Lato", sans-serif;
  background: #f5f5f5;
  /* relies on fixed element width */
  /*
         * The following styles are auto-applied to elements with
         * transition="modal" when their visibility is toggled
         * by Vue.js.
         *
         * You can easily play with the modal transition by editing
         * these styles.
         */
  /* Sub Menus */
  /*******************************************
           Style menu for larger screens

           Using 650px (130px each * 5 items), but ems
           or other values could be used depending on other factors
        ********************************************/
}

html body .page-content {
  padding-bottom: 91px;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .h1,
html body .h2,
html body .h3,
html body .h4,
html body .h5,
html body .h6 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

html body h2 .currency {
  color: #9fa3a7;
  font-size: 11px;
  margin-left: 5px;
  position: absolute;
}

html body ul {
  list-style-type: none;
}

html body ul.no-margin {
  margin-left: 0;
  padding-left: 0;
}

html body .cap {
  text-transform: capitalize;
}

html body a.underline {
  text-decoration: underline !important;
}

html body .link {
  text-decoration: underline;
  cursor: pointer;
}

html body a.button:hover {
  text-decoration: none;
  color: #fff;
}

html body a.button-white:hover {
  text-decoration: none;
  color: #11996c !important;
}

html body .is-danger {
  color: red;
  border-color: red !important;
}

@media (max-width: 768px) {
  html body .form-profile .group {
    margin: 25px 0 !important;
  }
}

html body .call-price-view {
  font-size: 25px;
  font-weight: bold;
}

html body .scroll-top {
  margin-left: 15px;
  text-decoration: underline;
  cursor: pointer;
}

html body .validate span {
  margin-top: 0;
  display: block;
  text-align: left;
}

html body .validate.half {
  width: 50%;
  margin-left: 10px;
  margin-right: 10px;
}

html body .validate.half:first-child {
  margin-left: 0;
}

html body .validate.half:last-child {
  margin-right: 0;
}

@media (max-width: 549px) {
  html body .validate.half {
    width: 100%;
  }

  html body .validate.half:first-child,
  html body .validate.half:last-child {
    margin-left: 10px;
    margin-right: 10px;
  }

  html body .validate.half .form-50 {
    width: 100% !important;
  }
}

@media (max-width: 549px) {
  html body .base-page .nav li {
    max-width: 100% !important;
  }
}

html body .navbar-right {
  margin-right: 15px;
  margin-top: 8px;
}

html body .message {
  position: -webkit-sticky;
  position: sticky;
  bottom: 20px;
  color: green;
  background: lightgreen;
  max-width: 400px;
  text-align: center;
  margin: auto;
  padding: 10px 20px;
  border-radius: 4px;
}

html body .message .close-button {
  position: absolute;
  top: 21px;
  right: 20px;
}

html body .message.danger {
  color: darkred;
  background: lightpink;
}

html body .paginate-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html body .paginate-links li {
  background: white;
  padding: 0px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-left: 2px;
  margin-right: 2px;
}

html body .paginate-links li a {
  color: transparent;
  width: 10px;
  display: block;
}

html body .paginate-links li.next a::before {
  font-family: 'FontAwesome';
  content: '\F054';
  color: black;
}

html body .paginate-links li.prev a::before {
  font-family: 'FontAwesome';
  content: '\F053';
  color: black;
}

html body .green {
  color: #11996c;
}

html body .yellow {
  color: #f6bf23;
}

html body .red {
  color: #d0011b;
}

html body .pipe-left {
  border-left: 1px solid #60ba9c;
  margin-left: 20px;
  padding-left: 20px;
  font-size: 140%;
  float: right;
  margin-right: -10px;
}

html body .button {
  border-radius: 24px;
  /* REQUEST MORE DETAIL: */
  font-family: "Lato", sans-serif;
  font-size: 10px;
  color: #ffffff;
  border: 1px solid #ffffff;
  letter-spacing: 1.58px;
  font-weight: 300;
  padding: 5px 30px;
  line-height: 30px;
  cursor: pointer;
}

html body .button .fa-spinner {
  display: none;
}

html body .button.no-span {
  padding: 12px 30px;
}

html body .button.disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

html body .button.disabled .fa-spinner {
  display: inline-block;
}

html body .button-green {
  /* Rectangle-path: */
  background: #11996c;
}

html body .button-white {
  /* Rectangle-path: */
  background: #fff;
  color: #11996c;
}

html body .button-transparent:hover {
  color: #11996c !important;
  background: white;
}

html body .options-btns.button {
  font-size: 9px !important;
}

@media (max-width: 814px) {
  html body .options-btns.button {
    font-size: 7px !important;
  }

  html body .options-btns.button .pipe-left {
    display: none;
  }
}

@media (max-width: 620px) {
  html body .options-btns.button {
    padding: 5px 13px;
  }
}

@media (max-width: 518px) {
  html body .options-btns.button.mobile {
    padding: 5px 30px;
    background: #11996c !important;
    color: #fff !important;
    width: 100%;
    margin-bottom: 15px;
  }
}

html body .select-button {
  margin: 10px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 14px;
  position: relative;
}

html body .select-button a.links {
  color: #fff;
}

html body .select-button.linked {
  padding: 0;
}

html body .select-button.linked a.links {
  display: block;
  padding: 5px 50px;
  width: 100%;
}

html body .select-button.open a.links {
  color: #11996c !important;
}

html body .select-button .submenu {
  position: absolute;
  left: 5px;
  padding: 20px 0 10px 0;
  top: 40px;
  background: url("/img/buybox.png") center -1px;
  background-size: cover;
  -webkit-box-shadow: 0 4px 14px 7px rgba(121, 121, 121, 0.05);
          box-shadow: 0 4px 14px 7px rgba(121, 121, 121, 0.05);
  border-radius: 6px;
  font-size: 14px;
  color: #11996c;
  letter-spacing: 1.7px;
  line-height: 38px;
  cursor: pointer;
}

html body .select-button .submenu li {
  padding: 0 80px 0 30px;
  text-align: left;
}

html body .select-button .submenu li:hover {
  background: rgba(24, 153, 107, 0.1);
}

html body .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #ececec;
}

html body ul.links {
  cursor: pointer;
}

html body ul.links li:hover {
  text-decoration: underline;
}

html body ul.links li:hover a {
  cursor: pointer;
}

html body .text-center {
  margin: auto;
}

html body .text-center .left-align {
  text-align: left;
  display: inline-block;
}

html body .mini-green {
  width: 90px;
  color: #11996c;
  border: 2.5px solid;
  border-radius: 30px;
  margin-top: 0;
}

html body .white-box {
  max-width: 960px;
  background: white;
  border-radius: 20px;
  margin: auto;
  padding: 40px 60px;
}

@media (max-width: 980px) {
  html body .white-box {
    margin: auto 20px;
  }
}

@media (max-width: 396px) {
  html body .white-box {
    padding: 40px 20px;
  }
}

html body textarea.form-control {
  /* Rectangle 2: */
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  /* Brief Description of: */
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #858585;
  letter-spacing: 0;
  line-height: 26px;
  margin: 10px auto;
}

html body .form-control {
  border-radius: 20px;
}

html body .form-control.form-small {
  max-width: 300px;
}

html body form.form-flex input[type='text'],
html body form.form-flex input[type='password'],
html body form.form-flex input[type='tel'],
html body form.form-flex input[type='email'] {
  margin: 10px;
}

html body form.form-flex input[type='text']:first-child,
html body form.form-flex input[type='password']:first-child,
html body form.form-flex input[type='tel']:first-child,
html body form.form-flex input[type='email']:first-child {
  margin-left: 0;
}

html body form.form-flex input[type='text']:last-child,
html body form.form-flex input[type='password']:last-child,
html body form.form-flex input[type='tel']:last-child,
html body form.form-flex input[type='email']:last-child {
  margin-right: 0;
}

html body form.form-flex input[type='text'].form-25,
html body form.form-flex input[type='password'].form-25,
html body form.form-flex input[type='tel'].form-25,
html body form.form-flex input[type='email'].form-25 {
  width: 25%;
}

html body form.form-flex input[type='text'].form-25.with-right-margin,
html body form.form-flex input[type='password'].form-25.with-right-margin,
html body form.form-flex input[type='tel'].form-25.with-right-margin,
html body form.form-flex input[type='email'].form-25.with-right-margin {
  width: calc(25% - 10px);
}

html body form.form-flex input[type='text'].form-50,
html body form.form-flex input[type='password'].form-50,
html body form.form-flex input[type='tel'].form-50,
html body form.form-flex input[type='email'].form-50 {
  width: 50%;
}

html body form.form-flex input[type='text'].form-50.with-right-margin,
html body form.form-flex input[type='password'].form-50.with-right-margin,
html body form.form-flex input[type='tel'].form-50.with-right-margin,
html body form.form-flex input[type='email'].form-50.with-right-margin {
  width: calc(50% - 10px);
}

html body form.form-flex input[type='text'].form-75,
html body form.form-flex input[type='password'].form-75,
html body form.form-flex input[type='tel'].form-75,
html body form.form-flex input[type='email'].form-75 {
  width: 75%;
}

html body form.form-flex input[type='text'].form-75.with-right-margin,
html body form.form-flex input[type='password'].form-75.with-right-margin,
html body form.form-flex input[type='tel'].form-75.with-right-margin,
html body form.form-flex input[type='email'].form-75.with-right-margin {
  width: calc(75% - 10px);
}

html body .form-line {
  border: none;
  border-bottom: 1px solid #ccd0d2;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html body .align-center {
  margin: auto;
}

html body .gray-bg {
  background: #f5f5f5;
}

html body form.search input.search {
  border: 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0;
          box-shadow: rgba(0, 0, 0, 0) 0 0 0;
}

html body form.search .input-group-addon {
  color: rgba(0, 0, 0, 0);
  border: none;
  background: white;
  border-radius: 0px 20px 20px 0px;
  border-left: 0;
  padding: 0;
}

html body form.search .input-group-addon.prefix {
  border-radius: 20px 0px 0px 20px;
}

html body form.search .input-group-addon.prefix i {
  color: #ccc;
  padding-left: 10px;
}

html body form.search .btn {
  margin: 0;
  border: none;
  border-radius: 20px;
  background: #11996c;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1.7px;
  padding: 7px 26px;
}

@media (max-width: 767px) {
  html body .navbar .navbar-header {
    margin-left: calc(50% - (326.62px / 2));
  }
}

html body .navbar .navbar-header .navbar-brand {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #9c9c9c;
  letter-spacing: 0.7px;
  color: #ffffff;
}

@media (max-width: 375px) {
  html body .navbar .navbar-header .navbar-brand {
    font-size: 12px;
  }
}

html body .main-nav {
  /* Combined Shape: */
  background: rgba(0, 0, 0, 0.47);
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.43);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.43);
  font-family: "Lato", sans-serif;
  padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  z-index: 1030;
}

@media (max-width: 767px) {
  html body .main-nav .logo {
    position: relative;
    left: 50%;
    margin-left: calc(-216px / 2);
  }
}

html body .main-nav.active {
  background: #333;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html body .main-nav a {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 1.7px;
}

html body .main-nav .sandwich-menu {
  display: block;
  position: relative;
}

html body .main-nav .sandwich-menu > img {
  margin: 25px;
}

@media (min-width: 945px) {
  html body .main-nav .sandwich-menu {
    display: none;
  }
}

html body .main-nav .sandwich-menu .sub {
  position: absolute;
  right: 0;
  width: 200px;
  background: #666;
  margin-top: 11px;
  padding-bottom: 10px;
}

html body .main-nav .sandwich-menu .sub li {
  color: white;
}

html body .main-nav .sandwich-menu .sub li img {
  width: 30%;
  height: 30%;
  margin-right: 10px;
}

html body .main-nav .sandwich-menu .sub li .fb-login {
  width: 27px;
  height: 27px;
  margin-top: -5px;
}

@media (max-width: 944px) {
  html body .main-nav .big-menu {
    display: none;
  }
}

html body .main-nav .big-menu .active {
  background: url("/img/triangle.png") center bottom no-repeat;
}

html body .main-nav ul {
  padding-left: 0;
  margin-left: 0;
}

html body .main-nav ul.login li {
  padding-left: 10px;
  padding-right: 10px;
}

html body .main-nav ul li {
  list-style-type: none;
  padding: 29px 30px 36px 30px;
  margin-bottom: -36px;
}

@media (max-width: 1144px) {
  html body .main-nav ul li {
    padding-left: 10px;
    padding-right: 10px;
  }
}

html body .main-nav ul li a img {
  vertical-align: top;
  margin-top: -7px;
}

html body .main-nav div a {
  padding: 26px 0 0 0;
}

html body .auxiliary-nav {
  position: fixed;
  z-index: 1029;
  left: 0;
  right: 0;
  height: 240px;
  background: url("/img/DropNavBG.png") #ccc;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

html body .auxiliary-nav ul {
  margin-top: 130px;
  list-style-type: none;
  padding: 20px;
}

html body .auxiliary-nav ul li {
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.47px;
  font-size: 21px;
  font-weight: 300;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  color: #fff;
}

html body .auxiliary-nav ul li img {
  margin-right: 20px;
}

@media (max-width: 944px) {
  html body .auxiliary-nav ul li {
    font-size: 15px;
  }
}

@media (max-width: 550px) {
  html body .auxiliary-nav ul li {
    font-size: 12px;
  }
}

html body .filters > div {
  padding-left: 20px;
}

html body .filter .right-pane {
  margin-top: -36px;
}

@media (max-width: 703px) {
  html body .filter {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  html body .filter .filters {
    float: left;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    text-align: left !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  html body .filter .filters > div {
    padding-left: 20px;
  }

  html body .filter .filters > div span {
    display: inline-block;
    width: 60px;
  }

  html body .filter .filters > div select {
    width: 127px;
  }

  html body .filter .right-pane {
    float: right;
    margin-top: -66px;
  }

  html body .filter .right-pane div {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
    margin-right: 20px;
  }
}

@media (max-width: 442px) {
  html body .filter .right-pane {
    float: none;
    width: 100%;
    display: block;
    margin-top: 10px;
  }

  html body .filter .right-pane .sort {
    float: left;
    margin-left: 20px;
  }

  html body .filter .right-pane .pages {
    float: right;
    margin-right: 20px;
  }

  html body .filter .right-pane .pages ul {
    padding-left: 10px;
  }
}

html body .filter-area {
  margin-right: 10px;
  margin-left: 10px;
  font-weight: normal;
}

html body .filter-area::after {
  content: '\F078';
  font-family: FontAwesome;
  color: #11996c;
  margin-left: -20px;
  position: relative;
  z-index: 0;
}

html body .filter-area select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  color: #000;
  padding-left: 5px;
  padding-right: 20px;
  position: relative;
  z-index: 1;
  border: 1px solid #18996b;
}

html body .image-fav {
  position: relative;
  z-index: 10;
  width: 265px;
  height: 267px;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
  margin-bottom: 20px;
}

html body .image-fav img {
  height: 267px;
  margin: auto;
}

html body .image-fav .hold {
  position: absolute;
  background-image: url("/img/hold_small.png");
  background-repeat: no-repeat;
  width: 94px;
  height: 94px;
}

html body .image-fav .sold {
  position: absolute;
  background-image: url("/img/sold_small.png");
  background-repeat: no-repeat;
  width: 94px;
  height: 94px;
}

html body .image-fav .dropshadow {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0.55)), color-stop(28%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.55) 5%, rgba(255, 255, 255, 0) 28%);
  height: 267px;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 6px 6px 0 0;
}

html body .image-fav .dropshadow a,
html body .image-fav .dropshadow span {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
  color: white;
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-size: 12px;
  position: relative;
  z-index: 9999;
}

html body .slick-slider {
  max-width: 380px;
  margin: auto;
}

html body .social {
  position: relative;
  top: -10px;
}

html body .social a {
  margin-right: 1rem;
  color: white;
  padding-right: 10px;
  width: calc(470px / 3 - 3px);
  display: inline-block;
}

html body .social a i {
  background: rgba(255, 255, 255, 0.2);
  padding: 11px 10px;
  margin-right: 10px;
}

html body .social a.facebook {
  background: #3b5896;
}

html body .social a.twitter {
  background: #1ba4dd;
}

html body .social a.google-plus {
  background: #cf4d32;
}

html body .social a.button-green {
  font-size: 1.1em;
}

html body .social a.button-green i {
  padding: 0 !important;
  background: none;
}

html body .slick-next,
html body .slick-next:hover,
html body .slick-next:focus {
  background: url("/img/Forward Arrow Disabled.png") center no-repeat;
  background-size: 30px 30px;
  color: transparent;
  width: 30px;
  height: 30px;
  right: -35px;
}

html body .slick-next:before,
html body .slick-next:hover:before,
html body .slick-next:focus:before {
  color: transparent;
}

html body .slick-prev,
html body .slick-prev:hover,
html body .slick-prev:focus {
  background: url("/img/Back Arrow.png") center no-repeat;
  background-size: 30px 30px;
  color: transparent;
  width: 30px;
  height: 30px;
  left: -35px;
}

html body .slick-prev:before,
html body .slick-prev:hover:before,
html body .slick-prev:focus:before {
  color: transparent;
}

html body .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html body .flex.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html body .flex.flex-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

html body .flex.flex-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

html body .flex.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html body .flex.flex-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

html body .flex.flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html body .flex.flex-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

html body .flex.flex-column,
html body .flex .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

html body .flex.flex-row,
html body .flex .flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

html body .flex .flex-basis-2-col {
  -ms-flex-preferred-size: calc(100% / 2 - 40px);
      flex-basis: calc(100% / 2 - 40px);
}

html body .flex .flex-basis-3-col {
  -ms-flex-preferred-size: calc(100% / 3 - 40px);
      flex-basis: calc(100% / 3 - 40px);
}

html body .flex .flex-basis-3-col.double {
  -ms-flex-preferred-size: calc((2 * 100%) / 3 - 40px);
      flex-basis: calc((2 * 100%) / 3 - 40px);
}

html body .flex .flex-basis-4-col {
  -ms-flex-preferred-size: calc(100% / 4 - 40px);
      flex-basis: calc(100% / 4 - 40px);
}

html body .product-box {
  display: block;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin: 20px 11px;
  -webkit-box-shadow: 0 4px 14px 7px rgba(121, 121, 121, 0.05);
          box-shadow: 0 4px 14px 7px rgba(121, 121, 121, 0.05);
  border-radius: 6px;
  cursor: pointer;
  width: 267px;
}

html body .product-box img {
  /* Mask: */
  background: #c8d9d9;
  border-radius: 6px 6px 0 0;
  /* Bitmap: */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0.55)), color-stop(28%, rgba(255, 255, 255, 0.51)));
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.55) 5%, rgba(255, 255, 255, 0.51) 28%);
}

html body .product-box p {
  text-align: left;
  padding: 0 20px;
  margin-bottom: 0;
}

html body .product-box p.title {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: 0.16px;
}

html body .product-box p.content {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #9fa3a7;
  letter-spacing: 0;
  line-height: 26px;
}

html body .product-box p.price {
  opacity: 0.9;
  font-family: "Lato", sans-serif;
  font-size: 19.92px;
  color: #11996c;
  letter-spacing: 0;
}

html body .product-box p.price .currency {
  color: #9fa3a7;
  font-size: 11px;
  margin-left: 5px;
}

html body .masthead {
  background: url("/img/Masthead.png") #11996c center bottom;
  background-size: cover;
  min-height: 670px;
  margin-top: 50px;
  position: relative;
  text-align: center;
  font-weight: 300;
}

html body .masthead .scroll {
  position: absolute;
  bottom: 10px;
  left: calc(50% - (88px / 2));
}

html body .masthead .scroll p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: normal !important;
  color: #ffffff;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  html body .masthead .scroll {
    display: none;
  }
}

html body .masthead h1 {
  color: white;
  font-size: 63px;
  max-width: 1024px;
}

@media (max-width: 480px) {
  html body .masthead h1 {
    font-size: 32px;
    -webkit-font-smoothing: antialiased;
  }
}

html body .masthead ul {
  padding: 0;
}

html body .masthead ul li {
  cursor: pointer;
}

@media (max-width: 533px) {
  html body .masthead ul {
    display: block;
  }

  html body .masthead ul li {
    display: block;
    max-width: 300px;
    margin: 10px auto;
  }

  html body .masthead ul li .submenu {
    width: 298px;
    z-index: 2000;
  }
}

html body .masthead p {
  font-size: 23px;
}

@media (max-width: 518px) {
  html body .masthead p {
    padding-top: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    letter-spacing: 0.2px;
    line-height: 30px;
  }
}

html body .masthead .hero-text {
  color: white;
  max-width: 920px;
}

html body .heading {
  background: #11996c center bottom;
  background-size: cover;
  min-height: 240px;
  margin-top: 50px;
  text-align: center;
  font-weight: 300;
}

html body .heading h1 {
  font-size: 63px;
  margin-top: 90px;
}

@media (max-width: 370px) {
  html body .heading h1 {
    font-size: 32px;
  }
}

html body .heading p {
  font-size: 23px;
}

html body .heading .hero-text {
  color: white;
  max-width: 920px;
}

html body .newsletter {
  background: url("/img/newsletterBG.png") #11996c center bottom no-repeat;
  background-size: cover;
  min-height: 384px;
  text-align: center;
  font-weight: 300;
}

html body .newsletter h2 {
  font-size: 34px;
  margin-bottom: 30px;
}

@media (max-width: 518px) {
  html body .newsletter h2 {
    font-size: 31px;
  }
}

html body .newsletter button {
  background: transparent;
  border: none;
  padding-top: 4px;
  color: #93b7aa;
  padding-right: 5px;
}

html body .newsletter input {
  border-right: 0;
  max-width: 1440px !important;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075);
}

html body .newsletter .input-group-addon {
  border-radius: 0 20px 20px 0;
  background: #f5f5f5;
  border-left: none;
  -webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.075);
}

html body .featured > div {
  padding: 10px 20px;
  width: 100%;
  max-width: 1180px;
}

html body .featured .slick-slider {
  max-width: 1140px;
  width: 100%;
}

@media (max-width: 1328px) {
  html body .featured .slick-slider {
    max-width: 850px;
  }
}

@media (max-width: 1032px) {
  html body .featured .slick-slider {
    max-width: 570px;
  }
}

@media (max-width: 749px) {
  html body .featured .slick-slider {
    max-width: 267px;
  }
}

html body .featured .slick-prev {
  background-size: 50px 50px;
  width: 50px;
  height: 50px;
  left: -85px;
}

@media (max-width: 459px) {
  html body .featured .slick-prev {
    left: -65px;
  }
}

@media (max-width: 397px) {
  html body .featured .slick-prev {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    left: -45px;
  }
}

@media (max-width: 357px) {
  html body .featured .slick-prev {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    left: -25px;
  }
}

html body .featured .slick-next {
  background-size: 50px 50px;
  width: 50px;
  height: 50px;
  right: -85px;
}

@media (max-width: 459px) {
  html body .featured .slick-next {
    right: -65px;
  }
}

@media (max-width: 397px) {
  html body .featured .slick-next {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    right: -45px;
  }
}

@media (max-width: 357px) {
  html body .featured .slick-next {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    right: -25px;
  }
}

html body .featured hr {
  float: left;
}

html body .featured .mobile {
  display: none;
}

@media (max-width: 518px) {
  html body .featured .desktop {
    display: none;
  }

  html body .featured .mobile {
    display: block;
    width: 230px;
    margin: auto;
    float: none !important;
  }

  html body .featured h1 {
    text-align: center;
  }

  html body .featured hr {
    float: none;
    margin: auto;
  }
}

html body .main-block {
  max-width: 960px;
  margin-top: 40px;
  padding-bottom: 30px;
}

@media (max-width: 961px) {
  html body .main-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

html body .main-block .fave {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  color: #9fa3a7;
  letter-spacing: 0;
  margin-top: 6px;
  cursor: pointer;
}

html body .main-block .fave i {
  color: #ffc500;
  font-size: 16px;
}

html body .main-block .image {
  margin-top: 28px;
}

@media (max-width: 961px) {
  html body .main-block .image {
    text-align: center;
  }
}

html body .main-block .image .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 450px;
  height: 393.75px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  border: 1px solid #ffffff;
}

@media (max-width: 463px) {
  html body .main-block .image .image-box {
    max-width: calc(100% - 20px);
    max-height: 100%;
    width: 100%;
    margin: auto;
  }
}

html body .main-block .image .image-box img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

html body .main-block .image .image-box .sold {
  position: absolute;
  background-image: url("/img/sold.png");
  background-repeat: no-repeat;
  width: 186px;
  height: 189px;
}

html body .main-block .image .image-box .hold {
  position: absolute;
  background-image: url("/img/hold.png");
  background-repeat: no-repeat;
  width: 188px;
  height: 188px;
}

html body .main-block .image .slick-slider {
  margin-top: 20px;
}

@media (max-width: 453px) {
  html body .main-block .image .slick-slider {
    max-width: 260px;
  }
}

html body .main-block .image .mini-img {
  margin-right: 7px;
}

html body .main-block .image .miniature {
  height: 80px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

html body .main-block .image .miniature.view-product {
  height: 80px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 990px) {
  html body .main-block .image .miniature.view-product {
    height: 150px;
    float: none;
    margin: 5px 0;
    display: block;
  }
}

html body .main-block table td {
  padding-left: 25px;
  padding-right: 25px;
}

html body .main-block .content {
  padding-left: 40px;
  text-align: left;
}

@media (max-width: 961px) {
  html body .main-block .content {
    padding-right: 40px;
  }
}

@media (max-width: 433px) {
  html body .main-block .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  html body .main-block .content > * {
    display: block;
  }

  html body .main-block .content > a:first-child {
    padding: 5px 12px;
    text-align: center;
    margin: auto;
    display: inline-block;
    float: none;
  }

  html body .main-block .content div:first-child {
    display: block;
  }

  html body .main-block .content div:first-child h2 {
    display: block;
    text-align: center;
  }
}

html body .main-block .content .stock {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #9fa3a7;
  letter-spacing: 0;
  line-height: 26px;
}

html body .main-block .content .nav {
  margin-top: 20px;
}

html body .main-block .content .nav li a {
  text-align: left;
  color: #4a4a4a;
  border: none;
  border-bottom: 2px solid #eeeeee;
  padding: 5px 10px;
}

html body .main-block .content .nav li a:hover {
  border: none;
  background: none;
  border-bottom: 2px solid #eeeeee;
}

html body .main-block .content .nav li.active a {
  border: none;
  color: #11996c;
  border-bottom: 2px solid #11996c;
}

html body .main-block .content .tab-pane#description {
  background: #f9f9f9;
  padding: 15px;
  margin-bottom: 22px;
}

html body .products {
  max-width: 1200px;
  margin: auto;
}

html body .products h2 {
  margin-left: 20px;
}

html body .products .make-request {
  /*background: url("/img/requestBG.png") no-repeat;*/
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.64)),url("/img/request_mac_truck.jpeg") white center bottom no-repeat;
  /*background: url("/img/request_mac_truck.jpeg") ;*/
  background-size: cover;
  margin-top: 20px;
  height: 367px;
  margin-bottom: 20px;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 4px 1px rgba(121, 121, 121, 0.1);
          box-shadow: 0 0 4px 1px rgba(121, 121, 121, 0.1);
  border-radius: 4px;
  cursor: pointer;
}

html body .products .make-request p {
  font-family: "Open Sans", sans-serif;
  padding: 20px;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
}

html body .products .make-request .desc {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: 0;
}

html body .products .make-request hr {
  border-color: black;
  width: 30px;
  margin-left: 20px;
  margin-top: -10px;
}

html body .products .make-request span {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #11996c;
  letter-spacing: 1.7px;
  padding-left: 20px;
  margin-top: 20px;
}

html body .products .categories {
  background: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 4px 1px rgba(121, 121, 121, 0.1);
          box-shadow: 0 0 4px 1px rgba(121, 121, 121, 0.1);
  border-radius: 4px;
  padding: 20px 20px 0 20px;
  margin-top: 22px;
}

html body .products .categories .title {
  font-family: "Lato", sans-serif;
  font-size: 10px;
  color: #9fa3a7;
  letter-spacing: 0;
  line-height: 26px;
}

html body .products .categories ul {
  list-style-type: none;
  padding-left: 0;
}

html body .products .categories ul li {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: 0.16px;
  line-height: 32px;
  cursor: pointer;
}

html body .products .categories ul li.active,
html body .products .categories ul li.router-link-exact-active {
  color: #18996b;
}

html body .base-page {
  padding-top: 70px;
  text-align: center;
  font-weight: 300;
}

html body .base-page h1 {
  max-width: 1024px;
  font-size: 46px;
  margin-bottom: 10px;
}

html body .base-page p {
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  max-width: 1000px;
  margin-bottom: 60px;
}

html body .base-page .content {
  max-width: 875px;
  padding: 0;
}

html body .base-page ul {
  margin-top: 20px !important;
  max-width: 1200px;
}

html body .base-page ul.list li {
  max-width: 100%;
  text-align: left;
  list-style-type: disc;
}

html body .base-page ul li {
  list-style-type: none;
  max-width: 260px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

html body .base-page ul li h6 {
  font-size: 16px;
}

html body .base-page ul li p,
html body .base-page ul li a {
  font-size: 14px;
}

html body .base-page ul li a {
  color: #11996c;
  font-weight: bold;
  letter-spacing: 1.7px;
}

html body .base-page .main {
  margin-bottom: 40px;
}

html body .base-page form div.flex-row {
  margin-bottom: 20px;
}

@media (max-width: 549px) {
  html body .base-page form .flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  html body .base-page form .flex-row input {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .base-page form .nav li a {
    font-size: 13px;
  }
}

html body .footer {
  background: black;
  padding: 10px 20px;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 99999;
}

@media (max-width: 683px) {
  html body .footer {
    display: none;
  }
}

html body .footer ul {
  padding: 0;
  margin: 0;
}

html body .footer ul li {
  padding: 10px;
  text-transform: uppercase;
  color: white;
}

html body .footer ul li:last-child {
  font-weight: bold;
}

html body .footer-mobile {
  background: black;
  display: none;
}

html body .footer-mobile .pull-left,
html body .footer-mobile .pull-right {
  margin: 10px 20px 5px 20px;
}

html body .footer-mobile .pull-left {
  margin-top: 20px;
}

@media (max-width: 683px) {
  html body .footer-mobile {
    display: block;
  }
}

html body .footer-mobile ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
  padding-bottom: 20px;
}

html body .footer-mobile ul li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  color: white;
  text-transform: uppercase;
}

html body .loginbox {
  padding-top: 145px;
  min-height: calc(100vh - 91px);
  background: url("/img/loginBG.png") center;
  background-size: cover;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html body .loginbox .sign-in {
  position: relative;
  background: rgba(0, 0, 0, 0.59);
  border-radius: 3px;
  width: 970px;
  min-height: 395px;
  padding: 30px 20px;
}

html body .loginbox .sign-in .box-285 {
  margin: 20px;
  width: 285px;
}

html body .loginbox .sign-in .terms-conditions a {
  padding: 0px;
  color: #636b6f;
}

html body .loginbox .sign-in h1 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: white;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 40pt;
}

html body .loginbox .sign-in p {
  font-size: 15px;
  color: white;
  line-height: 25px;
  margin-bottom: 20px;
}

html body .loginbox .sign-in a {
  font-size: 14px;
  padding: 10px 60px;
}

html body .loginbox .sign-in .forgot {
  padding: 0;
  color: #999;
}

html body .loginbox .sign-in .white-box {
  position: absolute;
  width: 490px;
  min-height: 465px;
  border-radius: 3px;
  top: -35px;
  right: 80px;
}

html body .loginbox .sign-in .white-box h1 {
  font-size: 36px;
  color: #2a2a2a;
  letter-spacing: 0;
  line-height: 35px;
  margin-bottom: 60px;
}

html body .loginbox .sign-in .white-box h1.register {
  margin-top: 0;
  margin-bottom: 30px;
}

html body .loginbox .sign-in .white-box .auth {
  margin-top: 30px;
}

@media (max-width: 969px) {
  html body .loginbox .sign-in {
    width: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  html body .loginbox .sign-in .white-box {
    position: initial;
  }
}

@media (max-width: 569px) {
  html body .loginbox .sign-in .white-box {
    width: auto;
  }
}

@media (max-width: 450px) {
  html body .loginbox .sign-in .white-box .auth {
    display: block;
  }
}

@media (max-width: 364px) {
  html body .loginbox .sign-in .box-285 {
    width: auto;
  }
}

html body form .group {
  position: relative;
  margin-bottom: 25px;
}

html body form .group label {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

html body form .inputMaterial {
  font-size: 14px;
  padding: 10px 10px 10px 5px;
  display: block;
  border: none;
  border-bottom: 1px solid #d4d4d4;
}

html body form .inputMaterial:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #11996c;
}

html body form .inputMaterial:focus ~ label,
html body form .inputMaterial:valid ~ label,
html body form .inputMaterial:disabled ~ label {
  top: -20px;
  font-size: 14px;
  color: #11996c;
}

html body .fixed-table-container {
  border: 1px solid transparent;
}

html body .bootstrap-table {
  width: 100%;
}

html body table.sortable th,
html body table.sortable td {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px;
}

html body .modal-mask {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

html body .modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

html body .modal-container {
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
}

@media (min-width: 60em) {
  html body .modal-container {
    margin: 5% auto;
    max-height: 57em;
    max-width: 66em;
    width: 85%;
    overflow-x: auto;
  }
}

html body .modal-container .modal-body {
  margin: 20px 0;
}

html body .modal-container .modal-body img {
  max-width: 80%;
}

html body .modal-header h3 {
  margin-top: 0;
  color: #42b983;
}

html body .modal-default-button {
  float: right;
}

html body .modal-enter {
  opacity: 0;
}

html body .modal-leave-active {
  opacity: 0;
}

html body .modal-enter .modal-container,
html body .modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

html body .rectangle {
  background-color: #000;
  position: absolute;
}

html body .dropzone .dz-preview .dz-image img {
  display: block;
  width: 100%;
  height: 100%;
}

html body .cropper-container {
  max-width: 100%;
  max-height: 500px;
}

html body .nav-menu ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

html body .nav-menu li {
  font-size: 1.2em;
  text-align: left;
}

html body .nav-menu a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding-left: 15px;
  border-bottom: 1px solid #888;
}

html body .nav-menu a.active {
  color: #444;
  cursor: default;
}

html body .nav-menu li li {
  font-size: 0.8em;
}

@media screen and (min-width: 650px) {
  html body {
    /* Sub Menus */
  }

  html body .nav-menu li {
    border-bottom: none;
    height: 70px;
    font-size: 1.4em;
    display: inline-block;
  }

  html body .nav-menu a {
    border-bottom: none;
    padding: 0px !important;
  }

  html body .nav-menu > ul > li {
    text-align: center;
  }

  html body .nav-menu > ul > li > a {
    padding-left: 0;
  }

  html body .nav-menu li ul {
    position: absolute;
    display: none;
    width: inherit;
    background-color: #254836;
    height: 100%;
    border-radius: 5px;
    margin-top: 9px;
  }

  html body .nav-menu li ul:after {
    content: '';
    position: absolute;
    right: 74px;
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #254836 transparent;
    z-index: 9998;
  }

  html body .nav-menu li:hover ul {
    display: block;
  }

  html body .nav-menu li ul li {
    display: block;
  }
}