:root {
  --sanaa-primary: #f9b930;
  --sanaa-secondary: #000;
  --sanaa-bg-primary: #ffefbb;
}

.padding-b {
    padding-top: 0;
}

/* Buttons */
button:focus {outline:0;}

.button {
    transition: all .5s ease;
}

.button--filled.button--secondary {
    border-color: var(--sanaa-primary);
    background-color: var(--sanaa-primary);
    color: #fff;
}

.button--outlined.button--secondary {
    border-color: var(--sanaa-primary);
    color: var(--sanaa-primary);
}

.button.button--secondary:hover, .button.button--secondary:focus, .button.button--secondary:active {
    background-color: var(--sanaa-primary);
}

/* Global */
.sanaa-bg-primary {
    background-color: var(--sanaa-bg-primary);
}

.sanaa-hidden-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.sanaa-bee {
    width: 57px;
    height: 46px;
}

.sanaa-masthead {
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,239,187,1) 30%);
    padding: 1.9rem 0 5rem;
}

@media (max-width: 768px) {
    .sanaa-masthead {
        background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,239,187,1) 75%);
    }
}

.sanaa-masthero {
    padding: 0 0 4.5rem;
}

.sanaa-product img {
    transition: .35s cubic-bezier(.25,.46,.45,.94);
}

.sanaa-product:hover img {
    transform: translateY(-4px);
    transition: .35s cubic-bezier(.25,.46,.45,.94);
}

.sanaa-product .card__content {
	padding-top: 0;
}

/**
 * Floating Nav
 * Link: https://codepen.io/ksherman/pen/PwXyjQ
 */
 .float-nav {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 2;
}
.float-nav > button.menu-btn {
    position: relative;
    display: block;
    background-color: var(--sanaa-primary);
    color: #fff;
    box-shadow: 2px 2px 8px #777;
    border-radius: 300px;
    width: 70px;
    height: 70px;
}
.float-nav > button.menu-btn.active {
  transition: background-color 250ms linear;
  background-color: transparent;
  box-shadow: none;
}
.float-nav > button.menu-btn.active > ul > li.line:nth-child(1) {
  border-width: 2px;
  transform: rotate(45deg) translate(4px, 6px);
}
.float-nav > button.menu-btn.active > ul > li.line:nth-child(2) {
  visibility: hidden;
}
.float-nav > button.menu-btn.active > ul > li.line:nth-child(3) {
  border-width: 2px;
  transform: rotate(-45deg) translate(8px, -10px);
}
.float-nav > button.menu-btn > ul {
    list-style: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 3px 0 0;
}
.float-nav > button.menu-btn > ul > li.line {
    background-color: #fff;
    border: 1px solid #fff;
    width: 32px;
    margin-bottom: 7px;
    transition-duration: 0.1s;
}
.float-nav > button.menu-btn > .menu-txt {
  width: 100%;
  text-align: center;
}

.main-nav {
  display: none;
  opacity: 0;
  position: fixed;
  bottom: 13px;
  left: 20px;
  transition: opacity 250ms;
}
.main-nav.active {
  display: block;
  opacity: 1;
  transition: opacity 250ms;
}
.main-nav > ul {
  width: 100%;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: var(--sanaa-primary);
  box-shadow: 2px 2px 8px #777;
  border-radius: 3px 3px 3px 33.5px
}
.main-nav > ul > li > a {
  text-decoration: none;
  display: block;
  padding: 18px 18px 18px 80px;
  color: #fff;
  font-weight: 600;
}
.main-nav > ul > li > a:hover {
    background-color: var(--sanaa-secondary);
}
.main-nav > ul > li:last-child > a {
    border-bottom-left-radius: 33.5px;
}

#site-wrap {
    position: relative;
    width: 1600px;
    margin: 0 auto;
    max-width: 100%;
    box-shadow: 0 4px 40px rgba(0,0,0,.1);
    overflow: hidden;
}

/**
 * sanaa Bees
 */
