*,
*:before,
*:after {
    box-sizing: border-box
}
body {
    overflow-x: hidden
}
.bee3D--parent {
    -webkit-perspective: 600px;
    perspective: 600px
}

.bee3D--slide {
    position: absolute;
    -webkit-transform: none;
    transform: none;
    width: 680px;
    height: 340px;
    top: 50%;
    left: 50%;
    margin-left: -340px;
    margin-top: -170px;
    opacity: 0;
    transition: opacity 0.7s ease, -webkit-transform .7s ease;
    transition: opacity 0.7s ease, transform .7s ease;
    transition: opacity 0.7s ease, transform .7s ease, -webkit-transform .7s ease
}
.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: 10
}
.bee3D--inner {
    position: relative;
    width: 100%;
    height: 100%
}
.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, 0.45);
    box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.7);
    transition: opacity 1.5s;
    opacity: .15;
    -webkit-transform: rotateX(95deg) translateZ(30px) scale(0.55);
    transform: rotateX(95deg) translateZ(30px) scale(0.55)
}
.bee3D--nav {
    position: absolute;
    cursor: pointer;
    top: 50%;
    font-size: 8em;
    color: rgba(0, 0, 0, 0.45);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 0.7s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 40px
}
/*.bee3D--nav__prev {
    background-image: url("/img/angle-left.svg");
    left: 3%
}
.bee3D--nav__next {
    background-image: url("/img/angle-right.svg");
    right: 3%
}*/
.bee3D--effect__classic .bee3D--before {
    -webkit-transform: translateX(-375%);
    transform: translateX(-375%)
}
.bee3D--effect__classic .bee3D--before-2 {
    -webkit-transform: translateX(-250%);
    transform: translateX(-250%);
    opacity: 0.1
}
.bee3D--effect__classic .bee3D--before-1 {
    -webkit-transform: translateX(-125%);
    transform: translateX(-125%);
    opacity: 0.3
}
.bee3D--effect__classic .bee3D--after {
    -webkit-transform: translateX(375%);
    transform: translateX(375%)
}
.bee3D--effect__classic .bee3D--after-2 {
    -webkit-transform: translateX(250%);
    transform: translateX(250%);
    opacity: 0.1
}
.bee3D--effect__classic .bee3D--after-1 {
    -webkit-transform: translateX(125%);
    transform: translateX(125%);
    opacity: 0.3
}
.bee3D--effect__carousel .bee3D--before {
    -webkit-transform: translateX(-191.4%) rotateY(-72deg) translateX(-252%);
    transform: translateX(-191.4%) rotateY(-72deg) translateX(-252%);
    opacity: 0
}
.bee3D--effect__carousel .bee3D--before-2 {
    -webkit-transform: translateX(-590px) rotateY(-52deg) translateX(-152.3%);
    transform: translateX(-590px) rotateY(-52deg) translateX(-152.3%);
    opacity: 0.3
}
.bee3D--effect__carousel .bee3D--before-1 {
    -webkit-transform: translateX(-52.7%) rotateY(-30deg) translateX(-56.6%);
    transform: translateX(-52.7%) rotateY(-30deg) translateX(-56.6%);
    opacity: 0.5
}
.bee3D--effect__carousel .bee3D--after {
    -webkit-transform: translateX(191.4%) rotateY(72deg) translateX(252%);
    transform: translateX(191.4%) rotateY(72deg) translateX(252%);
    opacity: 0
}
.bee3D--effect__carousel .bee3D--after-1 {
    -webkit-transform: translateX(52.7%) rotateY(30deg) translateX(56.6%);
    transform: translateX(52.7%) rotateY(30deg) translateX(56.6%);
    opacity: 0.5
}
.bee3D--effect__carousel .bee3D--after-2 {
    -webkit-transform: translateX(590px) rotateY(52deg) translateX(152.3%);
    transform: translateX(590px) rotateY(52deg) translateX(152.3%);
    opacity: 0.3
}
.bee3D--effect__concave .bee3D--before {
    -webkit-transform: translateX(-156%) rotateY(90deg) translateX(-156%);
    transform: translateX(-156%) rotateY(90deg) translateX(-156%)
}
.bee3D--effect__concave .bee3D--before-1 {
    -webkit-transform: translateX(-60.5%) rotateY(28deg) translateX(-46.8%);
    transform: translateX(-60.5%) rotateY(28deg) translateX(-46.8%);
    opacity: 0.4
}
.bee3D--effect__concave .bee3D--after {
    -webkit-transform: translateX(156%) rotateY(-90deg) translateX(156%);
    transform: translateX(156%) rotateY(-90deg) translateX(156%)
}
.bee3D--effect__concave .bee3D--after-1 {
    -webkit-transform: translateX(60.5%) rotateY(-28deg) translateX(46.8%);
    transform: translateX(60.5%) rotateY(-28deg) translateX(46.8%);
    opacity: 0.4
}
.bee3D--effect__coverflow .bee3D--before {
    -webkit-transform: translateX(-52.7%) rotateY(45deg) scale(0.6);
    transform: translateX(-52.7%) rotateY(45deg) scale(0.6);
    z-index: 6
}
.bee3D--effect__coverflow .bee3D--before-3 {
    -webkit-transform: translateX(-45%) rotateY(45deg) scale(0.6);
    transform: translateX(-45%) rotateY(45deg) scale(0.6);
    opacity: 0.1;
    z-index: 7
}
.bee3D--effect__coverflow .bee3D--before-2 {
    -webkit-transform: translateX(-37.1%) rotateY(45deg) scale(0.6);
    transform: translateX(-37.1%) rotateY(45deg) scale(0.6);
    opacity: 0.2;
    z-index: 8
}
.bee3D--effect__coverflow .bee3D--before-1 {
    -webkit-transform: translateX(-29.3%) rotateY(45deg) scale(0.6);
    transform: translateX(-29.3%) rotateY(45deg) scale(0.6);
    opacity: 0.3;
    z-index: 9
}
.bee3D--effect__coverflow .bee3D__active {
    z-index: 10
}
.bee3D--effect__coverflow .bee3D--after {
    -webkit-transform: translateX(52.7%) rotateY(-45deg) scale(0.6);
    transform: translateX(52.7%) rotateY(-45deg) scale(0.6);
    z-index: 6
}
.bee3D--effect__coverflow .bee3D--after-1 {
    -webkit-transform: translateX(29.3%) rotateY(-45deg) scale(0.6);
    transform: translateX(29.3%) rotateY(-45deg) scale(0.6);
    opacity: 0.3;
    z-index: 9
}
.bee3D--effect__coverflow .bee3D--after-2 {
    -webkit-transform: translateX(37.1%) rotateY(-45deg) scale(0.6);
    transform: translateX(37.1%) rotateY(-45deg) scale(0.6);
    opacity: 0.2;
    z-index: 8
}
.bee3D--effect__coverflow .bee3D--after-3 {
    -webkit-transform: translateX(45%) rotateY(-45deg) scale(0.6);
    transform: translateX(45%) rotateY(-45deg) scale(0.6);
    opacity: 0.1;
    z-index: 7
}
.bee3D--effect__cube .bee3D--before {
    -webkit-transform: translateX(-64.8%) rotateY(-70deg) translateX(-127.3%) rotateY(-110deg) translateX(-103.5%);
    transform: translateX(-64.8%) rotateY(-70deg) translateX(-127.3%) rotateY(-110deg) translateX(-103.5%)
}
.bee3D--effect__cube .bee3D--before-1 {
    -webkit-transform: translateX(-64.8%) rotateY(-70deg) translateX(-100%);
    transform: translateX(-64.8%) rotateY(-70deg) translateX(-100%);
    opacity: 0.5
}
.bee3D--effect__cube .bee3D--after {
    -webkit-transform: translateX(64.8%) rotateY(70deg) translateX(127.3%) rotateY(110deg) translateX(103.5%);
    transform: translateX(64.8%) rotateY(70deg) translateX(127.3%) rotateY(110deg) translateX(103.5%)
}
.bee3D--effect__cube .bee3D--after-1 {
    -webkit-transform: translateX(64.8%) rotateY(70deg) translateX(100%);
    transform: translateX(64.8%) rotateY(70deg) translateX(100%);
    opacity: 0.5
}
.bee3D--effect__arc .bee3D--before {
    -webkit-transform: translate(-146.5%, 63%) rotateZ(-17deg) scale(0.5);
    transform: translate(-146.5%, 63%) rotateZ(-17deg) scale(0.5);
    opacity: 0
}
.bee3D--effect__arc .bee3D--before-2 {
    -webkit-transform: translate(-109.5%, 42.3%) rotateZ(-14deg) scale(0.6);
    transform: translate(-109.5%, 42.3%) rotateZ(-14deg) scale(0.6);
    opacity: 0.3
}
.bee3D--effect__arc .bee3D--before-1 {
    -webkit-transform: translate(-67.5%, 19.5%) rotateZ(-8deg) scale(0.8);
    transform: translate(-67.5%, 19.5%) rotateZ(-8deg) scale(0.8);
    opacity: 0.5
}
.bee3D--effect__arc .bee3D--after {
    -webkit-transform: translate(146.5%, 63%) rotateZ(17deg) scale(0.5);
    transform: translate(146.5%, 63%) rotateZ(17deg) scale(0.5);
    opacity: 0
}
.bee3D--effect__arc .bee3D--after-1 {
    -webkit-transform: translate(67.5%, 19.5%) rotateZ(8deg) scale(0.8);
    transform: translate(67.5%, 19.5%) rotateZ(8deg) scale(0.8);
    opacity: 0.5
}
.bee3D--effect__arc .bee3D--after-2 {
    -webkit-transform: translate(109.5%, 42.3%) rotateZ(14deg) scale(0.6);
    transform: translate(109.5%, 42.3%) rotateZ(14deg) scale(0.6);
    opacity: 0.3
}
.bee3D--effect__wave .bee3D--before {
    -webkit-transform: translate(-134.7%, 31.6%) rotateZ(-6deg) rotateY(-15deg) scale(0.4);
    transform: translate(-134.7%, 31.6%) rotateZ(-6deg) rotateY(-15deg) scale(0.4);
    opacity: 0
}
.bee3D--effect__wave .bee3D--before-2 {
    -webkit-transform: translate(-109.3%, 26.3%) rotateZ(-14deg) rotateY(-40deg) scale(0.55);
    transform: translate(-109.3%, 26.3%) rotateZ(-14deg) rotateY(-40deg) scale(0.55);
    opacity: 0.3
}
.bee3D--effect__wave .bee3D--before-1 {
    -webkit-transform: translate(-80%, 14.5%) rotateZ(-11deg) rotateY(-30deg) scale(0.8);
    transform: translate(-80%, 14.5%) rotateZ(-11deg) rotateY(-30deg) scale(0.8);
    opacity: 0.5
}
.bee3D--effect__wave .bee3D--after {
    -webkit-transform: translate(134.7%, 31.6%) rotateZ(6deg) rotateY(15deg) scale(0.4);
    transform: translate(134.7%, 31.6%) rotateZ(6deg) rotateY(15deg) scale(0.4);
    opacity: 0
}
.bee3D--effect__wave .bee3D--after-1 {
    -webkit-transform: translate(80%, 14.5%) rotateZ(11deg) rotateY(30deg) scale(0.8);
    transform: translate(80%, 14.5%) rotateZ(11deg) rotateY(30deg) scale(0.8);
    opacity: 0.5
}
.bee3D--effect__wave .bee3D--after-2 {
    -webkit-transform: translate(109.3%, 26.3%) rotateZ(14deg) rotateY(40deg) scale(0.55);
    transform: translate(109.3%, 26.3%) rotateZ(14deg) rotateY(40deg) scale(0.55);
    opacity: 0.3
}
.bee3D--effect__spiral-right {
    overflow: hidden
}
.bee3D--effect__spiral-right .bee3D--before {
    -webkit-transform: translateX(-191.4%) rotateY(-72deg) translate(-252%, 600px);
    transform: translateX(-191.4%) rotateY(-72deg) translate(-252%, 600px);
    opacity: 0
}
.bee3D--effect__spiral-right .bee3D--before-2 {
    -webkit-transform: translateX(-115.2%) rotateY(-52deg) translate(-152.3%, 400px);
    transform: translateX(-115.2%) rotateY(-52deg) translate(-152.3%, 400px);
    opacity: 0.3
}
.bee3D--effect__spiral-right .bee3D--before-1 {
    -webkit-transform: translateX(-52.7%) rotateY(-30deg) translate(-56.6%, 200px);
    transform: translateX(-52.7%) rotateY(-30deg) translate(-56.6%, 200px);
    opacity: 0.5
}
.bee3D--effect__spiral-right .bee3D--after {
    -webkit-transform: translateX(191.4%) rotateY(72deg) translate(252%, -600px);
    transform: translateX(191.4%) rotateY(72deg) translate(252%, -600px);
    opacity: 0
}
.bee3D--effect__spiral-right .bee3D--after-1 {
    -webkit-transform: translateX(52.7%) rotateY(30deg) translate(56.6%, -200px);
    transform: translateX(52.7%) rotateY(30deg) translate(56.6%, -200px);
    opacity: 0.5
}
.bee3D--effect__spiral-right .bee3D--after-2 {
    -webkit-transform: translateX(115.2%) rotateY(52deg) translate(152.3%, -400px);
    transform: translateX(115.2%) rotateY(52deg) translate(152.3%, -400px);
    opacity: 0.3
}
.bee3D--effect__spiral-left {
    overflow: hidden
}
.bee3D--effect__spiral-left .bee3D--before {
    -webkit-transform: translateX(-191.4%) rotateY(-72deg) translate(-252%, -600px);
    transform: translateX(-191.4%) rotateY(-72deg) translate(-252%, -600px);
    opacity: 0
}
.bee3D--effect__spiral-left .bee3D--before-2 {
    -webkit-transform: translateX(-115.2%) rotateY(-52deg) translate(-152.3%, -400px);
    transform: translateX(-115.2%) rotateY(-52deg) translate(-152.3%, -400px);
    opacity: 0.3
}
.bee3D--effect__spiral-left .bee3D--before-1 {
    -webkit-transform: translateX(-52.7%) rotateY(-30deg) translate(-56.6%, -200px);
    transform: translateX(-52.7%) rotateY(-30deg) translate(-56.6%, -200px);
    opacity: 0.5
}
.bee3D--effect__spiral-left .bee3D--after {
    -webkit-transform: translateX(191.4%) rotateY(72deg) translate(252%, 600px);
    transform: translateX(191.4%) rotateY(72deg) translate(252%, 600px);
    opacity: 0
}
.bee3D--effect__spiral-left .bee3D--after-1 {
    -webkit-transform: translateX(52.7%) rotateY(30deg) translate(56.6%, 200px);
    transform: translateX(52.7%) rotateY(30deg) translate(56.6%, 200px);
    opacity: 0.5
}
.bee3D--effect__spiral-left .bee3D--after-2 {
    -webkit-transform: translateX(115.2%) rotateY(52deg) translate(152.3%, 400px);
    transform: translateX(115.2%) rotateY(52deg) translate(152.3%, 400px);
    opacity: 0.3
}

