/***************************************************
  Mixins Themes 
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
/************************************ 
	Override Bootstrap 
*************************************/
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
.navbar-fixed-top.header-nav {
  position: fixed;
  z-index: 1030;
  min-height: auto; }
.navbar-fixed-top .topnav {
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s; }

#header .header-container:before {
  display: none; }

.popup-over {
  float: left;
  margin: 0 20px 0 0; }
  .rtl .popup-over {
    float: right; }
  .rtl .popup-over {
    margin: 0 0 0 20px; }
  .popup-over .popup-content {
    left: 0;
    right: inherit; }
    .rtl .popup-over .popup-content {
      right: 0;
      left: auto; }
    .popup-over .popup-content a:hover {
      color: #28b9b2; }
    .popup-over .popup-content li.current a {
      color: #28b9b2; }
  @media (max-width: 480px) {
    .popup-over.userinfo-selector .popup-content {
      left: inherit;
      right: 0; }
      .rtl .popup-over.userinfo-selector .popup-content {
        left: 0;
        right: auto; } }
  .popup-over:hover .popup-title {
    color: #28b9b2; }

#header_user_info {
  float: right; }
  .rtl #header_user_info {
    float: left; }

/** header **/
#header {
  background-image: none;
  background-color: transparent; }

.header-nav {
  position: relative; }
  .header-nav:before {
    content: "";
    background-position: 85% bottom;
    background-repeat: no-repeat;
    background-image: url(../../../../../assets/img/modules/appagebuilder/img/bg-header.png);
    background-color: #FFFFFF;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%; }

.header-top {
  border: none; }

.topnav {
  border-bottom: 1px solid #e6e6e6; }
  .topnav a:hover {
    color: #28b9b2; }
  @media (max-width: 991px) {
    .topnav .ApColumn {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; } }

@media (max-width: 991px) and (min-width: 576px) {
  .header-logo {
    text-align: center;
    padding-bottom: 25px; } }

/** header-box **/
.header-box {
  background: transparent;
  padding: 25px 0; }
  @media (max-width: 480px) {
    .header-box {
      padding: 0 0 25px; } }

/** search **/
#leo_search_block_top {
  padding: 0; }
  #leo_search_block_top .block_content {
    border: 2px solid #ebebeb; }
    #leo_search_block_top .block_content .btn:hover {
      color: #28b9b2; }
    @media (max-width: 576px) {
      #leo_search_block_top .block_content .list-cate-wrapper {
        display: none; } }
    @media (max-width: 576px) {
      #leo_search_block_top .block_content .search_query {
        width: 100%; } }

/** cart **/
.header-cart {
  text-align: center; }
  @media (max-width: 991px) {
    .header-cart {
      position: absolute;
      bottom: 15px;
      text-align: right; }
      .rtl .header-cart {
        text-align: left; } }

#cart-block {
  display: inline-block;
  text-align: left;
  padding: 0 0 0 40px;
  background-color: transparent;
  background-image: url(../../../../../assets/img/modules/appagebuilder/img/icon-theme.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: -10px -102px; }
  .rtl #cart-block {
    text-align: right; }
  .rtl #cart-block {
    padding: 0 40px 0 0; }
  #cart-block .cart-preview .header {
    color: #000000; }
    #cart-block .cart-preview .header .title_cart {
      color: #28b9b2; }
    #cart-block .cart-preview .header a {
      color: #000000; }
      #cart-block .cart-preview .header a .title_cart {
        color: #28b9b2; }

.rtl #cart-block {
  background-position: 135px -102px; }

/*
 *
 * Vertical menu
 */
@media (min-width: 1200px) {
  #index .leo-verticalmenu .box-content {
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    height: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  #index .leo-verticalmenu.active .box-content {
    opacity: 1;
    filter: alpha(opacity=100);
    overflow: visible;
    height: auto;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.leo-verticalmenu .title_block {
  border: none; }

div.verticalmenu .navbar-nav > li:hover > a {
  background: #28b9b2; }
  div.verticalmenu .navbar-nav > li:hover > a:hover {
    background: #28b9b2; }
div.verticalmenu ul li a:hover {
  color: #28b9b2; }
div.verticalmenu .dropdown-menu {
  border-color: #28b9b2; }
  div.verticalmenu .dropdown-menu ul li a:hover {
    color: #28b9b2; }

@media (min-width: 992px) {
  .leo-mainmenu {
    background: #28b9b2; } }

#index .leo-verticalmenu .title_block:after {
  display: block; }

@media (max-width: 991px) {
  .leo-megamenu .navbar-header {
    padding: 15px 0; } }
.leo-megamenu .navbar-header .navbar-toggler:before {
  color: #000000; }
.leo-megamenu .navbar-nav > li > a {
  color: #FFFFFF; }
  .leo-megamenu .navbar-nav > li > a > .caret {
    color: #FFFFFF; }
.leo-megamenu .navbar-nav > li.active > a, .leo-megamenu .navbar-nav > li:hover > a, .leo-megamenu .navbar-nav > li:focus > a {
  color: #000000; }
  .leo-megamenu .navbar-nav > li.active > a > .caret, .leo-megamenu .navbar-nav > li:hover > a > .caret, .leo-megamenu .navbar-nav > li:focus > a > .caret {
    color: #000000; }
.leo-megamenu .navbar-nav > li:hover, .leo-megamenu .navbar-nav > li:focus, .leo-megamenu .navbar-nav > li:active {
  color: #28b9b2; }
.leo-megamenu .navbar-nav > li:hover > .caret, .leo-megamenu .navbar-nav > li:active > .caret {
  color: #28b9b2; }
.leo-megamenu .dropdown-menu {
  border: 2px solid #28b9b2; }
  .leo-megamenu .dropdown-menu li a:hover {
    background-color: transparent;
    color: #28b9b2; }
  .leo-megamenu .dropdown-menu .menu-title a:hover {
    color: #28b9b2; }
  .leo-megamenu .dropdown-menu a:hover {
    color: #28b9b2; }
    .leo-megamenu .dropdown-menu a:hover > .menu-title {
      color: #28b9b2; }
.leo-megamenu .dropdown:hover > a {
  color: #28b9b2; }
  .leo-megamenu .dropdown:hover > a .fa {
    color: #28b9b2; }

#off-canvas-nav .offcanvas-mainnav {
  background: #28b9b2; }

/*# sourceMappingURL=headerposition1505744894.css.map */