@font-face {
    font-family: 'rsubold';
    src: url('fonts/rsu/rsu_bold-webfont.eot');
    src: url('fonts/rsu/rsu_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rsu/rsu_bold-webfont.woff2') format('woff2'),
         url('fonts/rsu/rsu_bold-webfont.woff') format('woff'),
         url('fonts/rsu/rsu_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rsulight';
    src: url('fonts/rsu/rsu_light-webfont.eot');
    src: url('fonts/rsu/rsu_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rsu/rsu_light-webfont.woff2') format('woff2'),
         url('fonts/rsu/rsu_light-webfont.woff') format('woff'),
         url('fonts/rsu/rsu_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rsuregular';
    src: url('fonts/rsu/rsu_regular-webfont.eot');
    src: url('fonts/rsu/rsu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rsu/rsu_regular-webfont.woff2') format('woff2'),
         url('fonts/rsu/rsu_regular-webfont.woff') format('woff'),
         url('fonts/rsu/rsu_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
  color: #333;
  font-family: 'rsulight', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  overflow-x: hidden;
  padding: 0 !important;
}
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
  color: #111;
  font-family: 'rsubold', sans-serif;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 10px 0;
  text-rendering: optimizelegibility;
}

h1 { font-size: 42px; }

h2 { font-size: 34px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h4 { font-weight: 600; }

h5,
h6 { font-weight: bold; margin-bottom: 20px; }

p,
p.lead {
  color: #696f6f;
  margin-bottom: 20px;
  font-family: 'rsulight', sans-serif;
}


/* ----------------------------------------------------------------
  BOX SLIDER
-----------------------------------------------------------------*/

.boxed-slider { height: auto; width: 100%; }
.boxed-slider .owl-item { height: auto; }
#slider-carousel .owl-bg-img img { width: 100%; height: auto; }

.owl-carousel .owl-controls .owl-nav .owl-next, 
.owl-carousel .owl-controls .owl-nav .owl-prev {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 38px;
  height: 75px;
}


/* ----------------------------------------------------------------
  TOPBAR / MAINMENU
-----------------------------------------------------------------*/

/*#logo {
  position: absolute;
  z-index: 999;
  float: left;
  font-size: 28px;
  line-height: 100%;
  left: 50px;
  top: 40px;
}*/

#logo img { 
  height: 89px !important; 
}

#header.header-sticky:not(.header-static) #logo img { 
  height: 60px !important; 
}

#topbar .topbar-dropdown { right: 150px; }
#topbar .call-custom { position: absolute; right: 50px; top: 0; background: #5a3d00; color: #fff; padding: 10px 10px; border-radius: 0 0 13px 13px; }
#topbar .call-custom:hover { background: #827701; }
#topbar .call-custom ul { margin: 0 auto; }
#topbar .call-custom ul li { padding-left: 3px; padding-right: 3px }
#topbar .call-custom ul li a { color: #eee; font-size: 16px; }
#topbar .call-custom ul li a:hover { color: #eee; }

.topbar-dropdown .title { font-size: 14px; }

#header #top-search a { color: #5a3d00; }
#header #top-search a:hover { color: #827701; }

#mainMenu > ul > li > a { 
  font-weight: 600; 
  font-family: 'rsubold', sans-serif; 
  font-size: 16px; 
  padding: 10px 15px; 
  color: #5a3d00;
  transition: none;
}
#mainMenu > ul > li > a:hover { 
  color: #827701; 
  transition: none; 
}


/* ----------------------------------------------------------------
  BOXES
-----------------------------------------------------------------*/