.slider-bee {
    position: relative;
    height: 340px;
    margin: 20px 0 40px 0;
}

.bee3D--parent {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.bee3dslider {
    max-width: 680px;
    margin: 0 auto;
    text-align: left
}


.bee3D--inner img {
    width: 100%;
}
.bee3D--nav {
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    z-index: 99;
}

.bee3D--nav__next {
    background-color: #deb78a;
    color: #fff;
    width: 38px;
    height: 38px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #fff;
    padding: 5px 0px 0 2px;
    box-shadow: 3px 0px 4px rgba(85, 85, 85, 0.24);
    right: 7%;
    font-size: 20px;
}


.bee3D--nav__prev {
    background-color: #deb78a;
    color: #fff;
    width: 38px;
    height: 38px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #fff;
    padding: 5px 2px 0 0;
    box-shadow: 3px 0px 4px rgba(85, 85, 85, 0.24);
    left: 7%;
    font-size: 20px;
}

.bee3D--nav__next:hover {
    background-color: #F7931E;
    width: 48px;
    height: 48px;
    padding: 11px 0px 0 2px;
    border: none;
}



.bee3D--nav__prev:hover {
    background-color: #F7931E;
    width: 48px;
    height: 48px;
    padding: 11px 2px 0 0px;
    border: none;
}

.bee3D--inner a:before {
    content: '';
    display: block;
    background-image: url(../img/zoom.png);
    width: 31px;
    height: 31px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 2;
}


/*.bee3D--effect__classic {
    background: rgba(243, 111, 86, 0.2)
}
.bee3D--effect__classic .bee3D--inner {
    background: #F36F56
}
.bee3D--effect__classic a {
    color: #F36F56
}
.bee3D--effect__carousel {
    background: rgba(121, 255, 0, 0.2)
}
.bee3D--effect__carousel .bee3D--inner {
    background:  transparent;
}
.bee3D--effect__carousel a {
    color: #83C745
}
.bee3D--effect__concave {
    background: rgba(235, 156, 184, 0.3)
}
.bee3D--effect__concave .bee3D--inner {
    background: #EB9CB8
}
.bee3D--effect__concave a {
    color: #EB9CB8
}
.bee3D--effect__coverflow {
    background: rgba(42, 206, 185, 0.2)
}
.bee3D--effect__coverflow .bee3D--inner {
    background: #2ACEB9
}
.bee3D--effect__coverflow a {
    color: #2ACEB9
}
.bee3D--effect__cube {
    background: rgba(86, 174, 231, 0.3)
}
.bee3D--effect__cube .bee3D--inner {
    background: #56AEE7
}
.bee3D--effect__cube a {
    color: #56AEE7
}
.bee3D--effect__arc {
    background: rgba(233, 213, 88, 0.2)
}
.bee3D--effect__arc .bee3D--inner {
    background: #FFAB07
}
.bee3D--effect__arc a {
    color: #FFAB07
}
.bee3D--effect__wave {
    background: rgba(179, 224, 153, 0.2)
}
.bee3D--effect__wave .bee3D--inner {
    background: #028F76
}
.bee3D--effect__wave a {
    color: #028F76
}
.bee3D--effect__spiral-right {
    background: rgba(255, 234, 173, 0.2)
}
.bee3D--effect__spiral-right .bee3D--inner {
    !*background: #B3E099*!
}
.bee3D--effect__spiral-right a {
    color: #B3E099
}
.bee3D--effect__spiral-left {
    background: rgba(255, 234, 173, 0.2)
}
.bee3D--effect__spiral-left .bee3D--inner {
   !* background: #B3E099*!
}
.bee3D--effect__spiral-left a {
    color: #B3E099
}*/
