@-webkit-keyframes sanaaBeeOne {
    0% {
        offset-distance: 97%;
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        transform: translateX(0) rotate3d(1, 0, 0, 0deg);
    }
    45% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 350deg);
        transform: translateX(0) rotate3d(1, 0, 0, 350deg);
    }
    55% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        offset-distance: 0;
    }
    60% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    75% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
    }
    85% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    90% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        opacity: 1;
    }
    99% {
        -webkit-transform: translateX(200px) translateY(-1300px) rotate3d(1, 0, 0, 60deg);
        transform: translateX(200px) translateY(-1300px) rotate3d(1, 0, 0, 60deg);
        offset-distance: 0;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sanaaBeeOne {
    0% {
        offset-distance: 97%;
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        transform: translateX(0) rotate3d(1, 0, 0, 0deg);
    }
    45% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 350deg);
        transform: translateX(0) rotate3d(1, 0, 0, 350deg);
    }
    55% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        offset-distance: 0;
    }
    60% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    75% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
    }
    85% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    90% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        opacity: 1;
    }
    99% {
        -webkit-transform: translateX(200px) translateY(-1300px) rotate3d(1, 0, 0, 60deg);
        transform: translateX(200px) translateY(-1300px) rotate3d(1, 0, 0, 60deg);
        offset-distance: 0;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes sanaaBeeOneRow {
    0% {
        offset-distance: 97%;
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        transform: translateX(0) rotate3d(1, 0, 0, 0deg);
    }
    25% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 350deg);
        transform: translateX(0) rotate3d(1, 0, 0, 350deg);
    }
    35% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        offset-distance: 0;
    }
    40% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    45% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
    }
    55% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    60% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        opacity: 1;
    }
    67% {
        -webkit-transform: translateX(200px) translateY(-1300px) rotate3d(1, 0, 0, 60deg);
        transform: translateX(200px) translateY(-1300px) rotate3d(1, 0, 0, 60deg);
        offset-distance: 0;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sanaaBeeOneRow {
    0% {
        offset-distance: 97%;
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        transform: translateX(0) rotate3d(1, 0, 0, 0deg);
    }
    25% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 350deg);
        transform: translateX(0) rotate3d(1, 0, 0, 350deg);
    }
    35% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        offset-distance: 0;
    }
    40% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    45% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
    }
    55% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    60% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        opacity: 1;
    }
    67% {
        -webkit-transform: translateX(200px) translateY(-1300px) rotate3d(1, 0, 0, 60deg);
        transform: translateX(200px) translateY(-1300px) rotate3d(1, 0, 0, 60deg);
        offset-distance: 0;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes sanaaBeeTwo {
    0% {
        offset-distance: 100%;
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    55% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 350deg);
        transform: translateX(0) rotate3d(1, 0, 0, 350deg);
    }
    65% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        offset-distance: 0;
    }
    70% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    77% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
    }
    85% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        opacity: 1;
    }
    99% {
        -webkit-transform: translateX(-600px) translateY(-200px) rotate3d(1, 0, 0, 60deg);
        transform: translateX(-600px) translateY(-200px) rotate3d(1, 0, 0, 60deg);
        offset-distance: 0;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sanaaBeeTwo {
    0% {
        offset-distance: 100%;
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    55% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 350deg);
        transform: translateX(0) rotate3d(1, 0, 0, 350deg);
    }
    65% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        offset-distance: 0;
    }
    70% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    77% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
    }
    85% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        opacity: 1;
    }
    99% {
        -webkit-transform: translateX(-600px) translateY(-200px) rotate3d(1, 0, 0, 60deg);
        transform: translateX(-600px) translateY(-200px) rotate3d(1, 0, 0, 60deg);
        offset-distance: 0;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes sanaaBeeTwoRow {
    0% {
        offset-distance: 100%;
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    35% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 350deg);
        transform: translateX(0) rotate3d(1, 0, 0, 350deg);
    }
    40% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        offset-distance: 0;
    }
    50% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    57% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
    }
    65% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        opacity: 1;
    }
    67% {
        -webkit-transform: translateX(-600px) translateY(-200px) rotate3d(1, 0, 0, 60deg);
        transform: translateX(-600px) translateY(-200px) rotate3d(1, 0, 0, 60deg);
        offset-distance: 0;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sanaaBeeTwoRow {
    0% {
        offset-distance: 100%;
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        transform: translateX(0) rotate3d(1, 0, 0, 0deg);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    35% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 350deg);
        transform: translateX(0) rotate3d(1, 0, 0, 350deg);
    }
    40% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        offset-distance: 0;
    }
    50% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
    }
    57% {
        -webkit-transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
        transform: translateX(-10px) rotate3d(1, 0, 0, 360deg);
    }
    65% {
        -webkit-transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        transform: translateX(0) rotate3d(1, 0, 0, 360deg);
        opacity: 1;
    }
    67% {
        -webkit-transform: translateX(-600px) translateY(-200px) rotate3d(1, 0, 0, 60deg);
        transform: translateX(-600px) translateY(-200px) rotate3d(1, 0, 0, 60deg);
        offset-distance: 0;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes sanaaBeeFourRow {
    0%,
    100% {
        -webkit-transform: rotate(-20deg) translateY(0);
        transform: rotate(-20deg) translateY(0);
    }
    50% {
        -webkit-transform: rotate(-23deg) translateY(-15px);
        transform: rotate(-23deg) translateY(-15px);
    }
}
@keyframes sanaaBeeFourRow {
    0%,
    100% {
        -webkit-transform: rotate(-20deg) translateY(0);
        transform: rotate(-20deg) translateY(0);
    }
    50% {
        -webkit-transform: rotate(-23deg) translateY(-15px);
        transform: rotate(-23deg) translateY(-15px);
    }
}
@-webkit-keyframes sanaaBeeOffset {
    0% {
        opacity: 0;
        offset-distance: 100%;
    }
    100% {
        opacity: 1;
        offset-distance: 0;
    }
}
@keyframes sanaaBeeOffset {
    0% {
        opacity: 0;
        offset-distance: 100%;
    }
    100% {
        opacity: 1;
        offset-distance: 0;
    }
}
.sanaa-bees-holder .sanaa-bees-holder-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100vw;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sanaa-bees-holder .sanaa-bees-holder-inner .sanaa-bee {
    position: relative;
    z-index: 9;
}
.sanaa-bees-holder .sanaa-bees-holder-inner {
    -webkit-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    opacity: 0;
}
.sanaa-bees-holder .sanaa-bee svg {
    offset-distance: 100%;
}
.sanaa-bees-holder .sanaa-bee.bee-1 {
    -webkit-transform: translate(50vw, -5vh) rotate(30deg) scale(0.9);
    -ms-transform: translate(50vw, -5vh) rotate(30deg) scale(0.9);
    transform: translate(30vw, -5vh) rotate(30deg) scale(0.9);
}
.sanaa-bees-holder .sanaa-bee.bee-1 svg {
    offset-path: path("M.5 122.7s24.7-275 276.9 0c327.1 356.7 266.1-330.3 548-33.3 256.9 270.7 271.1 0 271.1 0");
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-2 {
    -webkit-transform: translate(50vw, -5vh) rotate(30deg) scale(0.9);
    -ms-transform: translate(50vw, -5vh) rotate(30deg) scale(0.9);
    transform: translate(30vw, -5vh) rotate(30deg) scale(0.9);
}
.sanaa-bees-holder .sanaa-bee.bee-2 svg {
    offset-path: path("M.5 122.7s24.7-275 276.9 0c327.1 356.7 266.1-330.3 548-33.3 256.9 270.7 271.1 0 271.1 0");
}
.sanaa-bees-holder .sanaa-bee.bee-3 {
    -webkit-transform: translate(-170px, -50px) rotate(-140deg);
    -ms-transform: translate(-170px, -50px) rotate(-140deg);
    transform: translate(-170px, -50px) rotate(-140deg);
}
.sanaa-bees-holder .sanaa-bee.bee-3 svg {
    offset-path: path("M.5 122.7s24.7-275 276.9 0c327.1 356.7 266.1-330.3 548-33.3 256.9 270.7 271.1 0 271.1 0");
}
.sanaa-bees-holder .sanaa-bee.bee-4 {
    -webkit-transform: translate(47vw, -150vh);
    -ms-transform: translate(47vw, -150vh);
    transform: translate(47vw, -150vh);
}
.sanaa-bees-holder .sanaa-bee.bee-5 {
    -webkit-transform: translate(728px,-374px) rotate(0) scaleY(-1);
    -ms-transform: translate(728px,-374px) rotate(0) scaleY(-1);
    transform: translate(55vw, -60vh) rotate(0) scaleY(-1);
}
.sanaa-bees-holder .sanaa-bee.bee-5 svg {
    -webkit-transform: rotate(-20deg) translateY(0);
    -ms-transform: rotate(-20deg) translateY(0);
    transform: rotate(-20deg) translateY(0);
}
.sanaa-bees-holder .sanaa-bee.bee-6 {
    -webkit-transform: translate(-801px, 550px) rotate(104deg) scale(1);
    -ms-transform: translate(-801px, 550px) rotate(104deg) scale(1);
    transform: translate(-801px, 550px) rotate(104deg) scale(1);
}
.sanaa-bees-holder .sanaa-bee.bee-6 svg {
    -webkit-transform: rotate(-20deg) translateY(0);
    -ms-transform: rotate(-20deg) translateY(0);
    transform: rotate(-20deg) translateY(0);
}
.sanaa-bees-holder .sanaa-bee.bee-7 {
    -webkit-transform: translate(-173px, 405px) rotate(0) scaleX(-1);
    -ms-transform: translate(-173px, 405px) rotate(0) scaleX(-1);
    transform: translate(-173px, 405px) rotate(0) scaleX(-1);
}
.sanaa-bees-holder .sanaa-bee.bee-7 svg {
    offset-path: path("M.5 122.7s24.7-275 276.9 0c327.1 356.7 266.1-330.3 548-33.3 256.9 270.7 271.1 0 271.1 0");
}
.sanaa-bees-holder .sanaa-bee.bee-8 {
    -webkit-transform: translate(-1001px, 850px) rotate(160deg) scale(1);
    -ms-transform: translate(-1001px, 850px) rotate(160deg) scale(1);
    transform: translate(-1001px, 850px) rotate(160deg) scale(1);
}
.sanaa-bees-holder .sanaa-bee.bee-9 {
    -webkit-transform: translate(-65vw, -80vh) rotate(185deg);
    -ms-transform: translate(-65vw, -80vh) rotate(185deg);
    transform: translate(-65vw, -80vh) rotate(185deg);
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bees-holder-inner {
    opacity: 1;
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-1 svg {
    -webkit-animation: sanaaBeeOneRow 5.5s cubic-bezier(0.62, 0.01, 0.42, 1.01) infinite 0.8s;
    animation: sanaaBeeOneRow 5.5s cubic-bezier(0.62, 0.01, 0.42, 1.01) infinite 0.8s;
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-2 svg {
    -webkit-animation: sanaaBeeTwoRow 5.5s cubic-bezier(0.62, 0.01, 0.42, 1.01) infinite 0.8s;
    animation: sanaaBeeTwoRow 5.5s cubic-bezier(0.62, 0.01, 0.42, 1.01) infinite 0.8s;
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-3 svg {
    -webkit-animation: sanaaBeeOneRow 5.5s cubic-bezier(0.85, 0.38, 0.58, 1) infinite 2.9s;
    animation: sanaaBeeOneRow 5.5s cubic-bezier(0.85, 0.38, 0.58, 1) infinite 2.9s;
}
.sanaa-bees-holder.sanaa-bees-holder--appeared.sanaa-bee-appear-4 .sanaa-bee.bee-4 {
    -webkit-transition: cubic-bezier(.22,.61,.36,1) .7s 1s;
    -o-transition: cubic-bezier(.22,.61,.36,1) .7s 1s;
    transition: cubic-bezier(.22,.61,.36,1) .7s 1s;
    -webkit-transform: translate(-47vw, -67vh);
    -ms-transform: translate(-47vw, -67vh);
    transform: translate(-47vw, -67vh);
}
.sanaa-bees-holder.sanaa-bees-holder--appeared.sanaa-bee-appear-4 .sanaa-bee.bee-4 svg {
    -webkit-animation: sanaaBeeFourRow 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite 0.5s;
    animation: sanaaBeeFourRow 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite 0.5s;
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-5 {
	-webkit-transition: cubic-bezier(.22,.61,.36,1) .7s 1s;
    -o-transition: cubic-bezier(.22,.61,.36,1) .7s 1s;
    transition: cubic-bezier(.22,.61,.36,1) .7s 1s;
    -webkit-transform: translate(45vw, -40vh) rotate(0) scaleY(-1);
    -ms-transform: translate(45vw, -40vh) rotate(0) scaleY(-1);
    transform: translate(45vw, -40vh) rotate(0) scaleY(-1);
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-5 svg {
    -webkit-animation: sanaaBeeFourRow 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite 1.5s;
    animation: sanaaBeeFourRow 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite 1.5s;
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-6 {
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s 0.5s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s 0.5s;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s 0.5s;
    -webkit-transform: translate(-630px, 170px) rotate(104deg) scale(1);
    -ms-transform: translate(-630px, 170px) rotate(104deg) scale(1);
    transform: translate(-630px, 170px) rotate(104deg) scale(1);
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-6 svg {
    -webkit-animation: sanaaBeeFourRow 2.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards infinite 0.5s;
    animation: sanaaBeeFourRow 2.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards infinite 0.5s;
}
.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-7 svg {
    -webkit-animation: sanaaBeeOneRow 5.5s cubic-bezier(1, 0.78, 0.42, 1.01) infinite 2.2s;
    animation: sanaaBeeOneRow 5.5s cubic-bezier(1, 0.78, 0.42, 1.01) infinite 2.2s;
}
.sanaa-bees-holder.sanaa-bees-holder--appeared.sanaa-bee-appear-8 .sanaa-bee.bee-8 {
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s 0.5s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s 0.5s;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s 0.5s;
    -webkit-transform: translate(-430px, 999px) rotate(-160deg) scale(1);
    -ms-transform: translate(-430px, 999px) rotate(-160deg) scale(1);
    transform: translate(-430px, 999px) rotate(-160deg) scale(1);
}
.sanaa-bees-holder.sanaa-bees-holder--appeared.sanaa-bee-appear-8 .sanaa-bee.bee-8 svg {
    -webkit-animation: sanaaBeeFourRow 2.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards infinite 0.5s;
    animation: sanaaBeeFourRow 2.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards infinite 0.5s;
}
.sanaa-bees-holder.sanaa-bees-holder--appeared.sanaa-bee-appear-9 .sanaa-bee.bee-9 {
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s 0.5s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s 0.5s;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s 0.5s;
    -webkit-transform: translate(-44vw, -59vh) rotate(185deg);
    -ms-transform: translate(-44vw, -59vh) rotate(185deg);
    transform: translate(-44vw, -59vh) rotate(185deg);
}
.sanaa-bees-holder.sanaa-bees-holder--appeared.sanaa-bee-appear-9 .sanaa-bee.bee-9 svg {
    -webkit-animation: sanaaBeeFourRow 2.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards infinite 0.5s;
    animation: sanaaBeeFourRow 2.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards infinite 0.5s;
}
@media only screen and (max-width: 480px) {
    .sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-1,
    .sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-2 {
        -webkit-transform: translate(50vw, -7vh) rotate(30deg) scale(0.9);
        -ms-transform: translate(50vw, -7vh) rotate(30deg) scale(0.9);
        transform: translate(50vw, -7vh) rotate(30deg) scale(0.9);
    }
    .sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-3 {
    	-webkit-transform: translate(-50vw, -21vh) rotate(-140deg);
    	-ms-transform: translate(-50vw, -21vh) rotate(-140deg);
    	transform: translate(-50vw, -21vh) rotate(-140deg);
	}
	.sanaa-bees-holder.sanaa-bees-holder--appeared.sanaa-bee-appear-4 .sanaa-bee.bee-4 {
        -webkit-transform: translate(-37vw, -65vh);
        -ms-transform: translate(-37vw, -65vh);
        transform: translate(-37vw, -65vh);
    }
    .sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-5,
    .sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-6 {
    	display: none;
	}
	.sanaa-bees-holder.sanaa-bees-holder--appeared .sanaa-bee.bee-7 {
    	-webkit-transform: translate(-105px, 473px) rotate(0) scaleX(-1);
    	-ms-transform: translate(-105px, 473px) rotate(0) scaleX(-1);
    	transform: translate(-105px, 473px) rotate(0) scaleX(-1);
	}
	.sanaa-bees-holder.sanaa-bees-holder--appeared.sanaa-bee-appear-8 .sanaa-bee.bee-8 {
        -webkit-transform: translate(-240px, 1415px) rotate(-160deg) scale(1);
        -ms-transform: translate(-240px, 1415px) rotate(-160deg) scale(1);
        transform: translate(-240px, 1415px) rotate(-160deg) scale(1);
    }
    .sanaa-bees-holder.sanaa-bees-holder--appeared.sanaa-bee-appear-9 .sanaa-bee.bee-9 {
        -webkit-transform: translate(-40vw, -53vh) rotate(185deg);
        -ms-transform: translate(-40vw, -53vh) rotate(185deg);
        transform: translate(-40vw, -53vh) rotate(185deg);
    }
}

/**
 * sanaa Honey Drops
 */
.sanaa-top-left-img,
.sanaa-top-right-img {
    max-width: 9vw;
    position: absolute;
    top: 0;
}
.sanaa-bottom-left-img,
.sanaa-bottom-right-img {
    max-width: 15vw;
    position: absolute;
    bottom: 0;
}
.sanaa-top-left-img,
.sanaa-bottom-left-img {
    left: 0;
}
.sanaa-top-right-img,
.sanaa-bottom-right-img {
    right: 0;
}
@media (max-width: 768px) {
    .sanaa-top-left-img,
    .sanaa-top-right-img {
        max-width: 23vw;
    }
    .sanaa-bottom-left-img,
	.sanaa-bottom-right-img {
    	max-width: 27.5vw;
	}
}

.sanaa-keistimewaan-madu {
    padding-top: 1rem;
}

.sanaa-produk-kami {
    padding: 4rem 0 1rem;
}

@media (min-width: 992px) {
    .sanaa-keistimewaan-madu-text {
        padding-top: 2rem;
    }
    .sanaa-produk-kami {
        padding: 1rem 0 4rem;
    }
}

.sanaa-marketplaces {
	padding: 1rem 2rem;
}
.sanaa-marketplaces > a {
	padding: .5rem 0;
}
.sanaa-marketplaces img {
	max-width: 50% !important;
    transition: .35s cubic-bezier(.25,.46,.45,.94);
}
.sanaa-marketplaces a:hover img {
    transform: translateY(-4px);
    transition: .35s cubic-bezier(.25,.46,.45,.94);
}

@media (min-width: 769px) {
	.sanaa-marketplaces {
		padding: 2rem 15rem;
	}
	.sanaa-marketplaces > a {
		padding: .5rem;
	}
}

/* Icons */
.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}
.sanaa-footer .icon {
	color: #222;
	width: 1.65rem;
	height: 1.65rem;
	margin: 0 .35rem .5rem;
	transition: transform .5s;
}
.sanaa-footer .icon:hover {
	transform: scale(1.2);
}