.section-boxes {  }
.section-boxes img:hover { opacity: 0.8; }
.section-boxes h3 a { font-size: 20px; text-transform: uppercase; }
.section-boxes h3 a:hover { color: #463000 !important; }
.section-boxes span { font-size: 16px; }

.box-1, .box-2, .box-3, .box-4, .box-5, .box-6 {
  /*min-height: 270px;*/
}

/* ----------------------------------------------------------------
  PRODUCT
-----------------------------------------------------------------*/

.hr-title.hr-long { width: 90%; margin: 20px auto 30px; }
.hr-title { font-size: 20px; color: #bbb; }
.hr-title abbr { background-color: #5a3d00; color: #f8f8f8; }

.product .product-image { border: 1px solid #eee; }

.section-catagory-3 .hr-title { font-size: 18px; }
.section-catagory-3 .hr-title abbr { letter-spacing: .05em; }
.section-catagory-3 .product .product-image img { 
  display: block;
  width: auto;
  height: 250px;
  margin: 0 auto;
}

.section-catagory-3 .catagory-3-left, 
.section-catagory-3 .catagory-3-center, 
.section-catagory-3 .catagory-3-right {  }

/*.section-catagory-4 .product .product-title h3, .section-catagory-4 .product .product-title h3 a { color: #eee; }
.section-catagory-4 .product .product-title h3:hover, .section-catagory-4 .product .product-title h3 a:hover { color: #827701; }
.section-catagory-4 .product .product-price ins { color: #eee; }*/
/*.section-catagory-4 .hr-title abbr { background: #827701; }*/

.product { margin-bottom: 0; }
.product-title { width: 100%; }
.product .product-title h3, 
.product .product-title h3 a {  
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 20px;
  text-align: center;
  color: #5a3d00;
  letter-spacing: -0.5px;
}

.product .product-title h3:hover, 
.product .product-title h3 a:hover {
  color: #827701;
}

.product .product-price { 
  width: 100%;
  float: left; 
  text-align: center;
  margin-top: 5px;
  margin-bottom: 15px;
}

.product .product-cart {
  text-align: center;
}

body:not(.device-xs):not(.device-xxs):not(.device-sm) .col-md-2 .product { margin-bottom: 0px; }
body:not(.device-xs):not(.device-xxs):not(.device-sm) .col-md-2 .product .product-price { float: none; text-align: center; }


.title-box {
  min-height: 325px;
  padding: 30px;
}
.title-box.color-1 {
  background: #5a3d00;
  color: #fff;
}
.title-box.color-2 {
  background: #827701;
  color: #fff;
}


.catagory-2 .container { border: 1px solid #eee; padding: 25px 0; }


/* ----------------------------------------------------------------
  NEWS
-----------------------------------------------------------------*/

.section-news { background: #fafafa; }

.section-news .post-item { 
  border-bottom: none; 
  margin-bottom: 0px; 
  padding-bottom: 0px;  
}
.section-news .post-item p { margin-bottom: 30px; margin-top: 20px; }
.section-news .post-item .post-title h3 { font-size: 22px; line-height: 25px; }
.section-news .post-item .post-title h3 a { color: #5a3d00; }
.section-news .post-item .post-title h3 a:hover { color: #827701; }
.section-news .post-thumbnail .post-meta { font-size: 16px; color: #696f6f; }
.section-news .post-thumbnail .post-meta a { color: #696f6f; }
.section-news .post-thumbnail .post-meta a:hover { color: #5a3d00; }


/* ----------------------------------------------------------------
  FOOTER
-----------------------------------------------------------------*/

footer { border-top: none; background-color: #f4f4f4; padding: 0; }
footer .copyright-content { 
  background-color: #e8e8e8;
  border-top: 1px solid #e5e5e5;
  min-height: 30px;
  padding: 10px 0;
}
.footer-content { padding: 40px 0 10px 0; }
.footer-content h3 { color: #5a3d00; }
.footer-content p { line-height: 20px; }
.footer-content .list-large li { margin: 5px 0; }
.footer-content .social-icons.social-icons-border li a { border: 1px solid #888; background: transparent; color: #888; }

.copyright-text { font-size: 14px; padding-top: 10px; }

.footer-content .widget-title { font-size: 18px; }
.footer-content .widget.widget-newsletter button { border-bottom-left-radius: 50px; border-top-left-radius: 50px; }

.form-control:focus { border-color: #a4906b; }

.icon-box { 
  width: 100%; 
  padding: 15px 0; 
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  margin-bottom: 0;
}
.icon-box.medium > h3, .icon-box.medium > h4 { margin: 0 12px 10px 145px; color: #5a3d00; }
.icon-box.medium > p { margin: 0 0 0px 145px; font-size: 15px; line-height: 17px; }
.icon-box.clean .icon i {
  background-color: transparent;
  color: #333;
  font-size: 50px;
  top: -20px;
  left: 10px;
  position: absolute;
}

.gototop-button {
    border-radius: 50px;
    bottom: 110px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    line-height: 24px;
    padding: 8px 12px 9px;
    position: fixed;
    right: 10px;
    z-index: 199;
}

/* ----------------------------------------------------------------
  SYSTEM RESET
-----------------------------------------------------------------*/

.btn-org, 
.btn-primary { color: #fff; margin: 0; background-color: #827701 !important; border-color: #827701 !important; transition: all .2s ease-out; letter-spacing: 0; font-weight: normal; }
.btn-org:hover, .btn-primary:hover { color: #fff; background-color: #5a3d00 !important; border-color: #5a3d00 !important; }

span.facebook { color: #3a5795; }
span.twitter { color: #1da1f2; }
span.pinterest { color: #e63d44; }
span.google-plus { color: #d95332; }
span.facebook:hover, span.twitter:hover, span.pinterest:hover, span.google-plus:hover { color: #827701; }

.sys-products .body .lists .lists-item .body-image img { z-index: 99; margin: 0 auto; }
.sys-products .title a h2, 
.sys-articles .body .lists .lists-item h2 { font-size: 26px; }

.sys-breadcrumb .breadcrumb { margin-bottom: 20px; }

.tags .badge {
  display: inline-block;
  min-width: 10px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  color: #999;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: transparent;
  border: 1px solid #999;
  border-radius: 15px;
  letter-spacing: -0.5px;
  margin-right: 2px;
}
.tags .badge:hover {
  color: #fff;
  background-color: #6e5932;
  border: 1px solid #6e5932;
}



/* ----------------------------------------------------------------
  RESPONSIVE
-----------------------------------------------------------------*/

@media(max-width: 991px) {
    .widget-categories {
        padding: 0px 10px;
        width: 50% !important;
        float: left;
    }
}

@media(max-width: 768px) {
    .top-info-right-list { display: none; }
}

@media(max-width: 600px) {

}

@media(max-width: 480px) {

}

/* iPhone 6 Plus */
@media(max-width: 414px) {
    #topbar .call-custom { right: 4px; }
    #topbar .topbar-dropdown .title { padding: 0 15px; }
}

/* iPhone 6 */
@media(max-width: 375px) {
    #topbar .topbar-dropdown .title { padding: 0 5px; }
}

/* Galaxy S5 */
@media(max-width: 360px) {
}

/* iPhone 5 */
@media(max-width: 320px) {

}