/** Shopify CDN: Minification failed

Line 21:2 Expected identifier but found "&"
Line 35:39 Expected identifier but found whitespace
Line 35:52 Unexpected ";"
Line 68:48 Expected identifier but found whitespace
Line 68:57 Unexpected ";"
Line 89:2 Expected identifier but found "&"
Line 90:2 Expected identifier but found "&"
Line 93:12 Expected identifier but found whitespace
Line 93:13 Unexpected "1"
Line 118:48 Expected identifier but found whitespace
... and 126 more hidden warnings

**/
.main-menu.main-menu-mrg-1 {
  margin: 0 0 0 27px;
}

.main-menu > nav > ul > li {
  &:hover;
}

.main-menu > nav > ul > li.position-static {
  position: static;
}

.main-menu > nav > ul > li > a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
}

.main-menu > nav > ul > li > a display: inline-block;
                    font-size: 16px;
                    font-weight: 700;
                    color: #1a1a1a;

                    i {
  font-size: 8px;
  position: relative;
  margin-left: 4px;
}

.main-menu > nav > ul > li > a.active {
  color: $color-brand;
}

.main-menu > nav > ul > li ul.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  min-width: 250px;
  padding: 25px 15px;
  -webkit-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  border-radius: 0 0 4px 4px;
  z-index: 999;
  border: 1px solid #eef0ee;
}

.main-menu > nav > ul > li ul.sub-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        min-width: 250px;
                        padding: 25px 15px;
                        -webkit-transition: all 0.25s ease 0s;
                        -o-transition: all 0.25s ease 0s;
                        transition: all 0.25s ease 0s;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;

                        li {
  line-height: 1;
  display: block;
  margin-bottom: 21px;
  position: relative;
  &:last-child;
  &:hover;
}

line-height: 1;
                            display: block;
                            margin-bottom: 21px;
                            position: relative;

                            .main-menu > nav > ul > li ul.sub-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        min-width: 250px;
                        padding: 25px 15px;
                        -webkit-transition: all 0.25s ease 0s;
                        -o-transition: all 0.25s ease 0s;
                        transition: all 0.25s ease 0s;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;

                        li:last-child {
  margin-bottom: 0;
}

.main-menu > nav > ul > li ul.sub-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        min-width: 250px;
                        padding: 25px 15px;
                        -webkit-transition: all 0.25s ease 0s;
                        -o-transition: all 0.25s ease 0s;
                        transition: all 0.25s ease 0s;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;

                        li ul.level-menu {
  position: absolute;
  left: 100%;
  top: -110px;
  background-color: #ffffff;
  width: 240px;
  padding: 33px 0 35px;
  -webkit-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
  opacity: 0;
  visibility: hidden;
  border-radius: 4px;
  margin-top: 20px;
  border: 1px solid #eef0ee;
}

position: absolute;
                                    left: 100%;
                                    top: -110px;
                                    background-color: #ffffff;
                                    width: 240px;
                                    padding: 33px 0 35px;
                                    -webkit-transition: all 0.25s ease 0s;
                                    -o-transition: all 0.25s ease 0s;
                                    transition: all 0.25s ease 0s;
                                    opacity: 0;
                                    visibility: hidden;
                                    border-radius: 4px;
                                    margin-top: 20px;
                                    border: 1px solid #eef0ee;
                                    .main-menu > nav > ul > li ul.sub-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        min-width: 250px;
                        padding: 25px 15px;
                        -webkit-transition: all 0.25s ease 0s;
                        -o-transition: all 0.25s ease 0s;
                        transition: all 0.25s ease 0s;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;

                        li ul.level-menu.level-menu-modify {
  top: -25px;
}

.main-menu > nav > ul > li ul.sub-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        min-width: 250px;
                        padding: 25px 15px;
                        -webkit-transition: all 0.25s ease 0s;
                        -o-transition: all 0.25s ease 0s;
                        transition: all 0.25s ease 0s;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;

                        li a i {
  font-size: 9px;
  float: right;
  position: relative;
  top: 4px;
}

