/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
@media (min-width: 992px) {
  /* line 8, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) {
    position: relative;
  }
  /* line 10, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) #header-main {
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
  }
  /* line 17, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) #topbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  /* line 20, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) #topbar .text-header {
    color: white;
  }
  /* line 24, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) #leo-megamenu .navbar-nav > li.active > a {
    color: #e44853;
  }
  /* line 27, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) #leo-megamenu .navbar-nav > li > a {
    color: white;
  }
  /* line 29, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) #leo-megamenu .navbar-nav > li > a:hover {
    color: #e44853;
  }
  /* line 34, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) .btn-search-top #click_show_search {
    color: white;
  }
  /* line 36, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) .btn-search-top #click_show_search:hover {
    color: #e44853;
  }
  /* line 41, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) #cart h4 {
    color: white;
  }
  /* line 44, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) #cart .cart-quantity {
    color: white;
  }
  /* line 48, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) .popup-over .popup-title a {
    color: white;
  }
  /* line 50, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  #index #header:not(.navbar-fixed-top) .popup-over .popup-title a:hover {
    color: #e44853;
  }
}
/* line 57, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
#topbar {
  border-bottom: 1px solid #e8e8e8;
}

@media (min-width: 768px) {
  /* line 60, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .box-top-header {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
  }
}
/* line 65, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
.box-top-header > [class*="col-"] {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-align-items: center;
  /* Safari 7.0+ */
  align-items: center;
}
/* line 69, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
.box-top-header .left-top-header {
  -webkit-justify-content: flex-start;
  /* Safari 6.1+ */
  justify-content: flex-start;
}
@media (max-width: 767px) {
  /* line 69, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .box-top-header .left-top-header {
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    justify-content: center;
  }
}
/* line 75, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
.box-top-header .right-top-header {
  -webkit-justify-content: flex-end;
  /* Safari 6.1+ */
  justify-content: flex-end;
}
@media (max-width: 767px) {
  /* line 75, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .box-top-header .right-top-header {
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    justify-content: center;
  }
}

@media (min-width: 992px) {
  /* line 83, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .box-bottom-header {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
  }
}
/* line 88, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
.box-bottom-header > [class*="col-"] {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
@media (max-width: 991px) {
  /* line 91, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .box-bottom-header .right-bottom-header {
    margin: 5px 0;
    -webkit-justify-content: space-between;
    /* Safari 6.1+ */
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  /* line 97, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .box-bottom-header .left-bottom-header {
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    justify-content: center;
  }
}
/* line 101, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
.box-bottom-header .left-bottom-header .logo {
  padding: 23px 0;
}

/* line 107, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
#leo-megamenu {
  display: inline-block;
}
/* line 110, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
#leo-megamenu .navbar-nav > li > a {
  padding: 31px 0;
  color: black;
}
/* line 113, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
#leo-megamenu .navbar-nav > li > a:hover, #leo-megamenu .navbar-nav > li > a:focus, #leo-megamenu .navbar-nav > li > a:active {
  color: #e44853;
}
/* line 115, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
#leo-megamenu .navbar-nav > li > a:hover:before, #leo-megamenu .navbar-nav > li > a:focus:before, #leo-megamenu .navbar-nav > li > a:active:before {
  right: 0;
  left: 0;
}
/* line 522, ../../../../sass/mixins/_theme.scss */
.rtl #leo-megamenu .navbar-nav > li > a:hover:before, .rtl #leo-megamenu .navbar-nav > li > a:focus:before, .rtl #leo-megamenu .navbar-nav > li > a:active:before {
  right: 0;
  left: 0;
}
/* line 119, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
#leo-megamenu .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  right: 100%;
  left: 0;
  bottom: calc(50% - 12px);
  background: #e44853;
  height: 1px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 522, ../../../../sass/mixins/_theme.scss */
.rtl #leo-megamenu .navbar-nav > li > a:before {
  right: 0;
  left: 100%;
}
/* line 130, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
#leo-megamenu .navbar-nav > li.active > a {
  color: #e44853;
}
/* line 132, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
#leo-megamenu .navbar-nav > li.active > a:before {
  right: 0;
  left: 0;
}
/* line 522, ../../../../sass/mixins/_theme.scss */
.rtl #leo-megamenu .navbar-nav > li.active > a:before {
  right: 0;
  left: 0;
}

