@charset utf-8;
html, body {
  text-size-adjust: auto;
  background: #000;
  color:#fff;
  height: 100%;
  font-size: 100%;
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:link:not(.btn) {
  color: #F26522;
  outline: 0;
  text-decoration: underline
}

a:visited:not(.btn) {
  color: #Fa0;
  outline: 0;
  text-decoration: underline
}

a:active:not(.btn), a:hover:not(.btn) {
  outline: 0;
  color: #fff;
  text-decoration: none
}


img {
  max-width: 100%;
  height: auto; border:none;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Calibri,"Palatino Linotype","Book Antiqua",Palatino,"Times New Roman",Times,serif;
  padding-bottom: 5px;
  text-shadow: 1px 1px 1px #000
}

h1, .h1 {
  color: #F26522;
  text-transform: uppercase
}


h2,.h2 {
  color: #F26522
}

h3, .h3 {
  color: #F26522
}

h4, .h4 {
  text-transform: uppercase
}

h5, h6, .h5, .h6 {
  font-style: italic
}

#navbar-Main a {
  color: #fff !important;
  text-shadow: 1px 1px 1px #000;
  text-transform: uppercase;
  text-decoration: none !important;
}

  #navbar-Main a:hover, #navbar-Main a.active {
    outline: 0;
    color: #000 !important;
    text-shadow: 1px 1px 1px #ccc;
  }

#navbar-Main .dropdown-menu {
  background: #F26522;
  padding-left: 5px;
  padding-right: 5px;
}
#navbar-Main .dropdown-menu a {
  text-transform: none !important; line-height:150%; margin-bottom:5px
}
@media (max-width: 991.98px) {
  #navbar-Main {
    margin-top: 8px;
    background: #F26522;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.nav-wrapper {
  background: url(/i/menu-bg.webp) top center no-repeat;
  background-size: 100% 65px;
  padding-top: 3px
}

#Breadcrumbs {
  margin: 10px 0;
  color: #fff
}

  #Breadcrumbs a {
    color: #fff !important
  }



.main-content {
  background: #343232;
}

#quotes {
  background: #fff;
  padding: 10px;
  border: 4px solid #390;
  border-radius: 10px
}

#info {
  margin: 15px 0
}

#lower-wrapper {
  background: #F26522;
  border-left: 10px solid #F26522;
  border-right: 10px solid #F26522
}

#suppliers {
  text-align: justify;
  text-align-last: justify;
  padding-top: 20px
}

  #suppliers p img {
    margin: 3px 0
  }

  #suppliers p:after {
    content: "";
    display: inline-block;
    width: 100%
  }

.columns {
  -webkit-column-width: 305px;
  -webkit-column-count: 3;
  -webkit-column-gap: 15px;
  -moz-column-width: 300px;
  -moz-column-count: 3;
  -moz-column-gap: 15px;
  column-width: 300px;
  column-count: 3;
  column-gap: 15px;
  margin-left: 0
}

  .columns li {
    list-style-position: inside
  }


footer {
  padding: 20px 0;
  color: #fff;
  text-align: center
}

  footer a {
    color: #fff;
    text-decoration: none
  }

    footer a:hover {
      text-decoration: underline
    }

  footer .site-name {
    text-decoration: none !important;
    color: #c00010 !important
  }

  footer aside {
    margin: 15px auto
  }


input[type="radio"] {
    margin-left: 0.5em;
    margin-right: 0.5em
}

#back-top-wrapper {
  width: 100%;
  position: absolute;
  overflow: hidden
}

#back-top {
  position: fixed;
  bottom: 30px;
  left: 50%;
  margin-left: 500px;
  display: none
}

  #back-top a {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/cs/i/to-top.gif) no-repeat 0 0 #d3d6ce;
    border-radius: 30px;
    box-shadow: 0 1px 1px rgba(255,255,255,.5),0 1px 1px #c3c9b7 inset;
    z-index: 9999
  }

    #back-top a:hover {
      background: url(/cs/i/to-top.gif) no-repeat 0 0 #eee
    }



.hr {
  height: 1px;
  background: #eee;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  margin: 30px 5px
}
hr {
  clear: both
}

.feature {
  text-align: center
}

  .feature img {
    z-index: 1;
    width: 100%;
    background: #fff;
  }

  .feature h3 {
    background: rgba(255,255,255,0.7);
    color: #000;
    margin: 0;
    padding: 0;
    position: relative;
    top: -30px;
    font: 26px normal;
    height: 30px;
    line-height: 30px;
    z-index: 2;
    text-shadow: none
  }

  .feature a {
    text-decoration: none !important
  }