
body {
  font-size: 1em;
}

h1, h2, h3, h4 {
  letter-spacing: 2px;
  text-transform: uppercase;
}
h1 {

  font-size: 1.700em
}

h2 {
  font-size: 1.50em
}

h3 {
  font-size: 1.33em
}

h4 {
  font-size: 1.15em

}

@media (min-width: 768px) {

  h1 {

    font-size: 1.750em
  }

  h2 {
    font-size: 1.50em
  }

  h3 {
    font-size: 1.33em
  }

  h4 {
    font-size: 1.15em

  }
}



.top-section{
  padding-top: 30px;
}

.header {
  position: fixed;
  background: #fff;
  padding: 15px;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 999;

}

.header-logo img {
  width: 100%;
  height: auto;
  max-width: 180px;
}

.header-button img {
  width: 100%;
  height: auto;
  max-width: 120px;
}

.wrapper {
  overflow-y: hidden;
  padding-top: 68px;

}
@media (min-width: 600px) {
  .wrapper {
    padding-top: 80px;

  }
}
.buy-fixed {
  position: fixed;
  right: 0%;
  top: 0%;
  background: #333;
  color: #fff;
  padding: 10px 15px
}

.buy-fixed p {
  margin: 0;
  padding: 0;
}

.small-heading {
  margin: 0px;
  padding: 0px;
  font-size: 1.5em;
  margin-top: 0em;
  color: #ccc;
}

.btn-black {
  background: transparent;
  color: #000;
  font-size: 20px;
  font-family: 'Fjalla One', sans-serif;
  border: #000 2px solid;
  border-radius: 0;
  padding: 10px 25px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: normal;
}

.btn-black:hover {
  background: #000;
  color: #fff;
  border: #000 3px solid;
}

.btn-stockist{
  padding: 7px 2%;
  margin: 0 9px;
  display: none;
}

@media (min-width: 768px) {
  .btn-stockist {
    display: block;
  }
}

.section-video {
  margin: 5px 0
}

.community-section {
  padding-top:3%;
  padding-bottom: 3%;
}

.social-section {
  padding: 1% 0 2% 0;
}

.bg-full-white {
  background: #fff;
}

.bg-blue {
  background: #373648;
  color: #fff;
}

.bg-grey {
  background: #ECECEC;
}

.bg-white {
  background: #fff;
}

.bg-green {
  background: #396b4e;
  color: #fff;
}

.bg-black {
  background: #333;
  color: #fff;
}

.bg-purple {
  background: #773978;
  color: #fff;
}

.bg-orange {
  background: #e87941;
  color: #fff;
}

.bg-yellow {
  background: #f1c03d;
}

.bg-pink {
  background: #f05253;
  color: #fff;
}

.section {

}

.product-section img {
  max-height: 60vh;
  margin: 2% 0;
}

@media (min-width: 650px) {
  .product-section img {
    max-height: 60vh;
    margin: 10% 0;
  }
}

.tech-section {
  min-height: 90vh;
  max-height: 99vh;
}

.timeline-section {
  padding: 0;
  overflow-x: hidden
}

.comb-section {
  overflow-x: hidden
}

.comb-section .image-comb-blade {
  margin-right: -20%;
  position: relative;
  float: right;
}

.form-input-qty {
  max-width: 100px;
  border: none;
  border-bottom: 2px solid #555;
  box-shadow: none;
  border-radius: 0;
}

#checkoutForm .form-control {
  margin: 0 auto;
}
.form-control {
  border: none;
  border-bottom: 2px solid #333;
  outline: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  font-family: 'Fjalla One', sans-serif;
}

.form-control:focus {
  border: none;
  border-bottom: 2px solid #333;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.full-width {
  width: 100%;
  max-width: none;
}

.social-grid .social-col {
  border: solid #ECECEC 3px;
  border-bottom-width: 0;
  border-right-width: 0px;
  padding: 0%
}
.social-grid img{
  border: 0 none;
  text-decoration: none
}

.social-grid a{
  border: 0 none;
  text-decoration: none
}



.small-links{color: #eee;margin-top: 5px;}
.small-links a{
  color: #bbb;
  margin-right: 10px;
  font-size: 14px;
}

.asterisk{
  color: #bbb;
}

.tech-text-cont{
  max-width: 80%; margin: 0 auto;
}
@media (min-width: 768px) {
  .tech-text-cont{
    max-width: 33.33%;margin: 0 auto;
  }
}

@media (min-width: 576px) {

  .social-grid .social-col {
    border: solid #ECECEC 10px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    padding: 0%
  }
}
.social-list{
  padding: 0px;
  margin: 15px 15px 0px;
}
.social-title{font-family: Lato;font-weight: normal;color: #525659;text-transform: lowercase;padding-left: 20px}
.social-icon-item a{
  font-size: 36px;
  color: #525659;
  margin-right: 20px;
}


.social-red {
  background: #F44336
}

.social-pink {
  background: #E91E63
}

.social-purple {
  background: #9C27B0
}

.social-blue {
  background: #2196F3
}

.social-cyan {
  background: #00BCD4
}

.social-green {
  background: #4CAF50
}

.social-yellow {
  background: #FFEB3B
}

.social-amber {
  background: #FFC107
}

.social-orange {
  background: #FF5722
}

.social-teal {
  background: #009688
}


#toolbar{z-index: 99999!important;}
.tabs {font-size: 14px!important;}

.form-text{width: 100% !important}

.webform-client-form label{
  font-family: 'Fjalla One', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
}

.form-submit{

}

.form-submit{
  background: transparent;
  color: #000;
  font-size: 20px;
  font-family: 'Fjalla One', sans-serif;
  border: #000 2px solid;
  border-radius: 0;
  padding: 10px 25px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: normal;
}

.form-submit:hover {
  background: #000;
  color: #fff;
  border: #000 3px solid;
}


.form-text{
  border: none;
  border-bottom: 2px solid #333;
  outline: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: left;
  font-family: 'Fjalla One', sans-serif;
}

.form-text:focus {
  border: none;
  border-bottom: 2px solid #333;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #ddd;
  font-weight: normal;
  font-weight: normal;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #ddd;
  font-weight: normal;
  opacity:  1;
  font-weight: normal;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #ddd;
  font-weight: normal;
  opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #ddd;
  font-weight: normal;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:    #ddd;
  font-weight: normal;
}

.owl-nav{
  right: 2%;
  position: absolute;
  bottom: 2%;
  font-size: 36px;
}


.owl-nav .fa{ transition: all .2s ease-in-out; transform: scale(1); opacity: 0.85}
.owl-nav .fa:hover{ transform: scale(1.3); }


.owl-nav .disabled{
  opacity: 0.2;
}

.submitted{display: none}
