:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107; /*#f2d900;*/
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

#details {
  font-family: 'open sans';
  overflow-x: hidden; 
}

/* [ LOADDING ]*/
.animsition-loading-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader05 {
  width: 56px;
  height: 56px;
  border: 4px solid #3b5b30;
  border-radius: 50%;
  position: relative;
  animation: loader-scale 1s ease-out infinite;
  top: 50%;
  margin: -28px auto 0 auto; 
}

@keyframes loader-scale {
  0% {
    transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } 
}

/* [ BUTTON BACK TO TOP ]*/
.btn-back-to-top {
  display: none;
  position: fixed;
  width: 40px;
  height: 38px;
  bottom: 0px;
  right: 40px;
  background-color: #3b5b30;
  opacity: 0.5;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.symbol-btn-back-to-top {
  font-size: 25px;
  color: white;
  line-height: 1em;
}

.btn-back-to-top:hover {
  opacity: 1;
  background-color: #3b5b30;
}

@media (max-width: 575px) {
  .btn-back-to-top {
    bottom: 0px;
    right: 15px;
  }
}

/* [ Logo ]*/
.logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  /*height: 65%;*/
}

.logo img {
  max-width: 100%;
  max-height: 50px;
}

/*---------------------------------------------*/
/* hov-img0 */
.hov-img0 {
  display: block;
  overflow: hidden;
}

.hov-img0 img{
  width: 100%;
  -webkit-transition: transform 0.9s ease;
  -o-transition: transform 0.9s ease;
  -moz-transition: transform 0.9s ease;
  transition: transform 0.9s ease;
}

.hov-img0:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/* Sombras */
.sombra-black {
  text-shadow: 1.2px 1.2px 0.5px black;
}
.sombra-silver {
  text-shadow: 1.2px 1.2px 0.5px gray;
}
.sombra-white {
  text-shadow: 1.2px 1.2px 0.5px white;
}
.sombra-redondeada {
  -webkit-filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.64));
     -moz-filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.64));
          filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.64));
}
.sombra-mini {
  -webkit-filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.64));
     -moz-filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.64));
          filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.64));
}


/* [ Theme ]*/
/* Extra small devices (portrait phones, less than 576px)
/* No media query for `xs` since this is the default in Bootstrap
.header .container {  }
/* Small devices (landscape phones, 576px and up) /
@media (min-width: 576px) {
  .header .container { max-width: 540px; }
}
/* Medium devices (tablets, 768px and up) /
@media (min-width: 768px) {
  .header .container { max-width: 720px; }
}
/* Large devices (desktops, 992px and up) /
@media (min-width: 992px) {
  .header .container { max-width: 960px; }
}
/* Extra large devices (large desktops, 1200px and up) /
@media (min-width: 1200px) {
  .header .container { max-width: 1140px; }
}
 */

.header {
  padding: 1em 0 4em 0;
}

.tollfree {
  margin-top: 0.5rem;
}

.contact-form-row div input[type="email"] {
  width: 92%;
  padding: 1em;
  border: 1px solid #EEE;
  -webkit-appearance: none;
  outline: none;
  color: #777;
  transition: border-color 0.4s;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  -ms-transition: border-color 0.4s;
  font-size: 13px;
  font-weight: 300;
  text-transform: lowercase;
}
.contact-form-row div input[type="email"]:hover{
  border-color: #9cbc1f;
}
.contact-form input[type="submit"]:hover{
  background: #3b5b30;
}
.btn-more {
  color: #555555;
  font-size: 1.15em;
  text-decoration: none;
  padding: 8px 20px;
  border: 1px solid #555555;
  text-align: center;
}
.btn-1c:hover, .btn-1c:active {
  background: #3b5b30;
}

.address dt {
  color: #fff;
  text-transform: capitalize;
}

.address dd {
  color: #ededec;
  font-weight: 400;
  line-height: 1.8em;
  font-size: 14px;
}

.get-in-touch {
  background: #0F0F0F;
}

.about-section h3, .about-section h4 {
  margin-bottom: 16px;
}

.about-section p {
  font-size: 1em;
}

/*
.about-content{
  margin-top:3em;
}
*/
.copyright p {
  font-size: 16px;
}
/* [ SSM ] */
@media (max-width: 480px) {
  /*.about-content{  margin-top:0em; }*/
  .copyright p { font-size: 12px; }
}
/* [ SM ] Extra small devices (portrait phones, less than 576px) */
@media (min-width: 576px) {
  /*.about-content{  margin-top:0.5em; }*/
  .copyright p { font-size: 13px; }
}
/* [ MD ] Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /*.about-content{  margin-top:1em; }*/
  .copyright p { font-size: 14px; }
}
/* [ LG ] Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /*.about-content{  margin-top:2em; }*/
  .copyright p { font-size: 15px; }
}
/* [ XL ] Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*.about-content{  margin-top:3em; }*/
  .copyright p { font-size: 16px; }
}

.footer {
  padding: 6px 0;
}

.img-height-200 {
  max-height: 200px;
}

/**
 * colors: bg, text, links ...
 */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
.link-muted {
  color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
  color: #606c84;
}
.link-black {
  color: #666;
}
.link-black:hover,
.link-black:focus {
  color: #999;
}



/**
 * marquee
 */
.slider.customer-logos {
  padding-top: 0px; 
}

marquee>a, 
marquee>a:hover {
  color:#000; 
  text-decoration:none;
  background-color:#f4f3f3;
}

.list-inline-item.productbox:not(:last-child) {
  margin-right: 68px;
}
/* [ SSM ] */
@media (max-width: 480px) {
  .list-inline-item.productbox:not(:last-child) {
    margin-right: 15px;
  }
}

.productbox {
    /*width:250px;*/
    height:auto;
    padding: 0px;
    /*margin-bottom:10px;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*border: solid 1px #cbcbcb;*/
    transition: all .20s ease-in-out;
}
.productbox img {
    /*width:235px;*/
    height:35px;
}