/* Layout */

@media only screen and (min-width: 100em) {
.boxed #container {
max-width: calc(1170px + 30px);
}
.container{
max-width:  1170px;
}
}

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


a:hover{
color: #ac93ca;
}



body {

  font-family: Cabin;








}


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

  font-family: BenchNine;





}


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



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

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


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


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


#top-bar {
 color: #878787;
}



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

}


.header {

 background-color: #ffffff;

}

/* Search */

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


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


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

/* Mini cart */

.mini-cart__info {
  color: #888;
}


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

#cart.mini-cart .mini-cart__button {

  background-color: #ffffff;


  color: #ac93ca;

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

  background-color: #fff;


  color: #dcccf0;

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

  background-color: #ac93ca;


  color: #ffffff;


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

  background-color: #444;



}

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

background-color: #fff;


border-color: #dddddd;

}

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

.main-nav__item > a {

color: #444;

}
.main-nav__item > a:hover {

color: #ac93ca;

}

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


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


.main-nav__item > a {

  font-family: BenchNine;


  font-size: 18px;




}


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

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


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


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


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


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

  background-color:#ffffff;




  color: #929191;

}



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


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


.footer a{
  color: #888888;
}


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

/* Contact Information */

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


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


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


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


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

.social-newsletter {
background: #fff;
}


.social-newsletter {
color: #666666
}

.social-icons__item:before{


color: #ac93ca;


}

.social-icons__item:hover:before{

background-color: #999;


color: #666666;


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: #ac93ca;


}

#newsletter-form .newsletter__submit-button {

background-color: #ac93ca;


border-color: #ac93ca;


color:  #fff;

}

#newsletter-form .newsletter__submit-button:hover {

background-color: #666666;


border-color: #666666;


color:  #fff;

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

background-color: #fff;



border-color: rgba(255,255,255,0.15);


color: #787878;

}



#powered a{

color: #ac93ca;

}


#powered a:hover{

color: #666666;

}


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

.product-price {
  color: #666666;
}


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


.product-name a {
  color: #6b5c7d;
}


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


.product-sale {
  color: #fff;
}

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

  color: #fff;


  background-color: #888888;


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


  background-color: #ac93ca;


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

  color: #fff;


  border-color: #ac93ca;


  background-color: #ac93ca;

}
.btn:hover, .btn:focus{

  background-color: #666666;


  color: #fff;


  border-color: #666666;

}


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

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

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

color: #ccc;


background-color: #ddd;


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

color: #ac93ca;



}