/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
/* line 6, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
#topbar {
  border-bottom: 1px solid #e8e8e8;
}

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

@media (min-width: 992px) {
  /* line 32, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
  .box-bottom-header {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
  }
}
/* line 37, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.box-bottom-header > [class*="col-"] {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
@media (max-width: 991px) {
  /* line 40, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.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 46, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
  .box-bottom-header .left-bottom-header {
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    justify-content: center;
  }
}
/* line 50, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.box-bottom-header .left-bottom-header .logo {
  padding: 23px 0;
}

/* line 56, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
#leo-megamenu {
  display: inline-block;
}
/* line 59, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
#leo-megamenu .navbar-nav > li > a {
  padding: 31px 0;
  color: black;
}
/* line 62, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.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 64, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.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 68, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.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 79, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
#leo-megamenu .navbar-nav > li.active > a {
  color: #e44853;
}
/* line 81, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.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 88, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.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 94, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.btn-search-top #click_show_search {
  font-size: 16px;
  height: 80px;
  line-height: 80px;
  color: black;
}
@media (max-width: 991px) {
  /* line 94, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
  .btn-search-top #click_show_search {
    height: 50px;
    line-height: 50px;
  }
}

/* line 117, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.blue #leo-megamenu .navbar-nav > li a:before {
  background: #00b2e2;
}
/* line 120, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.blue #leo-megamenu .navbar-nav > li a:active, .blue #leo-megamenu .navbar-nav > li a:hover, .blue #leo-megamenu .navbar-nav > li a:focus {
  color: #00b2e2;
}
/* line 124, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.blue #leo-megamenu .navbar-nav > li.active > a {
  color: #00b2e2;
}

/* line 132, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.green #leo-megamenu .navbar-nav > li a:before {
  background: #00b2e2;
}
/* line 135, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.green #leo-megamenu .navbar-nav > li a:active, .green #leo-megamenu .navbar-nav > li a:hover, .green #leo-megamenu .navbar-nav > li a:focus {
  color: #00b2e2;
}
/* line 139, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.green #leo-megamenu .navbar-nav > li.active > a {
  color: #00b2e2;
}

/* line 147, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.pink #leo-megamenu .navbar-nav > li a:before {
  background: #00b2e2;
}
/* line 150, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.pink #leo-megamenu .navbar-nav > li a:active, .pink #leo-megamenu .navbar-nav > li a:hover, .pink #leo-megamenu .navbar-nav > li a:focus {
  color: #00b2e2;
}
/* line 154, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.pink #leo-megamenu .navbar-nav > li.active > a {
  color: #00b2e2;
}

/* line 162, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.purple #leo-megamenu .navbar-nav > li a:before {
  background: #00b2e2;
}
/* line 165, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.purple #leo-megamenu .navbar-nav > li a:active, .purple #leo-megamenu .navbar-nav > li a:hover, .purple #leo-megamenu .navbar-nav > li a:focus {
  color: #00b2e2;
}
/* line 169, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.purple #leo-megamenu .navbar-nav > li.active > a {
  color: #00b2e2;
}

/* line 177, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.yellow #leo-megamenu .navbar-nav > li a:before {
  background: #00b2e2;
}
/* line 180, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.yellow #leo-megamenu .navbar-nav > li a:active, .yellow #leo-megamenu .navbar-nav > li a:hover, .yellow #leo-megamenu .navbar-nav > li a:focus {
  color: #00b2e2;
}
/* line 184, ../../../../sass/modules/appagebuilder/positions/headerposition1478904858.scss */
.yellow #leo-megamenu .navbar-nav > li.active > a {
  color: #00b2e2;
}