* { margin: 0; padding: 0; }
a { color: #FFF; text-decoration: none; }
html{font-size: 62.5%;}
button {cursor: pointer;}
a:hover { text-decoration: underline; }
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.hidden {display:none;}
.center {text-align: center;}
body { font-family: myriad-pro, sans-serif;}
.slick-arrow { display: none !important;}
text {
     font-size: 9px;
     font-weight: bold;
}
#Nav svg {
  width: 100%;
  max-height: 75px;
  min-height: 40px;
}
#Header {
     text-align: center;
     position: relative;
     min-height: 40px;
     max-height: 75px;
     height: 6vw;
}
#Logo {
     display: inline-block;
     left: 0px;
     position: absolute;
}
#Menu {
     display: inline-block;
     right: 0px;
     position: absolute;
     display: none;
}
.logo_spacer, #subfooter.logo_spacer, #footer.logo_spacer {
     height: 6vw;
     min-height: 40px;
     max-height: 75px;
     width: 6vw;
     min-width: 40px;
     max-width: 75px;
     display: inline-block;
}
.logo {
     height: 6vw;
     min-height: 40px;
     max-height: 75px;
     display: inline-block;
}
#Nav {
     display: inline-block;
}
#h-Nav div {
     height: 6vw;
     min-height: 40px;
     max-height: 75px;
     display: inline-block;
}
#h-Nav div:hover, #v-Nav div:hover, #Nav .here {
     background-color: #b8a191;
     color: #FFF;
     fill: #FFF;
}

#Carousel {
     overflow: hidden;
}
#Carousel .sliders {
     display: inline-block;
     background-size: cover;
     height: 40vw;
     background-position: center;
     width: 100%;
}
#Carousel img {
     height: auto !important;
}
#subfooter {
     background-color: #363636;
     max-height: 80px;
     height: 6vw;
     min-height: 40px;
}
#subfooter .copy {
     display: inline-block;
}
#subfooter text {
     font-size: 9px;
     font-weight: bold;
     fill: #727272;
}
#subfooter svg {
     height: 6vw;
     max-height: 80px;
     min-height: 40px;
}
#footer {
     background-color: #404040;
     text-align: center;
}
#footer .section {
     width: 25%;
     display: inline-block;
     text-align: left;
}
#footer .long {
     width: 49%;
}
#footer .section .content  {
     padding: 1vw 0;
     display: inline-block;
     width: 80%;
}
#footer .section .content .text{
     width: 100%;
     fill: #aaa;
     padding: 1vw 0;
     border-bottom: 1px solid #727272;
}
#footer svg.header text {
     fill: #FFF;
}
#footer svg.header {
     padding-bottom: 1vw;
     display: inline-block;
     width: 89%;
}
#footer .icon {
     fill: #c09e84;
     display: inline-block;
     width: 3.5%;
     padding: 0 3%;
     padding-bottom: 1vw;
}
.gallery-container {
     height: 25vw;
     background-size: cover;
     background-position: center;
}
#Content {
     margin: 2vw;
}
#Content div.header {
     text-align: center;
     height: 1.5vw;
     min-height: 15px;
     max-height: 25px;
     width: 100%;
     border-bottom: 1px solid #d7d7d7;
}
#Content div.clear {
     height: 1.5vw;
     min-height: 15px;
     max-height: 25px;
}
#Content svg.header {
     height: 3vw;
     min-height: 30px;
     max-height: 50px;
     background-color: #FFF;
     border: 1px solid #FFF;
}
#Content .products {
     text-align: center;
}
#Content .products .slider-container {
     height: 0vw;
     width: 0%;
     overflow: hidden;
     display: inline-block;
}

#Content .products .slider-container-show {
     height: 20vw;
     width: 100%;
     display: inline-block;
}
#Content .products .product-slider {
     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: scroll;
    white-space: nowrap;
}

#Content .products .product-slider::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
#Content .products .product-slider-show {
     height: 20vw;
     width: 100%;
     display: block;
     overflow: hidden;
}
#Content .products .sliders {
     height: 20vw;
     display: inline-block;
     margin: 0 2vw 2vw 2vw;
}

#Content .product {
     display: inline-block;
     padding: 0;
     border: 1px solid #cdcdcd;
     margin: 1vw;
     overflow: hidden;
     position: relative;
}

#Content .team {
     display: inline-block;
     padding: 0;
     border: 1px solid #cdcdcd;
     margin: 1vw;
     overflow: hidden;
     position: relative;
}

#Content .team_title {
     position: relative;
     text-align: left;
}

#Content .team_name .header {
    background-color: #c09e84;
}

#Content .team_title .header text {
    font-size: 7px;
}


#Content .product_title {
     position: relative;
     text-align: left;
}
#Content .product_title .arrow {
     height: 3vw;
     min-height: 30px;
     max-height: 50px;
     fill: #cdcdcd;
     position: absolute;
     right: 1vw;
}
#Content .product img {
     height: 20vw;
}

.aboutus {
     font-size: 20px;
     margin: 0 1vw;
}
.aboutus .mission {
     font-weight: bold;
     margin: 1vw;
}
.aboutus p {
     margin: 20px 0px;
}
.aboutus ul {
     padding-left: 40px;
}
#v-Nav {
     height: 0;
     overflow: hidden;
}
@media screen and (max-width: 640px) {
     #footer {
          padding: 2vw 6vw;
     }
     #footer .section, #footer .section .content {
          width: 100%;
     }
     #footer .logo_spacer {
          display: none;
     }
     .gallery-container {
          width: 100%;
          height: 40vw;
          background-size: cover;
          background-position: center;
     }
     #Menu {
          display: inline-block;
     }
     #Header {
          height: auto;
          max-height: none;
     }
     #Nav {
          text-align: center;
          padding-top: 40px;
     }
     #h-Nav {
          display: none;
     }
     #v-Nav div {
          display: block;
          width: 100% !important;
          max-width: 100% !important;
          height: auto !important;
          margin: 0;
          padding: 0;
     }
     .show {
          overflow: visible !important;
     }
     #Content .product {
          text-align: center;
          display: block;
     }
     #Content .product img {
          height: 50vw;
     }
     #Content .product_title {
          background-color: #FFF;
          width: 100%;
          position: absolute;
          bottom: -1vw;
     }
     #Content .products .product-slider-show {
          height: 50vw;
     }
     #Content .products .sliders {
          height: 50vw;
     }

}