/* Layout */

/* Custom Notification */

#notification {
  top: 80px;
  z-index: 9999;
  opacity: 0;
  right: 20px;
  width: 300px;
  position: fixed;
  visibility: hidden;
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
#notification.active {
  top: 20px;
  opacity: 1;
  visibility: visible;
}


/* Scroll up */

.scrollup {
  color: #fff;
  cursor: pointer;
  z-index: 2;
  position: fixed;
  right: 30px;
  bottom: -50px;
  font-size:0;
  padding: 10px;
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.scrollup i:before {
  font-size: 30px;
  margin:0 5px;
}
.scrollup.show {
  bottom: 50px;
  opacity: 0.8;
}
.scrollup:hover {
  color: #fff;
  font-size: 15px;
}


/**************** GENERAL ******************/

.kl-main-content {
  background-color:#fff
}


a,a:visited {
  color:#000
}
.scrollup {
  background-color: #39b54a;
}


a:hover{
  color: #39b54a;
}



body {

  font-family: Varela;








}


h1,h2,h3,h4,h5,h6 {

  font-family: Varela;





}


h1,h2,h3,h4,h5,h6 {
  color: #313131;
}


/***************** EXTRA STYLE *****************/

.extra span,
.extra .dropdown-toggle:after {
    color: #000000;
}









/***************** TOP BAR STYLE *****************/

#top-bar{
  background-color: #ffffff;
}


#top-bar a,
#top-bar .btn-link {
  color: #313131;
}



#top-bar a:hover,
#top-bar .btn-link:hover {
  color: #313131;
}



#top-bar {
  color: #313131;
}



/***************** HEADER STYLE *****************/
.header {

}


.header {

  background-color: #f5f5f2;

}

/* Search */

#search input {
  color: #bbbbbb;
}
#search input:-moz-placeholder { color: #bbbbbb; }
#search input::-moz-placeholder { color: #bbbbbb; }
#search input:-ms-input-placeholder { color: #bbbbbb; }
#search input::-webkit-input-placeholder { color: #bbbbbb; }


#search input {
  border-color: #ddd;
}


#search input {
  background-color: #fff;
}

/* Mini cart */

.mini-cart__info {
  color: #ffffff;
}


#cart .mini-cart__info .btn {

  background-color: #fff;


  color: #39b54a;


  border-color: #39b54a

}
#cart .mini-cart__info .btn:hover,
#cart.mini-cart.open .mini-cart__button {

  background-color: #39b54a;


  color: #fff;


  border-color: #222222

}

/***************** MENU **********************/
.navigation {


}

.main-nav__item:hover {
  background-color: #e7e7e4;
}

.main-nav__item > a {

  color: #777;

}
.main-nav__item > a:hover {

  color: #777;

}

.main-nav__secondary-nav .subcat a {
  color: #878787;
}


.main-nav__secondary-nav a:hover {
  color: #000
}


.navigation {

  font-family: Varela;




}


/***************** FOOTER STYLE *****************/
.footer {

  background-color:#197b30;




  color: #fff;

}


.footer, .footer a {

  font-family: Prata;




}



.box-heading--footer {
  color: #fff;
}


.footer a{
  color: #fff;
}


.footer a:hover {
  color: #ffffff;
}

/* Contact Information */

.contact li:before{
  background-color: #444444;
}


.contact li:before{
  color: #ffffff;
}


.contact li:hover:before{
  background-color: #fff;
}


.contact li:hover:before{
  color: #222222;
}


/***************** SOCIAL / NEWSLETTER STYLE *****************/

.social-newsletter {
  background: #222;
}


.social-newsletter {
  color: #ffffff
}

.social-icons__item:before{

  background-color: #222;


  color: #666;


  border-color: #666;

}

.social-icons__item:hover:before{

  background-color: #222;


  color: #fff;


  border-color: #fff;

}

.newsletter__input {



  color:  #bbb;

}
.newsletter__input:-moz-placeholder { color: #bbb; }
.newsletter__input::-moz-placeholder { color: #bbb; }
.newsletter__input:-ms-input-placeholder { color: #bbb; }
.newsletter__input::-webkit-input-placeholder { color: #bbb; }

.newsletter__input:focus {



}

#newsletter-form .newsletter__submit-button {

  background-color: #222;


  border-color: #fff;


  color:  #fff;

}

#newsletter-form .newsletter__submit-button:hover {

  background-color: #fff;



  color:  #222;

}
/***************** POWERED STYLE *****************/
#powered {

  background-color: #222;




  color: #666;

}



#powered a{

  color: #666;

}



/************** PRODUCT STYLE *********************/

.product-price, .mini-cart__product-total {
  color: #d93600;
}


.product-price--old {
  color: #666;
}


.product-name a {
  color: #000;
}


.product-sale {
  background-color: #D93600;
}
.product-sale:after {
  border-color: #D93600 transparent transparent;
}


.product-sale {
  color: #fff;
}

.product-detail .product-detail-button {

  color: #222;


  background-color: #fff;


  border-color: #222222

}
.product-detail .product-detail-button:hover {

  color: #fff;


  background-color: #222222;


  border-color: #222222

}

/******************* BUTTON STYLE *******************/
.btn {

  color: #222;


  border-color: #222;


  background-color: #fff;

}
.btn:hover{

  background-color: #222;


  color: #fff;


  border-color: #000000;

}

/******************* CAROUSEL STYLE *******************/

.owl-carousel.owl-theme .owl-controls .owl-nav [class*='owl-']:before {

  color: #222;


  background-color: #fff;


  border-color: #222222

}
.owl-carousel.owl-theme .owl-controls .owl-nav [class*='owl-']:hover:before {

  color: #fff;


  background-color: #0b0202;


  border-color: #222

}