*,
:after,
:before {
    box-sizing: border-box
}

body {
    overflow-x: hidden
}

.bee3D--parent {
    -webkit-perspective: 600px;
    perspective: 600px
}

.bee3D--slide {
    position: absolute;
    -webkit-transform: translateX(0%) rotateY(0deg) translateY(0%) scale(1);
    transform: translateX(0%) rotateY(0deg) translateY(0%) scale(1);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .7s ease, -webkit-transform .7s ease;
    transition: opacity .7s ease, transform .7s ease;
    z-index: 999;
    z-index: 2;
}

.bee3D--slide__inactive {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.bee3D--slide__active {
    opacity: 1;
    z-index: 3;
}

.bee3D--inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: none!important;
}

.draggable {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab
}

.draggable:active {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.bee3D--parallax {
    position: relative !important
}

.bee3D--shadow-wrapper {
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100px
}

.bee3D--shadow>span {
    display: block;
    content: '';
    left: 0;
    width: 100%;
    height: 200px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .45);
    box-shadow: 0 0 200px 50px rgba(0, 0, 0, .7);
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
    opacity: .15;
    -webkit-transform: rotateX(95deg) translateZ(30px) scale(.55);
    transform: rotateX(95deg) translateZ(30px) scale(.55)
}

.bee3D--nav {
    position: absolute;
    cursor: pointer;
    top: calc(50% - 20px);
    font-size: 8em;
    color: rgb(245 245 245 / 92%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color .7s ease;
    transition: color .7s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgb(245 245 245 / 92%);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 40px;
    z-index: 9999;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.bee3D--nav__prev {
    background: url(../bee3d/angle-left.svg) no-repeat center center #ffffffad;
    left: -30px;
}

.bee3D--nav__next {
    background: url(../bee3d/angle-right.svg) no-repeat center center #ffffffad;
    right: -30px;
}
.bee3D--parent:hover .bee3D--nav__prev {
    left: 3%;
    padding: 3px;
}

.bee3D--parent:hover .bee3D--nav__next {
    right: 3%;
    padding: 3px;
}
.bee3D--effect__classic .bee3D--before {
    -webkit-transform: translate3d(-1920px, 0, 0);
    transform: translate3d(-1920px, 0, 0)
}

.bee3D--effect__classic .bee3D--before-2 {
    -webkit-transform: translate3d(-1280px, 0, 0);
    transform: translate3d(-1280px, 0, 0);
    opacity: .1
}

.bee3D--effect__classic .bee3D--before-1 {
    -webkit-transform: translate3d(-640px, 0, 0);
    transform: translate3d(-640px, 0, 0);
    opacity: .3
}

.bee3D--effect__classic .bee3D--after {
    -webkit-transform: translate3d(1920px, 0, 0);
    transform: translate3d(1920px, 0, 0)
}

.bee3D--effect__classic .bee3D--after-2 {
    -webkit-transform: translate3d(1280px, 0, 0);
    transform: translate3d(1280px, 0, 0);
    opacity: .1
}

.bee3D--effect__classic .bee3D--after-1 {
    -webkit-transform: translate3d(640px, 0, 0);
    transform: translate3d(640px, 0, 0);
    opacity: .3
}

.bee3D--effect__carousel .bee3D--before {
    -webkit-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
    transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
    opacity: 0
}

.bee3D--effect__carousel .bee3D--before-2 {
    -webkit-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
    transform: translateX(-450px) rotateY(-45deg) translateX(-500px);
    opacity: .3;
}

.bee3D--effect__carousel .bee3D--before-1 {
    -webkit-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
    transform: translateX(-130px) rotateY(-20deg) translateX(-290px);
    opacity: .5;
}

.bee3D--effect__carousel .bee3D--after {
    -webkit-transform: translateX(980px) rotateY(72deg) translateX(1290px);
    transform: translateX(980px) rotateY(72deg) translateX(1290px);
    opacity: 0
}

.bee3D--effect__carousel .bee3D--after-1 {
    -webkit-transform: translateX(270px) rotateY(30deg) translateX(290px);
    transform: translateX(130px) rotateY(20deg) translateX(290px);
    opacity: .5;
}

.bee3D--effect__carousel .bee3D--after-2 {
    -webkit-transform: translateX(590px) rotateY(52deg) translateX(780px);
    transform: translateX(450px) rotateY(45deg) translateX(500px);
    opacity: .3;
}

.bee3D--effect__concave .bee3D--before {
    -webkit-transform: translateX(-800px) rotateY(90deg) translateX(-800px);
    transform: translateX(-800px) rotateY(90deg) translateX(-800px)
}

.bee3D--effect__concave .bee3D--before-1 {
    -webkit-transform: translateX(-310px) rotateY(28deg) translateX(-240px);
    transform: translateX(-310px) rotateY(28deg) translateX(-240px);
    opacity: .4
}

.bee3D--effect__concave .bee3D--after {
    -webkit-transform: translateX(800px) rotateY(-90deg) translateX(800px);
    transform: translateX(800px) rotateY(-90deg) translateX(800px)
}

.bee3D--effect__concave .bee3D--after-1 {
    -webkit-transform: translateX(310px) rotateY(-28deg) translateX(240px);
    transform: translateX(310px) rotateY(-28deg) translateX(240px);
    opacity: .4
}

.bee3D--effect__coverflow .bee3D--before {
    -webkit-transform: translateX(-270px) rotateY(45deg) scale(.6);
    transform: translateX(-270px) rotateY(45deg) scale(.6);
    z-index: 6
}

.bee3D--effect__coverflow .bee3D--before-3 {
    -webkit-transform: translateX(-230px) rotateY(45deg) scale(.6);
    transform: translateX(-230px) rotateY(45deg) scale(.6);
    opacity: .1;
    z-index: 7
}

.bee3D--effect__coverflow .bee3D--before-2 {
    -webkit-transform: translateX(-190px) rotateY(45deg) scale(.6);
    transform: translateX(-190px) rotateY(45deg) scale(.6);
    opacity: .2;
    z-index: 8
}

.bee3D--effect__coverflow .bee3D--before-1 {
    -webkit-transform: translateX(-150px) rotateY(45deg) scale(.6);
    transform: translateX(-150px) rotateY(45deg) scale(.6);
    opacity: .3;
    z-index: 9
}

.bee3D--effect__coverflow .bee3D__active {
    z-index: 10
}

.bee3D--effect__coverflow .bee3D--after {
    -webkit-transform: translateX(270px) rotateY(-45deg) scale(.6);
    transform: translateX(270px) rotateY(-45deg) scale(.6);
    z-index: 6
}

.bee3D--effect__coverflow .bee3D--after-1 {
    -webkit-transform: translateX(150px) rotateY(-45deg) scale(.6);
    transform: translateX(150px) rotateY(-45deg) scale(.6);
    opacity: .3;
    z-index: 9
}

.bee3D--effect__coverflow .bee3D--after-2 {
    -webkit-transform: translateX(190px) rotateY(-45deg) scale(.6);
    transform: translateX(190px) rotateY(-45deg) scale(.6);
    opacity: .2;
    z-index: 8
}

.bee3D--effect__coverflow .bee3D--after-3 {
    -webkit-transform: translateX(230px) rotateY(-45deg) scale(.6);
    transform: translateX(230px) rotateY(-45deg) scale(.6);
    opacity: .1;
    z-index: 7
}

.bee3D--effect__cube .bee3D--before {
    -webkit-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
    transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px)
}

.bee3D--effect__cube .bee3D--before-1 {
    -webkit-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
    transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
    opacity: .5
}

.bee3D--effect__cube .bee3D--after {
    -webkit-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
    transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px)
}

