/* Layout */

/* Custom Notification */

#notification {
top: 80px;
z-index: 9999;
opacity: 0;
right: 20px;
width: 320px;
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 ******************/

body.common-home .kl-main-content,
body[class*="product"] .kl-main-content,
body[class*="module-kbm"] .kl-main-content,
body[class*="module-kuler_filter_result"] .kl-main-content {
background-color:#EDEDE6
}


a,a:visited {
color:#111111
}
.scrollup {
background-color: #df747a;
}


a:hover{
color: #df747a;
}



body, #top-bar .btn {

  font-family: Raleway;








  color: #999;

}


h1,h2,h3,h4,h5,h6, .box-heading, .page-heading, .row-heading,
.countdown-amount, .product-price, .product-sale {

  font-family: Oswald;





}


h1,h2,h3,h4,h5,h6 {
  color: #111;
}



/***************** TOP BAR STYLE *****************/

#top-bar {
 background-color: transparent;
}


#top-bar a {
 color: #888888;
}


#top-bar a:hover {
 color: #E30707;
}


#top-bar {
 color: #888888;
}



/***************** HEADER STYLE *****************/
.header {

}


.header {

 background-color: #32302E; /*#32302E*/
 /*background: url('../../../image/dark-dot.png') #32302E;*/
 background: url('../../../image/main-bg.jpg') #32302E;

}

/* Search */

#search input,
#search select {
  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,
#search select {
 border-color: #069;
}


#search input,
#search select {
 background-color: #fff;
}

/* Mini cart */

.mini-cart__info {
  color: #444;
}


.mini-cart__info {
  background-color: #fff;
}


.mini-cart__info {
  border-color: #ccc;
}

#cart .mini-cart__button {

  background-color: #FFFFFF;


  color: #111111;

}

.mini-cart #cart-total {
  border-color: #FFFFFF;
}

#cart .mini-cart__button:hover,
.mini-cart #cart-total:before,
#cart.open .mini-cart__button {

  background-color: #111111;


  color: #FFFFFF;

}

.mini-cart #cart-total:hover,
.mini-cart.open #cart-total,
#cart .mini-cart__button:hover #cart-total {
border-color: #df747a;
}

#cart .mini-cart__view-cart-btn,
#cart .mini-cart__checkout-btn {

  background-color: #df747a;


  color: #fff;


}
#cart .mini-cart__view-cart-btn:hover,
#cart .mini-cart__checkout-btn:hover {

  background-color: #685A4B;



}

/***************** MENU **********************/
.navigation {

}

.header .sub-row {
border-color: rgba(255,255,255,.2);
background-color:rgba(200,0,0,0.9);
}


.main-nav__item:hover {
background-color: #FFFFFF;
}

.main-nav__item > a {

color: #fff;

}
.main-nav__item:hover > a {

color: #111111;

}

.main-nav__secondary-nav .subcat a {
color: #888;
}


.main-nav__secondary-nav a:hover {
color: #E30707
}


.main-nav__item > a,
.mini-cart #cart-total
{

  font-family: Oswald;


  font-size: 14px;




}
/***************** TOP MENU - MAIN CAT *****************/

