/**
* 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 3
*********************************/
#header-main {
  background: #343434;
}

.topnav .ti-icon {
  font-size: 24px;
  color: white;
}
.topnav .ti-icon:hover {
  color: #f37600;
}
@media (max-width: 1024px) {
  .topnav .ti-icon {
    font-size: 16px;
  }
}
.topnav .header-logo {
  margin-bottom: 0px;
}

.header_user_info .links li .ti-icon {
  color: #343434;
}

.blockcart_top {
  height: 100%;
}

#cart {
  height: 100%;
  margin-left: 20px;
}
.rtl #cart {
  margin-right: 20px;
  margin-left: inherit;
}
@media (min-width: 992px) {
  #cart {
    min-width: 80px;
    background: #99cd4e;
    padding: 40px 20px 40px 20px;
  }
  .rtl #cart {
    padding: 40px 20px 40px 20px;
  }
  #cart .heading span.ajax_cart_quantity {
    min-width: 20px;
    height: 20px;
    line-height: 16px;
  }
  #cart .heading .ti-icon {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  #cart {
    padding: 0 0 0 0;
  }
  .rtl #cart {
    padding: 0 0 0 0;
  }
}

#leo-megamenu .navbar-nav > li > a {
  color: white;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .navbar-header .navbar-toggle {
    color: white;
  }
  .navbar-header .navbar-toggle:hover {
    color: #f37600;
  }
  .navbar-header .menu-bar i {
    background: white;
  }
  .navbar-header .menu-bar:hover i {
    background: #f37600;
  }
}
/* Skin */
.blue {
  /* RESPONSIVE */
}
.blue .topnav .ti-icon:hover {
  color: #6aafe6;
}
@media (max-width: 991px) {
  .blue .navbar-header .navbar-toggle:hover {
    color: #6aafe6;
  }
  .blue .navbar-header .menu-bar:hover i {
    background: #6aafe6;
  }
}

.deeppink {
  /* RESPONSIVE */
}
.deeppink .topnav .ti-icon:hover {
  color: deeppink;
}
@media (max-width: 991px) {
  .deeppink .navbar-header .navbar-toggle:hover {
    color: deeppink;
  }
  .deeppink .navbar-header .menu-bar:hover i {
    background: deeppink;
  }
}

.green {
  /* RESPONSIVE */
}
.green .topnav .ti-icon:hover {
  color: #8bc43f;
}
@media (max-width: 991px) {
  .green .navbar-header .navbar-toggle:hover {
    color: #8bc43f;
  }
  .green .navbar-header .menu-bar:hover i {
    background: #8bc43f;
  }
}

.green {
  /* RESPONSIVE */
}
.green .topnav .ti-icon:hover {
  color: #8bc43f;
}
@media (max-width: 991px) {
  .green .navbar-header .navbar-toggle:hover {
    color: #8bc43f;
  }
  .green .navbar-header .menu-bar:hover i {
    background: #8bc43f;
  }
}

.lime {
  /* RESPONSIVE */
}
.lime .topnav .ti-icon:hover {
  color: #41a317;
}
@media (max-width: 991px) {
  .lime .navbar-header .navbar-toggle:hover {
    color: #41a317;
  }
  .lime .navbar-header .menu-bar:hover i {
    background: #41a317;
  }
}

.olive {
  /* RESPONSIVE */
}
.olive .topnav .ti-icon:hover {
  color: olive;
}
@media (max-width: 991px) {
  .olive .navbar-header .navbar-toggle:hover {
    color: olive;
  }
  .olive .navbar-header .menu-bar:hover i {
    background: olive;
  }
}

.purple {
  /* RESPONSIVE */
}
.purple .topnav .ti-icon:hover {
  color: #8a2cb1;
}
@media (max-width: 991px) {
  .purple .navbar-header .navbar-toggle:hover {
    color: #8a2cb1;
  }
  .purple .navbar-header .menu-bar:hover i {
    background: #8a2cb1;
  }
}

.yellow {
  /* RESPONSIVE */
}
.yellow .topnav .ti-icon:hover {
  color: #edb42c;
}
@media (max-width: 991px) {
  .yellow .navbar-header .navbar-toggle:hover {
    color: #edb42c;
  }
  .yellow .navbar-header .menu-bar:hover i {
    background: #edb42c;
  }
}