/*:: Set Color Variables
-------------------------------------------- */
/*:: Transitions & Mixins
-------------------------------------------- */
.transition-background-and-color {
  -webkit-transition: background 0.25s ease-out, color 0.25s ease-out;
  -moz-transition: background 0.25s ease-out, color 0.25s ease-out;
  -ms-transition: background 0.25s ease-out, color 0.25s ease-out;
  -o-transition: background 0.25s ease-out, color 0.25s ease-out;
  transition: background 0.25s ease-out, color 0.25s ease-out;
}
.transition-background-and-color-fast {
  -webkit-transition: background 0.125s ease-out, color 0.125s ease-out;
  -moz-transition: background 0.125s ease-out, color 0.125s ease-out;
  -ms-transition: background 0.125s ease-out, color 0.125s ease-out;
  -o-transition: background 0.125s ease-out, color 0.125s ease-out;
  transition: background 0.125s ease-out, color 0.125s ease-out;
}
.transition-border-color {
  -webkit-transition: border-color 0.25s ease-out;
  -moz-transition: border-color 0.25s ease-out;
  -ms-transition: border-color 0.25s ease-out;
  -o-transition: border-color 0.25s ease-out;
  transition: border-color 0.25s ease-out;
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.button-style {
  color: white;
  background-color: #e3701f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.button-style:hover {
  background-color: #cd5602;
  color: white;
}
.button-style:hover i {
  text-decoration: none;
}
.btn {
  float: left;
  color: white;
  background-color: #e3701f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.btn:hover {
  background-color: #cd5602;
  color: white;
}
.btn:hover i {
  text-decoration: none;
}
/*:: Set Colors
-------------------------------------------- */

html {
  background: #f6f6f6;
  color: #391c08;
}
h1 {
  color: #e3701f;
}
a {
  text-decoration: none;
  color: #e3701f;
  -webkit-transition: background 0.125s ease-out, color 0.125s ease-out;
  -moz-transition: background 0.125s ease-out, color 0.125s ease-out;
  -ms-transition: background 0.125s ease-out, color 0.125s ease-out;
  -o-transition: background 0.125s ease-out, color 0.125s ease-out;
  transition: background 0.125s ease-out, color 0.125s ease-out;
}
a:hover {
  color: #cd5602;
}
#menu-toggle {
  color: white;
  background-color: #e3701f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
#menu-toggle:hover {
  background-color: #cd5602;
  color: white;
}
#menu-toggle:hover i {
  text-decoration: none;
}
#menu-toggle:hover {
  text-decoration: none;
}
#menu-toggle:hover .line {
  background-color: #e3701f !important;
}
header p strong span,
#promos .promo h5,
.testimonial cite {
  color: #e3701f;
}
header nav a:hover {
  background: #e3701f;
  color: white;
}
header nav li.first a:hover {
  background: transparent;
  color: #e3701f;
}
header nav li:last-child a {
  border-bottom: 5px solid #e3701f;
}
#main {
  background: white;
}
#main.is-product .arrow:before {
  border-color: #e3701f transparent transparent transparent;
  -webkit-transition: border-color 0.25s ease-out;
  -moz-transition: border-color 0.25s ease-out;
  -ms-transition: border-color 0.25s ease-out;
  -o-transition: border-color 0.25s ease-out;
  transition: border-color 0.25s ease-out;
}
#main.is-product .arrow:hover:before {
  border-color: #cd5602 transparent transparent transparent;
}
#banner,
#page-header {
  border-bottom: 5px solid #e3701f;
}
.pageIntro + #banner {
  border-top: 5px solid #e3701f;
}
form input.text:focus,
form select:focus,
form textarea:focus {
  border-color: #e3701f;
  outline: none;
}
form button {
  color: white;
  background-color: #e3701f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  -webkit-transition: background 0.125s ease-out, color 0.125s ease-out;
  -moz-transition: background 0.125s ease-out, color 0.125s ease-out;
  -ms-transition: background 0.125s ease-out, color 0.125s ease-out;
  -o-transition: background 0.125s ease-out, color 0.125s ease-out;
  transition: background 0.125s ease-out, color 0.125s ease-out;
}
form button:hover {
  background-color: #cd5602;
  color: white;
}
form button:hover i {
  text-decoration: none;
}
form button:focus {
  border-color: #444444;
  outline: none;
}
footer {
  border-top: 5px solid #e3701f;
}
footer h6 a:hover {
  color: #e3701f;
}
footer h6 a:hover,
section.reversed a strong {
  color: #e3701f;
}
section.reversed a:hover strong {
  color: #eeaa7a;
}
#bottom a {
  color: #e3701f;
}
#bottom a:hover {
  color: #eeaa7a;
}
@media screen and (min-width: 360px) {
  #bottom {
    border-top: 5px solid #e3701f;
  }
}
@media screen and (min-width: 520px) {
  header nav li:last-child a {
    border-bottom: none;
  }
  header nav ul ul a:hover {
    color: #e3701f;
    background: transparent;
  }
  header nav ul li.on h5 a:hover:before {
    color: #e3701f;
  }
  #bottom {
    border-top: none;
  }
}
@media screen and (min-width: 840px) {
  header nav {
    border-bottom: 5px solid #e3701f;
  }
  header nav ul ul {
    border-top: 5px solid #e3701f;
    background: white;
  }
  header nav ul li.more ul li a:hover b,
  header nav ul li#product-nav ul li a:hover b {
    color: #e3701f;
    -webkit-transition: background 0.125s ease-out, color 0.125s ease-out;
    -moz-transition: background 0.125s ease-out, color 0.125s ease-out;
    -ms-transition: background 0.125s ease-out, color 0.125s ease-out;
    -o-transition: background 0.125s ease-out, color 0.125s ease-out;
    transition: background 0.125s ease-out, color 0.125s ease-out;
  }
  header nav ul li.first:hover h5 a {
    background: transparent;
    color: #e3701f;
  }
  header nav ul li:hover h5 a,
  header nav ul li.more.on h5 a:hover {
    background: #e3701f;
    color: white;
  }
}