/* 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:#8ec641
}
.scrollup {
background-color: #8ec641;
}


a:hover{
color: #8ec641;
}



body {

  font-family: "Open Sans";








}


h1,h2,h3,h4,h5,h6, .box-heading, .page-heading, .row-heading {

  font-family: "Open Sans";





}


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



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

#top-bar {
 background-color: #8ec641;
}


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


#top-bar a:hover {
 color: #fff;
}




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

}


.header {

 background-color: #8ec641;

}

/* Search */

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



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

/* Mini cart */

.mini-cart__info {
  color: #666666;
}


.mini-cart__info {
  background-color: rgba(255, 255, 255, 1);
}

#cart.mini-cart .mini-cart__button {

  background-color: #00e4ff;


  color: #fff;

}
#cart.mini-cart.open .mini-cart__button {


}
#cart.mini-cart .mini-cart__view-cart-btn,
#cart.mini-cart .mini-cart__checkout-btn {

  background-color: #8ec641;


  color: #fff;


}
#cart.mini-cart .mini-cart__view-cart-btn:hover,
#cart.mini-cart .mini-cart__checkout-btn:hover {

  background-color: #ffffff;


  color: #8ec641;


}

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

background-color: #8ec641;


border-color: rgba(88,88,88,0.32);

}

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

.main-nav__item > a {

color: #ffffff;

}
.main-nav__item > a:hover {

color: #8cc63f;

}

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


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


.main-nav__item > a {

  font-family: "Open Sans";


  font-size: 16px;




}


/***************** LANGUAGE - CURRENCY STYLE *****************/

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


.extra #currency .currency-select,
.extra #language .dropdown-menu>li>a {
 color: #000000;
}


.extra__currency:hover span,
.extra__language:hover span {
 color: #fff;
}


.extra #currency .currency-select:hover,
.extra #language .dropdown-menu>li>a:hover {
 color: #00f0ff;
}


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

  background-color:#656565;




  color: #DDDDDD;

}



.footer__list__item:hover,
.footer__list--icon__item:hover {
  color: #fff
}


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


.footer a{
  color: #fff;
}


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

/* Contact Information */


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


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


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


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

.social-newsletter {
background: #fff;
}


.social-newsletter {
color: #666666
}

.social-icons__item:before{

background-color: #8ec641;


color: #fff;


}

.social-icons__item:hover:before{

background-color: #f7f7f7;


color: #8cc63f;


border-color: #ffffff;

}

.newsletter__input {

background-color: #fff;


border-color: #ddd;


color:  #999;

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

.newsletter__input:focus {


border-color: #6EC8BC;


color:  #666666;

}

#newsletter-form .newsletter__submit-button {

background-color: #8ec641;


border-color: #8ec641;


color:  #fff;

}

#newsletter-form .newsletter__submit-button:hover {

background-color: #f7f7f7;


border-color: #f7f7f7;


color:  #8cc63f;

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

background-color: #ffffff;



border-color: rgba(255,0,0,1);


color: #666666;

}



#powered a{

color: #4b8b83;

}


#powered a:hover{

color: #8cc63f;

}


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

.product-price {
  color: #C54032;
}


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


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


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


.product-sale {
  color: #fff;
}

.product-detail-button--cart,
a.product-detail-button--quick-view {

  color: #ffffff;


  background-color: #8ec641;


  border-color: #8ec641

}
.product-layout:hover .product-detail-button--cart,
a.product-detail-button--quick-view:hover {

  color: #8cc63f;


  background-color: #f7f7f7;


  border-color: #f7f7f7

}
.product-detail-button--wishlist,
.product-detail-button--compare {

}
.product-detail-button--wishlist:hover,
.product-detail-button--compare:hover {

  color: #f7f7f7;

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

  color: #fff;


  border-color: #8ec641;


  background-color: #8ec641;

}
.btn:hover, .btn:focus{

  background-color: #f7f7f7;


  color: #8cc63f;


  border-color: #f7f7f7;

}


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

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

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

color: #6ec8bc;


background-color: #ddd;


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

color: #666666;



}