.main-menu > nav > ul > li ul.sub-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        min-width: 250px;
                        padding: 25px 15px;
                        -webkit-transition: all 0.25s ease 0s;
                        -o-transition: all 0.25s ease 0s;
                        transition: all 0.25s ease 0s;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;

                        li:hover > a {
  color: #000;
}

.main-menu > nav > ul > li ul.sub-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        min-width: 250px;
                        padding: 25px 15px;
                        -webkit-transition: all 0.25s ease 0s;
                        -o-transition: all 0.25s ease 0s;
                        transition: all 0.25s ease 0s;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;

                        li:hover ul.level-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.main-menu > nav > ul > li ul.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  width: 100%;
  padding: 35px 25px 35px 35px;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  border-radius: 0 0 4px 4px;
  z-index: 999;
  border: 1px solid #eef0ee;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li {
  line-height: 1;
  display: block;
  position: relative;
  float: left;
  padding-right: 10px;
  &:last-child;
}

line-height: 1;
                            display: block;
                            position: relative;
                            float: left;
                            padding-right: 10px;

                            .main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li:last-child {
  margin-bottom: 0;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li.sub-mega-menu-width-22 {
  width: 22%;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li.sub-mega-menu-width-34 {
  width: 34%;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li a.menu-title {
  font-size: $font-xl;
  font-weight: 500;
  display: block;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li ul {
  margin-top: 28px;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li ul margin-top: 28px;

                                li {
  line-height: 1;
  display: block;
  margin-bottom: 14px;
  float: none;
  &:last-child;
}

line-height: 1;
                                    display: block;
                                    margin-bottom: 14px;
                                    float: none;
                                    .main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li ul margin-top: 28px;

                                li:last-child {
  margin-bottom: 0;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li ul margin-top: 28px;

                                li a {
  font-size: 15px;
  color: $color-body;
  display: block;
  line-height: 1.4;
  &:hover;
}

font-size: 15px;
                                        color: $color-body;
                                        display: block;
                                        line-height: 1.4;

                                        .main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li ul margin-top: 28px;

                                li a:hover {
  color: $color-brand;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap {
  overflow: hidden;
  position: relative;
  &:hover;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap overflow: hidden;
                                position: relative;

                                a {
  display: block;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap overflow: hidden;
                                position: relative;

                                a display: block;

                                    img {
  width: 100%;
  -webkit-transition: all 1.5s
                                            cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s
                                            cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s
                                            cubic-bezier(0, 0, 0.2, 1);
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap .menu-banner-content {
  position: absolute;
  top: 32px;
  left: 30px;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap .menu-banner-content position: absolute;
                                    top: 32px;
                                    left: 30px;

                                    h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  margin: 5px 0 11px;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap .menu-banner-content .menu-banner-price span.old-price {
  font-size: $font-xl;
  font-weight: 400;
  color: #696969;
  text-decoration: line-through;
  margin-left: 5px;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap .menu-banner-content .menu-banner-btn a {
  display: inline-block;
  font-size: $font-md;
  font-weight: 700;
  color: #ffffff;
  border-radius: 26px;
  padding: 12px 22px 14px;
  background-color: $color-brand;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap .menu-banner-discount h3 span {
  display: block;
  line-height: 1;
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 3px;
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap:hover a img {
  -webkit-transform: scale3d(
                                                1.1,
                                                1.1,
                                                1.1
                                            );
  transform: scale3d(1.1, 1.1, 1.1);
}

.main-menu > nav > ul > li ul.mega-menu position: absolute;
                        left: 0;
                        top: 100%;
                        background-color: #ffffff;
                        width: 100%;
                        padding: 35px 25px 35px 35px;
                        opacity: 0;
                        visibility: hidden;
                        margin-top: 20px;
                        border-radius: 0 0 4px 4px;
                        z-index: 999;
                        border: 1px solid #eef0ee;
                        li .menu-banner-wrap:hover .menu-banner-btn a {
  background-color: $color-danger;
}

.main-menu > nav > ul > li:hover > a {
  color: $color-brand;
}

.main-menu > nav > ul > li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.main-menu > nav > ul > li:hover ul.mega-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.main-menu.hover-boder > nav > ul > li {
  &:hover;
}

.main-menu.hover-boder > nav > ul > li > a {
  position: relative;
  &::after;
}

position: relative;

                        .main-menu.hover-boder > nav > ul > li > a::after {
  content: none;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 34px;
  height: 1px;
  width: 0;
  -webkit-transition: width 0.6s
                                cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -o-transition: width 0.6s
                                cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  transition: width 0.6s
                                cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: $color-brand;
}

.main-menu.hover-boder > nav > ul > li:hover > a {
  &::after;
}

.main-menu.hover-boder > nav > ul > li:hover > a::after {
  width: 100%;
  left: 0;
  right: auto;
}

.main-menu.hover-boder.hover-boder-white > nav > ul > li > a {
  &::after;
}

.main-menu.hover-boder.hover-boder-white > nav > ul > li > a::after {
  bottom: 18px;
  background: #ffffff;
}

.main-menu.hover-boder.hover-boder-modify > nav > ul > li > a {
  &::after;
}

.main-menu.hover-boder.hover-boder-modify > nav > ul > li > a::after {
  bottom: 28px;
}

.main-menu.main-menu-light-white > nav > ul > li > a {
  color: white;
}

.main-menu.main-menu-padding-1 > nav > ul > li {
  padding: 0 17px;
  &:first-child;
}

padding: 0 17px;
                    .main-menu.main-menu-padding-1 > nav > ul > li:first-child {
  padding-left: 0 !important;
}

.main-menu.main-menu-lh-2 > nav > ul > li {
  line-height: 60px;
}

.main-menu.main-menu-lh-3 > nav > ul > li {
  line-height: 80px;
}

.main-menu.main-menu-grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.main-menu > nav > ul > li {
  display: inline-block;
  position: relative;
}

.main-menu > nav > ul > li display: inline-block;
                position: relative;

                ul.sub-menu li a {
  font-size: 15px;
  color: #555;
  display: block;
  padding: 0 15px;
  &:hover;
}

font-size: 15px;
                                color: #555;
                                display: block;
                                padding: 0 15px;
                                .main-menu > nav > ul > li display: inline-block;
                position: relative;

                ul.sub-menu li a:hover {
  color: $color-brand;
}

.main-menu > nav > ul > li display: inline-block;
                position: relative;

                ul.mega-menu li .menu-banner-wrap .menu-banner-content h4 {
  font-size: $font-md;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
}

.main-menu > nav > ul > li display: inline-block;
                position: relative;

                ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price {
  margin: 0 0 28px;
}

.main-menu > nav > ul > li display: inline-block;
                position: relative;

                ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price margin: 0 0 28px;

                                        span.new-price {
  font-size: 24px;
  font-weight: 700;
  color: $color-danger;
}

.main-menu > nav > ul > li display: inline-block;
                position: relative;

                ul.mega-menu li .menu-banner-wrap .menu-banner-discount {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffd55a;
  position: absolute;
  top: 13%;
  right: 7%;
}

.main-menu > nav > ul > li display: inline-block;
                position: relative;

                ul.mega-menu li .menu-banner-wrap .menu-banner-discount width: 80px;
                                    height: 80px;
                                    line-height: 80px;
                                    border-radius: 100%;
                                    display: -webkit-box;
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-pack: center;
                                    -webkit-justify-content: center;
                                    -ms-flex-pack: center;
                                    justify-content: center;
                                    -webkit-box-align: center;
                                    -webkit-align-items: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                    background-color: #ffd55a;
                                    position: absolute;
                                    top: 13%;
                                    right: 7%;

                                    h3 {
  color: #333;
  margin: 0;
  text-align: center;
  font-size: $font-xl;
  font-weight: 600;
  line-height: 1;
}

.main-menu.main-menu-lh-1 > nav > ul > li {
  line-height: 70px;
}

.main-categori-wrap {
  position: relative;
  margin-right: 70px;
}

position: relative;
    margin-right: 70px;
    .main-categori-wrap > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
}

position: relative;
    margin-right: 70px;
    .main-categori-wrap > a display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px;
        font-weight: 700;
        span {
  margin-right: 7px;
  color: $color-body;
}

position: relative;
    margin-right: 70px;
    .main-categori-wrap > a > i {
  margin-left: 5px;
  margin-top: 7px;
  color: #999;
}

margin-left: 5px;
            margin-top: 7px;
            color: #999;
            position: relative;
    margin-right: 70px;
    .main-categori-wrap > a > i.up {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  opacity: 0;
  visibility: hidden;
}

position: relative;
    margin-right: 70px;
    .main-categori-wrap > a.open > i {
  opacity: 0;
  visibility: hidden;
}

opacity: 0;
                visibility: hidden;
                position: relative;
    margin-right: 70px;
    .main-categori-wrap > a.open > i.up {
  opacity: 1;
  visibility: visible;
}

.categori-dropdown-active-large {
  list-style-type: none;
  position: absolute;
  top: 177%;
  left: 0;
  z-index: 9;
  margin: 0;
  padding: 15px 0 10px 0;
  background: #fff;
  border: 1px solid #eef0ee;
  border-radius: 0 0 4px 4px;
  font-size: $font-md;
  font-weight: 400;
  min-width: 270px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  visibility: hidden;
}

list-style-type: none;
    position: absolute;
    top: 177%;
    left: 0;
    z-index: 9;
    margin: 0;
    padding: 15px 0 10px 0;
    background: #fff;
    border: 1px solid #eef0ee;
    border-radius: 0 0 4px 4px;
    font-size: $font-md;
    font-weight: 400;
    min-width: 270px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
    visibility: hidden;
    .categori-dropdown-active-large.open {
  opacity: 1;
  visibility: visible;
}

.categori-dropdown-active-small {
  z-index: 9;
  margin: 0;
  padding: 14px 0 23px;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: $box-shadown-1;
  box-shadow: $box-shadown-1;
  font-size: $font-md;
  font-weight: 400;
  display: none;
  width: 100%;
}

.categori-dropdown-wrap ul li {
  display: block;
  &:hover .dropdown-menu;
}

.categori-dropdown-wrap ul li display: block;

            a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 34px;
  line-height: 1.5;
  color: #1a1a1a;
  font-size: $font-md;
  &:hover;
}

display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 5px 34px;
                line-height: 1.5;
                color: #1a1a1a;
                font-size: $font-md;

                .categori-dropdown-wrap ul li display: block;

            a:hover {
  color: $color-brand;
  background-color: rgba(78, 151, 253, 0.1);
}

.categori-dropdown-wrap ul li display: block;

            a i {
  margin-right: 16px;
  font-size: 18px;
  opacity: 0.9;
}

.categori-dropdown-wrap ul li:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
  pointer-events: auto;
}

.categori-dropdown-wrap ul li.has-children {
  position: relative;
  > a::after;
}

.categori-dropdown-wrap ul li.has-children position: relative;
                > a::after {
  content: "\f111";
  font-family: "uicons-regular-straight" !important;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
}

.categori-dropdown-wrap ul li.has-children .dropdown-menu {
  left: 100%;
  top: 0;
  margin: 0;
  margin-top: 0px;
  border: 1px solid #eef0ee;
  min-width: 800px;
  width: 100%;
  right: 0;
  border-radius: 0;
  padding: 20px;
}

.categori-dropdown-wrap ul li.has-children .dropdown-menu left: 100%;
                    top: 0;
                    margin: 0;
                    margin-top: 0px;
                    border: 1px solid #eef0ee;
                    min-width: 800px;
                    width: 100%;
                    right: 0;
                    border-radius: 0;
                    padding: 20px;

                    .submenu-title {
  font-size: $font-xl;
  font-weight: 500;
  display: block;
  color: $color-brand;
  padding: 5px 34px;
}

.categori-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 {
  display: block;
  position: relative;
  margin-bottom: 15px;
}

.categori-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 display: block;
                        position: relative;
                        margin-bottom: 15px;

                        .banne_info {
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 15px;
}

.categori-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 display: block;
                        position: relative;
                        margin-bottom: 15px;

                        .banne_info position: absolute;
                            right: 0;
                            top: 50%;
                            -moz-transform: translateY(-50%);
                            -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                            padding: 15px;

                            a {
  text-transform: capitalize;
  position: relative;
  padding: 0;
  color: #272a2c !important;
  &::before;
}

text-transform: capitalize;
                                position: relative;
                                padding: 0;
                                color: #272a2c !important;

                                .categori-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 display: block;
                        position: relative;
                        margin-bottom: 15px;

                        .banne_info position: absolute;
                            right: 0;
                            top: 50%;
                            -moz-transform: translateY(-50%);
                            -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                            padding: 15px;

                            a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 50%;
  background-color: #272a2c;
  transition: all 0.5s ease-in-out;
}

.categori-dropdown-wrap .more_categories {
  border-top: 1px solid #eaeaea;
  padding: 10px 34px 0 34px;
  margin-top: 10px;
  color: $color-brand;
  position: relative;
  font-size: 13px;
  font-family: $font-heading;
  &::before;
  &::after;
}

border-top: 1px solid #eaeaea;
        padding: 10px 34px 0 34px;
        margin-top: 10px;
        color: $color-brand;
        position: relative;
        font-size: 13px;
        font-family: $font-heading;

        .categori-dropdown-wrap .more_categories::before {
  content: "";
  width: 15px;
  height: 1px;
  background-color: $color-brand;
  position: absolute;
  right: 31px;
  top: 21px;
}

.categori-dropdown-wrap .more_categories::after {
  content: "";
  width: 1px;
  height: 15px;
  background-color: $color-brand;
  position: absolute;
  right: 38px;
  top: 14px;
}

.categori-dropdown-wrap .more_categories.show {
  &::after;
}

.categori-dropdown-wrap .more_categories.show::after {
  display: none;
  content: none;
}

.pagination-area .page-item {
  margin: 0 5px;
  &:first-child;
  &:last-child;
  &.active,
        &:hover;
}

margin: 0 5px;
        .pagination-area .page-item:first-child {
  margin-left: 0;
}

margin: 0 5px;
        .pagination-area .page-item:first-child margin-left: 0;
            .page-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination-area .page-item:last-child .page-link {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.pagination-area .page-item.active,
        .pagination-area .page-item:hover .page-link {
  color: #fff;
  background: $color-brand;
}

.pagination-area .page-link {
  border: 0;
  padding: 0 10px;
  box-shadow: none;
  outline: 0;
  width: 34px;
  height: 34px;
  display: block;
  border-radius: 4px;
  color: #696969;
  line-height: 34px;
  text-align: center;
  font-weight: 700;
}

border: 0;
        padding: 0 10px;
        box-shadow: none;
        outline: 0;
        width: 34px;
        height: 34px;
        display: block;
        border-radius: 4px;
        color: #696969;
        line-height: 34px;
        text-align: center;
        font-weight: 700;
        .pagination-area .page-link.dot {
  background-color: transparent;
  color: $color-text;
  letter-spacing: 2px;
}