.bee3D--effect__cube .bee3D--after-1 {
    -webkit-transform: translateX(332px) rotateY(70deg) translateX(512px);
    transform: translateX(332px) rotateY(70deg) translateX(512px);
    opacity: .5
}

.bee3D--effect__arc .bee3D--before {
    -webkit-transform: translateX(-750px) translateY(240px) rotateZ(-17deg) scale(.5);
    transform: translateX(-750px) translateY(240px) rotateZ(-17deg) scale(.5);
    opacity: 0
}

.bee3D--effect__arc .bee3D--before-2 {
    -webkit-transform: translateX(-560px) translateY(160px) rotateZ(-14deg) scale(.6);
    transform: translateX(-560px) translateY(160px) rotateZ(-14deg) scale(.6);
    opacity: .3
}

.bee3D--effect__arc .bee3D--before-1 {
    -webkit-transform: translateX(-350px) translateY(75px) rotateZ(-8deg) scale(.8);
    transform: translateX(-350px) translateY(75px) rotateZ(-8deg) scale(.8);
    opacity: .5
}

.bee3D--effect__arc .bee3D--after {
    -webkit-transform: translateX(750px) translateY(240px) rotateZ(17deg) scale(.5);
    transform: translateX(750px) translateY(240px) rotateZ(17deg) scale(.5);
    opacity: 0
}

.bee3D--effect__arc .bee3D--after-1 {
    -webkit-transform: translateX(350px) translateY(75px) rotateZ(8deg) scale(.8);
    transform: translateX(350px) translateY(75px) rotateZ(8deg) scale(.8);
    opacity: .5
}

.bee3D--effect__arc .bee3D--after-2 {
    -webkit-transform: translateX(560px) translateY(160px) rotateZ(14deg) scale(.6);
    transform: translateX(560px) translateY(160px) rotateZ(14deg) scale(.6);
    opacity: .3
}

.bee3D--effect__wave .bee3D--before {
    -webkit-transform: translateX(-660px) translateY(-250px) rotateZ(0deg) rotateY(0deg) scale(0.15);
    transform: translateX(-660px) translateY(-250px) rotateZ(0deg) rotateY(0deg) scale(0.15);
    opacity: 0;
}

.bee3D--effect__wave .bee3D--before-2 {
    -webkit-transform: translateX(-600px) translateY(-150px) rotateZ(0deg) rotateY(0deg) scale(0.3);
    transform: translateX(-600px) translateY(-150px) rotateZ(0deg) rotateY(0deg) scale(0.3);
    opacity: 0;
}

