/*! Place your custom styles here */

/* logo */
.bar .logo {
  max-height: 66px;
}

/* footer */
footer span a {
  text-decoration: none;
}

h6:not(:last-child), .h6:not(:last-child) {
  margin-bottom: 8px;
}

section.bg--secondary + footer:not(.bg--dark):not(.bg--secondary) {
  border: none;
}

.bg--paint {
  background-image: url(../img/paint.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

.bg--quote {
  position: absolute;
  top: 0px;
  left: -35px;
}

.menu-horizontal > li:not(:hover) > a {
  opacity: 0.8;
}

.tabs {
  margin-bottom: 0;
}

.mobile-icons a {
  color: #666666;
}

.mobile-icons a:hover {
  text-decoration: none;
}

.mobile-icons a:not(.active) {
  opacity: .4;
}

.mobile-icons .col {
  padding-left: 8px;
  padding-right: 8px;
}

.mobile-icons .h5 {
  padding-top: 5px;
  font-size: 8px;
}

.card-2 .card__bottom {
  border-top : none;
}

.mt-15 {
  margin-top: 15rem;
}

section.text-center div[class*="col-"] {
  margin: 0 auto;
  float: none;
}

@media all and (max-width: 767px) {
  h6:not(:last-child), .h6:not(:last-child) {
    margin-top: 3rem;
  }
  .col-xs-6:nth-child(2n+1) {
    padding-left: .5rem;
  }
  .tabs > li {
    display: inline-block;
  }
  .tabs li:not(:last-child) {
    border-right: 1px solid #ECECEC;
  }
  .pt-xs-5 {
    padding-top: 5rem;
  }
}

@media all and (min-width: 993px) {
  .go--higher {
    top: -70px;
  }
}

@media all and (min-width: 768px) and (max-width: 992px) {
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a, .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
    color: #fff;
  }
  .bar--transparent:not(.bar--dark) {
    background: none;
  }
  .bar--absolute, .pos-fixed {
    z-index: 99;
    width: 100%;
  }
  .bar--absolute {
    position: absolute;
  }
  .bar .logo {
    max-height: 40px;
  }
}
  
/* scroller */
.scroll-downs {
  position: absolute;
  top: -150px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width :34px;
  height: 55px;
}

.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}

.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}

@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}