/* 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:#f2f2f2
}


a,a:visited {
  color:#111
}
.scrollup {
  background-color: #000000;
}


a:hover{
  color: #000000;
}



body {

  font-family: Lato;






  background-color: #f2f2f2;



  color: #111;

}


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

  font-family: Lato;





}


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


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

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


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


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


#top-bar {
  color: #888;
}


/***************** HEADER STYLE *****************/
.header,
.common-home .transparent-header .headerfix--not-top {

}


.header,
.common-home .transparent-header .headerfix--not-top {

  background-color: #fff;

}

/* Search */
#search input {

  background-color: #f7f7f7;


  color: #111;


}

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

#search .button-search {



}
#search .button-search:hover {



}
/* Mini cart */
.mini-cart--style1 .mini-cart__header,
.mini-cart--style2 .mini-cart__button,
.mini-cart--skin4 {

  background-color: #000000;

}

.mini-cart__header {
  color: #fff;
}


.mini-cart__info {
  background-color: #fff;
}

#cart .mini-cart__info .btn {

  background-color: #f9f9f9;


  color: #111;


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

  background-color: #000000;


  color: #fff;


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

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


.extra #currency .currency-select,
.extra #language .language-select {
  color: #888;
}


.extra .dropdown-toggle {
  background-color: #f9f9f9;
}



.extra .btn:hover span,
.extra .btn-group.open .dropdown-toggle span {
  color: #fff;
}


.extra #currency .currency-select:hover,
.extra #language .language-select:hover {
  color: #111;
}


.extra .dropdown-toggle:hover,
.extra .btn-group.open .dropdown-toggle {
  background-color: #000000;
}


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


}

.main-nav__item .main-nav__link {

  color: #333;

}
.main-nav__item .main-nav__item_link:hover {

}

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


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


.navigation {

  font-family: Lato;




}


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

  background-color: #fff;




  color: #111111;

}




.footer .box-heading {
  background-color: #f2f2f2;
}


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


.footer a {
  color: #111111;
}


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

/* Contact Information */

.contact li:before{
  background-color: rgba(0, 0, 0, 1);
}


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


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


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


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

.social-icons__item:before{

  background-color: 18a7c5;;


  color: #fff;


}
.social-icons__item:hover:before{

  background-color: #f9f9f9;


  color: #111;


}

.newsletter {
  background: #000000;
}


.newsletter {
  color: #fff;
}
.newsletter__header {
  color: #fff;
}

.newsletter__input {

  background-color: #fff;



  color:  #111;

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

.newsletter__input:focus {



}
#newsletter-form .newsletter__button {

  background-color: #f2f2f2;



  color:  #111;

}
#newsletter-form .newsletter__button:hover {

  background-color: rgba(0, 0, 0, 1);



  color:  #fff;

}

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

  background-color: #fff;



  border-color: #eee;


  color: #111;

}



#powered a{

  color: #111;

}


#powered a:hover{

  color: #000000;

}


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

.product-bottom__info .product-price,
.product-price--list,
.product-list .product-price,
.product-info .product-price,
.mini-cart__product-total {
  color: #18a7c5;
}


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


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


.product-sale,
.product-save-percent {
  background-color: #000000;
}
.product-sale:after {
  border-color: #000000 transparent transparent;
}


.product-sale,
.product-save-percent {
  color: #fff;
}

.product-detail .product-detail-button {

  color: #111;


  background-color: #fff;


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

  color: #fff;


  background-color: #111;


}

/******************* BUTTON STYLE *******************/
.btn, a.btn {

  color: #fff;



  background-color: #000000;

}
.btn:hover, a.btn:hover {

  background-color: #f9f9f9;


  color: #111;


}

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

.carousel-module {
  background-color: #fff
}

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

  color: #ccc;



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

  color: #111;



}