.bee3D--effect__wave .bee3D--before-1 {
    -webkit-transform: translateX(-400px) translateY(-40px) rotateZ(0deg) rotateY(0deg) scale(0.6);
    transform: translateX(-400px) translateY(-40px) rotateZ(0deg) rotateY(0deg) scale(0.75);
    opacity: 1;
}

.bee3D--effect__wave .bee3D--after {
    -webkit-transform: translateX(660px) translateY(-250px) rotateZ(0deg) rotateY(0deg) scale(0.15);
    transform: translateX(660px) translateY(-250px) rotateZ(0deg) rotateY(0deg) scale(0.15);
    opacity: 0;
}

.bee3D--effect__wave .bee3D--after-1 {
    -webkit-transform: translateX(400px) translateY(-40px) rotateZ(0deg) rotateY(0deg) scale(0.6);
    transform: translateX(400px) translateY(-40px) rotateZ(0deg) rotateY(0deg) scale(0.75);
    opacity: 1;
}

.bee3D--effect__wave .bee3D--after-2 {
    -webkit-transform: translateX(600px) translateY(-150px) rotateZ(0deg) rotateY(0deg) scale(0.3);
    transform: translateX(600px) translateY(-150px) rotateZ(0deg) rotateY(0deg) scale(0.3);
    opacity: 0;
}

.bee3D--effect__spiral-right {
    overflow: hidden
}

.bee3D--effect__spiral-right .bee3D--before {
    -webkit-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px) translate3d(0, 600px, 0);
    transform: translateX(-980px) rotateY(-72deg) translateX(-1290px) translate3d(0, 600px, 0);
    opacity: 0
}

.bee3D--effect__spiral-right .bee3D--before-2 {
    -webkit-transform: translateX(-590px) rotateY(-52deg) translateX(-780px) translate3d(0, 400px, 0);
    transform: translateX(-590px) rotateY(-52deg) translateX(-780px) translate3d(0, 400px, 0);
    opacity: .3
}

.bee3D--effect__spiral-right .bee3D--before-1 {
    -webkit-transform: translateX(-270px) rotateY(-30deg) translateX(-290px) translate3d(0, 200px, 0);
    transform: translateX(-270px) rotateY(-30deg) translateX(-290px) translate3d(0, 200px, 0);
    opacity: .5
}

.bee3D--effect__spiral-right .bee3D--after {
    -webkit-transform: translateX(980px) rotateY(72deg) translateX(1290px) translate3d(0, -600px, 0);
    transform: translateX(980px) rotateY(72deg) translateX(1290px) translate3d(0, -600px, 0);
    opacity: 0
}

.bee3D--effect__spiral-right .bee3D--after-1 {
    -webkit-transform: translateX(270px) rotateY(30deg) translateX(290px) translate3d(0, -200px, 0);
    transform: translateX(270px) rotateY(30deg) translateX(290px) translate3d(0, -200px, 0);
    opacity: .5
}

.bee3D--effect__spiral-right .bee3D--after-2 {
    -webkit-transform: translateX(590px) rotateY(52deg) translateX(780px) translate3d(0, -400px, 0);
    transform: translateX(590px) rotateY(52deg) translateX(780px) translate3d(0, -400px, 0);
    opacity: .3
}

.bee3D--effect__spiral-left {
    overflow: hidden;
}

.bee3D--effect__spiral-left .bee3D--before {
    -webkit-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px) translate3d(0, -600px, 0);
    transform: translateX(-980px) rotateY(-72deg) translateX(-1290px) translate3d(0, -600px, 0);
    opacity: 0;
    z-index: 4;
}

.bee3D--effect__spiral-left .bee3D--before-2 {
    -webkit-transform: translateX(-590px) rotateY(-52deg) translateX(-780px) translate3d(0, -400px, 0);
    transform: translateX(-590px) rotateY(-52deg) translateX(-780px) translate3d(0, -400px, 0);
    opacity: .3
}

.bee3D--effect__spiral-left .bee3D--before-1 {
    -webkit-transform: translateX(-270px) rotateY(-30deg) translateX(-290px) translate3d(0, -200px, 0);
    transform: translateX(-100%) rotateY(0) translateY(-100%) scale(0);
    opacity: 0;
}

.bee3D--effect__spiral-left .bee3D--after {
    -webkit-transform: translateX(980px) rotateY(72deg) translateX(1290px) translate3d(0, 600px, 0);
    transform: translateX(980px) rotateY(72deg) translateX(1290px) translate3d(0, 600px, 0);
    opacity: 0;
}

.bee3D--effect__spiral-left .bee3D--after-1 {
    -webkit-transform: translateX(20%) rotateY(0deg) translateY(14%) scale(0.865);
    transform: translateX(20%) rotateY(0deg) translateY(14%) scale(0.865);
    opacity: 1;
}

.bee3D--effect__spiral-left .bee3D--after-2 {
    -webkit-transform: translateX(128%) rotateY(0) translateY(128%) scale(0);
    transform: translateX(128%) rotateY(0) translateY(128%) scale(0);
    opacity: 0;
} .3
}