/* 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 */


/**************** GENERAL ******************/

.kl-main-content {
  background-color:#FFF
}


a,a:visited {
  color:#000
}
.scrollup {
  background-color: #D93600;
}


a:hover{
  color: #D93600;
}



body {

  font-family: Lato;






    background-color: #ffffff;



}


h1,h2,h3,h4,h5,h6 {

  font-family: Lato;



  font-style: normal;


  font-weight: 400;


}


h1,h2,h3,h4,h5,h6 {
  color: #313131;
}


/***************** EXTRA STYLE *****************/









/***************** TOP BAR STYLE *****************/

#top-bar{
  background-color: rgba(255, 255, 255, 1);
}


#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: #bbb;
}
#search input:-moz-placeholder { color: #bbb; }
#search input::-moz-placeholder { color: #bbb; }
#search input:-ms-input-placeholder { color: #bbb; }
#search input::-webkit-input-placeholder { color: #bbb; }


#search input {
  border-color: #ddd;
}


#search input {
  background-color: #ffffff;
}

/* Mini cart */

.mini-cart__info {
  color: #222;
}


.mini-cart__info {
  background-color: #fff;
}

#cart .mini-cart__info .btn {

  background-color: #fff;


  color: #313131;


  border-color: #222

}
#cart .mini-cart__info .btn:hover,
#cart.mini-cart.open .mini-cart__button {

  background-color: #222222;


  color: #fff;


  border-color: #222222

}

/***************** MENU **********************/
.navigation {


}

.main-nav__item:hover {
  background-color: #E7E7E4;
}

.main-nav__item > a {

  color: #000;

}
.main-nav__item > a:hover {

  color: #000;

}

.main-nav__secondary-nav .subcat a {
  color: #878787;
}


.main-nav__secondary-nav a:hover {
  color: #000
}


.navigation {

  font-family: Lato;




}


/***************** FOOTER STYLE *****************/
.footer {

  background-color:#222222;




  color: #fff;

}


.footer, .footer a {

  font-family: Lato;




}



.box-heading--footer {
  color: #fff;
}


.footer a{
  color: #ffffff;
}


/* Contact Information */

.contact li:before{
  background-color: #444;
}


.contact li:before{
  color: #fff;
}


.contact li:hover:before{
  background-color: #fff;
}


.contact li:hover:before{
  color: #222;
}


/***************** SOCIAL / NEWSLETTER STYLE *****************/

.social-newsletter {
  background: #222;
}


.social-newsletter {
  color: #fff
}

.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: #222

}
.product-detail .product-detail-button:hover {

  color: #fff;


  background-color: #222;


  border-color: #222

}

/******************* BUTTON STYLE *******************/
.btn {



}
.btn:hover{


  color: #fff;


}

/******************* CAROUSEL STYLE *******************/
.owl-carousel.owl-theme .owl-controls .owl-nav [class*='owl-']:before {

  color: #222;


  background-color: #fff;


  border-color: #222

}
.owl-carousel.owl-theme .owl-controls .owl-nav [class*='owl-']:hover:before {

  color: #fff;


  background-color: #222;


  border-color: #222

}