p, h1, h2, h3, h4, h5, h6 {
  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
}

.fixed-top {
  position: absolute;
}

.splash-bg {
  background: url(/Content/assets/splash-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.row.text-uppercase.text-center {
  color: #16a6b5;
}

  .row.justify-content-center.img-fix.text-center.text-uppercase p, .row.text-uppercase.text-center h6 {
    color: #000;
  }

ul.navbar-nav li {
  padding: 35px 20px;
  transform: skew(-20deg);
}

  ul.navbar-nav li a {
    color: #fff;
    transform: skew(20deg);
  }

.fa.fa-bars {
  color: #fff;
}

li.nav-item.active, li.nav-item:hover {
  background-color: #000;
}

.collapsed-bg {
  background: #000;
}

#mainNav {
  border-top: 15px solid #000;
}

@media (max-width: 1024px) {
  ul.navbar-nav {
    margin-top: 0px;
  }

  ul li {
    transform: skew(0deg);
  }

    ul li a {
      transform: skew(0deg);
    }

  li.nav-item.active {
    background: none;
  }

  #mainNav {
    border: none;
    background: #000;
  }
}

.col-lg-4.mt-2.p-3 ul {
  -webkit-padding-start: 0px;
}

li.list-item-style {
  list-style-type: none;
}

.masthead {
  background: url(/Content/home/masthead_splash_logo_teal.png), linear-gradient(black, #16a6b5);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 1025px) {
  .masthead {
    background: url(/Content/home/masthead_splash_logo_teal.png), linear-gradient(black, #16a6b5);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  ul.navbar-nav li a {
    color: #fff;
    transform: skew(20deg);
  }
}

.row.row-spacing-1 {
  padding: 300px 0px 0px 0px;
}

.row.row-spacing-2 {
  padding: 50px 0px 0px 0px;
}

.row.row-spacing-3 {
  padding: 450px 0px 0px 0px;
}

.row.row-spacing-4 {
  padding: 0px 0px 0px 0px;
}

.row.row-spacing-5 {
  padding: 0px 0px 100px 0px;
}

@media (max-width: 425px) {
  .row.row-spacing-1 {
    padding: 100px 0px 0px 0px;
  }

  #mainNav > div > a > img {
    height: 50px;
  }
}

#mainNav .navbar-toggler {
  color: #000 !important;
}

img.img-fluid.logo-transparent {
  opacity: 0.25;
}

.btn-black {
  background-color: #000;
  color: #fff;
  border-radius: 25px;
}

  .btn-black:hover {
    background-color: #ccc;
    color: #000;
  }

#btn-teal {
  color: #fff;
  background-color: #16a6b5;
}

  #btn-teal:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #16a6b5;
  }

#btn-white {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
}

  #btn-white:hover {
    color: #fff;
    background-color: #ccc;
  }

#btn-inverse {
  padding: 10px 30px 10px 30px;
  background-color: transparent;
  color: #fff;
  border: 2px solid white;
  border-radius: 25px;
}

  #btn-inverse:hover {
    color: #FFF;
    background-color: #000;
  }

#mouseScroll {
  position: relative;
  animation: mouse-scroll normal 2s infinite ease-in-out;
  -webkit-animation: mouse-scroll normal 2s infinite ease-in-out;
  -moz-animation: mouse-scroll normal 2s infinite ease-in-out;
  -ms-animation: mouse-scroll normal 2s infinite ease-in-out;
}

@keyframes mouse-scroll {
  from {
    top: 0px;
  }

  to {
    top: 100px;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes mouse-scroll {
  from {
    top: 0px;
  }

  to {
    top: 100px;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes mouse-scroll {
  from {
    top: 0px;
  }

  to {
    top: 100px;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes mouse-scroll {
  from {
    top: 0px;
  }

  to {
    top: 100px;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.img-fix img {
  height: 150px;
  width: 150px;
  transition: all ease 0.2s;
}

  .img-fix img:hover {
    transform: scale(1.1);
  }

.embroidery-bg {
  background: url(/Content/home/services/embroidery.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
}

.custom-bg {
  background: url(../img/backpack.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
}

.leather-bg {
  background: url(../img/hats.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
}

.map-bg {
  background: url(/Content/home/map.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#contact > div > div.row.text-center.justify-content-center > div > div > div > div {
  background: rgba(255, 255, 255,0.8);
}

.form-control {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc;
}

ul.footer-list {
  list-style-type: none;
  -webkit-padding-start: 5px;
}

img.social-icon {
  width: 50px;
  height: 50px;
  padding: 10px;
}

footer {
  background-color: #000;
}

.footer-p {
  margin-bottom: 0px;
}

p.footer-text {
  font-size: 8px;
  margin: 0;
  padding: 0;
}

a.footer-link {
  font-size: 10px;
}

.text-teal {
  color: #16a6b5;
}