/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
.header-bot {
  position: relative;
}
.header-bot:before {
  content: "";
  background-color: #009bdb;
  padding: 0px 1000px;
  margin-left: -1000px;
  width: 100%;
  overflow: hidden;
  box-sizing: content-box;
  position: absolute;
  height: 100%;
  display: inherit;
  top: 0;
  z-index: -1;
}
.rtl .header-bot:before {
  margin-right: -1000px;
  margin-left: inherit;
}

.leo-megamenu {
  background-color: #009bdb;
}
.leo-megamenu .navbar-nav > li.active > h2 > a,
.leo-megamenu .navbar-nav > li:hover > h2 > a,
.leo-megamenu .navbar-nav > li:focus > h2 > a, 
.leo-megamenu .navbar-nav > li.active > a,
.leo-megamenu .navbar-nav > li:hover > a,
.leo-megamenu .navbar-nav > li:focus > a {
  color: #E4E4E4;
}

#off-canvas-nav .navbar-nav > li > h2 > a,
#off-canvas-nav .navbar-nav > li > a {
  color: white;
}
#off-canvas-nav .navbar-nav > li.active > h2 > a,
#off-canvas-nav .navbar-nav > li:hover > h2 > a,
#off-canvas-nav .navbar-nav > li:focus > h2 > a, 
#off-canvas-nav .navbar-nav > li.active > a,
#off-canvas-nav .navbar-nav > li:hover > a,
#off-canvas-nav .navbar-nav > li:focus > a {
  color: white;
}

#cart:hover .title-cart {
  color: #fff;
}

#cart .title-cart:before {
  background-color: white;
  color: #e77d52;
}

#topbar {
  background-color: #807c79;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#topbar a {
  color: white;
}
#topbar a:hover {
  color: #344556 !important;
}
#topbar .container {
  background-color: #807c79;
}
#topbar .popup-over .popup-title {
  color: white;
}
#topbar .popup-over .popup-title:hover {
  color: #344556;
}
#topbar .popup-over .popup-content {
  color: #344556;
}
#topbar .popup-over .popup-content a {
  color: #344556;
}
#topbar .popup-over .popup-content a:hover {
  color: #42a2f3;
}
#topbar .popup-over .popup-content:hover {
  color: #42a2f3;
}

#header-main .top_header {
  background-color: white;
}

#cart .heading {
  color: white;
}
#cart .heading a {
  color: white;
}
#cart .title-cart {
  color: white;
}
#cart .title-cart:hover {
  color: #344556;
}

@media (max-width: 767px) {
  #header-main .blockcart_top {
    position: absolute;
    bottom: 19px;
    z-index: 9;
  }

  #header-main .navbar-header .navbar-toggle {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.skin1 .leo-megamenu .navbar-nav > li.active > h2 > a,
.skin1 .leo-megamenu .navbar-nav > li:hover > h2 > a,
.skin1 .leo-megamenu .navbar-nav > li:focus > h2 > a, .skin2 .leo-megamenu .navbar-nav > li.active > h2 > a,
.skin2 .leo-megamenu .navbar-nav > li:hover > h2 > a,
.skin2 .leo-megamenu .navbar-nav > li:focus > h2 > a, .skin3 .leo-megamenu .navbar-nav > li.active > h2 > a,
.skin3 .leo-megamenu .navbar-nav > li:hover > h2 > a,
.skin3 .leo-megamenu .navbar-nav > li:focus > h2 > a {
  color: #e4e4e4;
}
.skin1 .leo-megamenu .navbar-nav > li.active > a,
.skin1 .leo-megamenu .navbar-nav > li:hover > a,
.skin1 .leo-megamenu .navbar-nav > li:focus > a, .skin2 .leo-megamenu .navbar-nav > li.active > a,
.skin2 .leo-megamenu .navbar-nav > li:hover > a,
.skin2 .leo-megamenu .navbar-nav > li:focus > a, .skin3 .leo-megamenu .navbar-nav > li.active > a,
.skin3 .leo-megamenu .navbar-nav > li:hover > a,
.skin3 .leo-megamenu .navbar-nav > li:focus > a {
  color: #e4e4e4;
}

.skin1 #topbar {
  background-color: #6abf61;
}
.skin1 #topbar .container {
  background-color: #6abf61;
}
.skin1 #header-main .top_header {
  background-color: #6abf61;
}
.skin1 .header-bot:before {
  background-color: #5cac54;
}
.skin1 .leo-megamenu {
  background-color: #5cac54;
}

.skin2 #topbar {
  background-color: #8760ac;
}
.skin2 #topbar .container {
  background-color: #8760ac;
}
.skin2 #header-main .top_header {
  background-color: #8760ac;
}
.skin2 .header-bot:before {
  background-color: #714c95;
}
.skin2 .leo-megamenu {
  background-color: #714c95;
}

.skin3 #topbar {
  background-color: #4cbfc6;
}
.skin3 #topbar .container {
  background-color: #4cbfc6;
}
.skin3 #header-main .top_header {
  background-color: #4cbfc6;
}
.skin3 .header-bot:before {
  background-color: #3da0a6;
}
.skin3 .leo-megamenu {
  background-color: #3da0a6;
}