@media (min-width: 992px) {
  /* line 139, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .btn-search-top {
    position: absolute;
    right: 15px;
    margin: auto;
  }
  /* line 369, ../../../../sass/mixins/_theme.scss */
  .rtl .btn-search-top {
    left: 15px;
    right: auto;
  }
}
/* line 145, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
.btn-search-top #click_show_search {
  font-size: 16px;
  height: 80px;
  line-height: 80px;
  color: black;
}
@media (max-width: 991px) {
  /* line 145, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .btn-search-top #click_show_search {
    height: 50px;
    line-height: 50px;
  }
}

@media (min-width: 992px) {
  /* line 170, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .blue #index #header #leo-megamenu .navbar-nav > li > a:before {
    background: #00b2e2;
  }
  /* line 173, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .blue #index #header #leo-megamenu .navbar-nav > li > a:active, .blue #index #header #leo-megamenu .navbar-nav > li > a:hover, .blue #index #header #leo-megamenu .navbar-nav > li > a:focus {
    color: #00b2e2;
  }
  /* line 177, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .blue #index #header #leo-megamenu .navbar-nav > li.active > a {
    color: #00b2e2;
  }
  /* line 182, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .blue #index #header .btn-search-top #click_show_search:hover {
    color: #00b2e2;
  }
  /* line 186, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .blue #index #header .popup-over .popup-title a:hover {
    color: #00b2e2;
  }
}

@media (min-width: 992px) {
  /* line 197, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .green #index #header #leo-megamenu .navbar-nav > li > a:before {
    background: #19c868;
  }
  /* line 200, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .green #index #header #leo-megamenu .navbar-nav > li > a:active, .green #index #header #leo-megamenu .navbar-nav > li > a:hover, .green #index #header #leo-megamenu .navbar-nav > li > a:focus {
    color: #19c868;
  }
  /* line 204, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .green #index #header #leo-megamenu .navbar-nav > li.active > a {
    color: #19c868;
  }
  /* line 209, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .green #index #header .btn-search-top #click_show_search:hover {
    color: #19c868;
  }
  /* line 213, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .green #index #header .popup-over .popup-title a:hover {
    color: #19c868;
  }
}

@media (min-width: 992px) {
  /* line 224, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .pink #index #header #leo-megamenu .navbar-nav > li > a:before {
    background: #f18a8b;
  }
  /* line 227, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .pink #index #header #leo-megamenu .navbar-nav > li > a:active, .pink #index #header #leo-megamenu .navbar-nav > li > a:hover, .pink #index #header #leo-megamenu .navbar-nav > li > a:focus {
    color: #f18a8b;
  }
  /* line 231, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .pink #index #header #leo-megamenu .navbar-nav > li.active > a {
    color: #f18a8b;
  }
  /* line 236, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .pink #index #header .btn-search-top #click_show_search:hover {
    color: #f18a8b;
  }
  /* line 240, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .pink #index #header .popup-over .popup-title a:hover {
    color: #f18a8b;
  }
}

@media (min-width: 992px) {
  /* line 251, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .purple #index #header #leo-megamenu .navbar-nav > li > a:before {
    background: #7d3c98;
  }
  /* line 254, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .purple #index #header #leo-megamenu .navbar-nav > li > a:active, .purple #index #header #leo-megamenu .navbar-nav > li > a:hover, .purple #index #header #leo-megamenu .navbar-nav > li > a:focus {
    color: #7d3c98;
  }
  /* line 258, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .purple #index #header #leo-megamenu .navbar-nav > li.active > a {
    color: #7d3c98;
  }
  /* line 263, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .purple #index #header .btn-search-top #click_show_search:hover {
    color: #7d3c98;
  }
  /* line 267, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .purple #index #header .popup-over .popup-title a:hover {
    color: #7d3c98;
  }
}

@media (min-width: 992px) {
  /* line 278, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .yellow #index #header #leo-megamenu .navbar-nav > li > a:before {
    background: #fed700;
  }
  /* line 281, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .yellow #index #header #leo-megamenu .navbar-nav > li > a:active, .yellow #index #header #leo-megamenu .navbar-nav > li > a:hover, .yellow #index #header #leo-megamenu .navbar-nav > li > a:focus {
    color: #fed700;
  }
  /* line 285, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .yellow #index #header #leo-megamenu .navbar-nav > li.active > a {
    color: #fed700;
  }
  /* line 290, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .yellow #index #header .btn-search-top #click_show_search:hover {
    color: #fed700;
  }
  /* line 294, ../../../../sass/modules/appagebuilder/positions/headerposition1481463008.scss */
  .yellow #index #header .popup-over .popup-title a:hover {
    color: #fed700;
  }
}