/********************************************
    Mixins
*********************************************/
/********************************************
    Responsive Typography
*********************************************/
/***********************
    Variables
***********************/
/***********************
    Button
***********************/
.cat-product-item .button-group button {
  padding: 0px; }

.btn-primary {
  color: #ffffff !important;
  background-color: #b96135 !important; }

.btn-primary {
  color: #ffffff !important;
  background: #b96135 !important;
  border: 1px solid #b96135; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #ffffff !important;
    background: #914c2a !important;
    border: 1px solid #914c2a; }

/***********************
    Main
***********************/
.main-wrapper {
  overflow: hidden; }

.content-page a, .page-content a {
  color: #b96135; }

/***********************
    Header
***********************/
.breadcrumb {
  margin-top: 15px; }

.head-user-menu {
  background: #310820; }
  .head-user-menu ul li a {
    color: #ffffff !important; }
  .head-user-menu ul li:hover a, .head-user-menu ul li:active a, .head-user-menu ul li:focus a {
    background: #a5572f !important; }
  .head-user-menu ul li a:active {
    background: #a5572f !important; }

.main-header {
  padding: 0;
  left: 0;
  /********************************************
        Main Menu
    *********************************************/ }
  .main-header .logo a {
    height: 100%;
    vertical-align: middle; }
  .main-header .logo .logo-text {
    margin-left: 15px;
    vertical-align: middle;
    font-size: 9px;
    color: #B2BB1A; }
  @media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) {
    .main-header #main-menu {
      position: inherit !important; } }
  .main-header #main-menu a, .main-header #main-menu .nav .open > a {
    font-size: 16px;
    background: none !important;
    padding-top: 21px;
    padding-bottom: 21px; }
    @media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
      .main-header #main-menu a, .main-header #main-menu .nav .open > a {
        padding-top: 12px;
        padding-bottom: 12px; } }
    .main-header #main-menu a:hover, .main-header #main-menu a:active, .main-header #main-menu a:focus, .main-header #main-menu .nav .open > a:hover, .main-header #main-menu .nav .open > a:active, .main-header #main-menu .nav .open > a:focus {
      color: #b96135;
      background-color: transparent !important; }
  .main-header #main-menu li.active a {
    color: #b96135;
    border-bottom: none; }
  .main-header #main-menu ul.navbar-nav ul.sub-menu {
    padding-top: 35px;
    background-color: #f2f2f2;
    border: none !important; }
    @media screen and (max-width: 667px) {
      .main-header #main-menu ul.navbar-nav ul.sub-menu {
        overflow: scroll;
        max-height: 350px; } }
    @media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) {
      .main-header #main-menu ul.navbar-nav ul.sub-menu {
        width: 100vw; } }
    @media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
      .main-header #main-menu ul.navbar-nav ul.sub-menu {
        padding: 15px !important;
        width: 100%; } }
    .main-header #main-menu ul.navbar-nav ul.sub-menu a {
      padding-top: 5px;
      padding-bottom: 5px; }
      .main-header #main-menu ul.navbar-nav ul.sub-menu a:hover, .main-header #main-menu ul.navbar-nav ul.sub-menu a:active, .main-header #main-menu ul.navbar-nav ul.sub-menu a:focus {
        text-decoration: none !important; }
    .main-header #main-menu ul.navbar-nav ul.sub-menu li.sub-menu-item {
      padding: 0 15px 15px; }
      @media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
        .main-header #main-menu ul.navbar-nav ul.sub-menu li.sub-menu-item {
          padding: 0px !important; }
          .main-header #main-menu ul.navbar-nav ul.sub-menu li.sub-menu-item a {
            padding: 5px 10px; } }
      @media screen and (max-width: 320px) {
        .main-header #main-menu ul.navbar-nav ul.sub-menu li.sub-menu-item {
          padding: 0 15px 2px; } }
      @media screen and (max-width: 667px) {
        .main-header #main-menu ul.navbar-nav ul.sub-menu li.sub-menu-item {
          padding: 0 15px 2px; } }
    .main-header #main-menu ul.navbar-nav ul.sub-menu li.has-sub-menu > a {
      font-weight: bold;
      padding-bottom: 4px !important;
      border-bottom: solid 1px #b96135; }
      .main-header #main-menu ul.navbar-nav ul.sub-menu li.has-sub-menu > a:hover, .main-header #main-menu ul.navbar-nav ul.sub-menu li.has-sub-menu > a:active, .main-header #main-menu ul.navbar-nav ul.sub-menu li.has-sub-menu > a:focus {
        border-color: #B2BB1A; }
    .main-header #main-menu ul.navbar-nav ul.sub-menu:before, .main-header #main-menu ul.navbar-nav ul.sub-menu:after {
      position: absolute;
      left: -500%;
      top: 0px;
      content: '';
      width: 1000%;
      background-color: inherit;
      z-index: -1; }
    .main-header #main-menu ul.navbar-nav ul.sub-menu:before {
      height: 70%;
      min-height: 530px; }
    .main-header #main-menu ul.navbar-nav ul.sub-menu:after {
      top: 70%;
      height: 30%;
      opacity: 0.75; }
  .main-header #main-menu ul.navbar-nav > li a {
    text-transform: capitalize; }
  .main-header #main-menu ul.navbar-nav > li.open > a {
    position: relative; }
    .main-header #main-menu ul.navbar-nav > li.open > a:hover, .main-header #main-menu ul.navbar-nav > li.open > a:active, .main-header #main-menu ul.navbar-nav > li.open > a:focus {
      background: none !important; }
    .main-header #main-menu ul.navbar-nav > li.open > a:after, .main-header #main-menu ul.navbar-nav > li.open > a:before {
      top: 69px;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      z-index: 1005; }
    .main-header #main-menu ul.navbar-nav > li.open > a:after {
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #b96135;
      border-width: 15px;
      margin-left: -15px; }
    .main-header #main-menu ul.navbar-nav > li.open > a:before {
      border-color: rgba(245, 245, 245, 0);
      border-top-color: #b96135;
      border-width: 16px;
      margin-left: -16px; }

@media (min-width: 240px) and (max-width: 740px) {
  #featuredSlider .item {
    height: 300px; }
    #featuredSlider .item img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; } }

.carousel-caption h2 {
  color: #ffffff; }

/***********************
    Featured Panel
***********************/
.featured-panel {
  margin-top: 35px; }
  .featured-panel i {
    color: #b96135; }
  .featured-panel a.btn {
    display: inline-block;
    width: auto;
    padding: 10px 25px;
    background: #1ab315 !important;
    border: 1px solid #1ab315;
    margin: auto;
    color: #1ab315;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .featured-panel a.btn:hover, .featured-panel a.btn:active, .featured-panel a.btn:focus {
      background: #1ab315 !important;
      color: #ffffff; }

.footer-2 .footer-content, .footer-signup.foot-signup {
  background: #fff1e0 !important; }