.cat {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.cat:hover {
  border: 10px solid #000;
}
/* CSS3 STYLE GENERIC */
.view {
   width: 260px;
   height: 150px;
   margin: 0px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view .mask, .view .content {
   width: 260px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
/* IN CSS3 EFFECTS */

/* MAIN CATS */
.maincatop img {
	opacity:1;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.maincatop .mask {
   cursor:pointer;
   opacity:1;
   visibility:visible;
   border:100px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
}
.maincatop:hover .mask {
	border:0px double rgba(0,0,0,0.7);
	opacity:0;
	visibility:hidden;
}
.maincatop:hover img {
	opacity:1;
}/***************** LANGUAGE - CURRENCY STYLE *****************/

.extra span,
.extra .dropdown-toggle:after {
  color: #888888;
}


.extra #currency .currency-select,
.extra #language .dropdown-menu>li>a {
 color: #888888;
}


.extra__currency:hover span,
.extra__language:hover span {
 color: #E65C4D;
}


.extra #currency .currency-select:hover,
.extra #language .dropdown-menu>li>a:hover {
 color: #E65C4D;
}


/***************** FOOTER STYLE *****************/
.footer {

    background-color:#333;/*#7A6656*/




  color: #DFD5BA;

}



.footer__list__item:hover,
.footer__list--icon__item:hover {
  color: #fff
}


.footer .box-heading {
  color: #fff;
}



.footer a{
  color: #DFD5BA;
}


.footer a:hover {
  color: #000;
}

/* Contact Information */


.contact li:before{
  color: #DFD5BA;
}


.contact li:hover:before{
  background-color: #fff;
}


.contact li:hover:before{
  color: #DF747A;
}


/***************** SOCIAL / NEWSLETTER STYLE *****************/
.social-icons__item:before{


  color: #DFD4B9;


}

.social-icons__item:hover:before{

  background-color: #766051;


  color: #fff;


}


.newsletter {
  background-color: #766051;
}


.newsletter__title {
  color: #FFFFFF
}


.newsletter__small-description {
  color: rgba(255, 255, 255, .8)
}


.newsletter__input {

  background-color: #fff;


  border-color: #fff;


  color:  #9999;

}
.newsletter__input:-moz-placeholder { color: #9999; }
.newsletter__input::-moz-placeholder { color: #9999; }
.newsletter__input:-ms-input-placeholder { color: #9999; }
.newsletter__input::-webkit-input-placeholder { color: #9999; }

.newsletter__input:focus {


  border-color: #fff;


  color:  #999;

}

#newsletter-form .newsletter__submit-button {

  background-color: #E30707;


  border-color: #E30707;


  color:  #fff;

}

#newsletter-form .newsletter__submit-button:hover {

  background-color: #fff;


  border-color: #E30707;


  color:  #E30707;

}
/***************** POWERED STYLE *****************/
#powered {

    background-color: #333333;/*#1B4B63*/



border-color: rgba(255, 255, 255, .2);


color: #DFD4B9;

}



#powered a{

color: #dfd4b9;

}


#powered a:hover{

color: #df747a;

}


/************** PRODUCT STYLE *********************/

.product-price {
  color: #111111;
}


.product-price--old {
  color: #999999;
}


.product-name a {
  color: rgba(17, 17, 17, .8);
}


.product-sale {
  background-color: #E1493B;
}
.product-sale:before {
  border-color: transparent transparent #E1493B transparent;
}
.product-sale:after {
  border-color: #E1493B transparent transparent;
}


.product-sale {
  color: #FFFFFF;
}

.product-detail-button--cart {

  color: #fff;


  background-color: #E30707;


}
.product-detail-button--cart:hover {

  color: #fff;


  background-color: #111111;


}
a.product-detail-button--quick-view {

  color: #FFFFFF;


  background-color: #E30707;


  border-color: #E30707

}
a.product-detail-button--quick-view:hover {

  color: #E30707;


  background-color: #FFFFFF;


}
.product-detail-button--wishlist,
.product-detail-button--compare,
.product-detail-button--wishlist:before,
.product-detail-button--compare:before {

  color: #BBBBBB;

}
.product-detail-button--wishlist,
.product-detail-button--compare {

background-color: #EEEEEE;

}
.product-detail-button--wishlist:hover,
.product-detail-button--compare:hover,
.product-detail-button--wishlist:hover:before,
.product-detail-button--compare:hover:before {

  color: #FFFFFF;

}
.product-detail-button--wishlist:hover,
.product-detail-button--compare:hover {

background-color: #AAAAAA;

}
/******************* BUTTON STYLE *******************/
.btn, a.btn, .product-detail-button--cart, .article__title, .article__read-more, .newsletter__submit-button {

font-family: Oswald;

}
.btn, a.btn {

  color: #fff;


  border-color: #E30707;


  background-color: #E30707;

}
.btn:hover, .btn:focus{

  background-color: #ffffff;


  color: #E30707;


  border-color: #E30707;

}


/******************* CAROUSEL STYLE *******************/

.carousel-module {
  background-color: #fff
}


.owl-carousel.owl-theme .owl-controls .owl-nav [class*='owl-'] {

  color: #ddd;


  background-color: #fff;


  border-color: #ddd

}
.owl-carousel.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {

  color: #fff;


  background-color: #E65C4D;


  border-color: #E65C4D

}