::selection {
         background: #89cbaa;
         color: #ffffff;
         text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

::-moz-selection {
         background: #89cbaa;
         color: #ffffff;
         text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

html, body {
         margin:0%;
         padding:0%;
         width:100%;
         height:100%;
}

html.noScroll {
         overflow-y:hidden;
         overflow-x:hidden;
}

body {
         font-family:'Montserrat','Lato', 'Helvetica', Arial, Verdana, Sans-Serif;
         font-size:14px;
         color:#a6a6a6;
         line-height:28px;
         background:#efefef;
         -webkit-text-size-adjust: none;
         overflow-x:hidden;
}

#page {
         background:#481771;
         color:#fff;
}

         @media screen and (min-width:0px) and (max-width:768px) {
                 body {
                         font-size:12px;
                         line-height:22px;
                 }
         }

img {
         border:none;
}

a {
         color:#a6a6a6;
         -moz-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
         -webkit-transition: all .4s ease-in;
         transition: all .4s ease-in;
}

a:hover {
         color:#89cbaa;
}

h1 {
         color:#ffffff;
         font-family:'Open Sans', 'Lato', Arial, Sans-Serif;
         font-weight:300;
         text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}


h2 {
         color:#89cbaa;
         font-family:"Anton";
         font-size:60px;
         margin-top:0px;
         line-height:70px;
         font-weight:200;
         text-transform:uppercase;
         text-align:center;
}

h2 span.small {
         font-size:30px;
}

h2 span.deals {
         font-family:"Henny Penny";
         color:#f1a678;
}

         @media screen and (min-width:320px) and (max-width:729px) {
                 h2 {
                         font-size:30px;
                         line-height:35px;
                 }

                 h2 span.small {
                         font-size:20px;
                 }
         }

h3 {
         color:#89cbaa;
         font-family:"Montserrat";
         font-size:20px;
         line-height:70px;
         font-weight:black;
         text-transform:uppercase;
}

         @media screen and (min-width:320px) and (max-width:729px) {
                 h3 {
                         font-size:15px;
                         line-height:20px;
                 }
         }

h4 {
         color:#a6a6a6;
         font-style:normal;
         font-weight:400;
         font-size:18px;
}

.floatLeft {
        float:left;
}

.floatRight {
        float:right;
}

.clear {
        clear:both;
}

.text-center {
         text-align:center;
}

.badge {
         height:75px;
         width:100px;
         border-radius:100%;
         border:5px solid #481771;
         background:#89cbaa;
         position:absolute;
         left:calc(50% - 52.5px);
         z-index:99;
         margin-top:25px;
         padding-top:25px;
         font-size:10px;
         font-weight:bold;
         line-height:15px;
         text-transform:uppercase;
         text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.badge span.number {
         font-size:20px;
}

.badge:after {
         content:" ";
         position:absolute;
         top:-10px;
         left:-10px;
         border-radius:100%;
         border:5px solid #f1a678;
         width:110px;
         height:110px;
}


.btn {
         text-align:center;
         text-transform:uppercase;
         position:relative;
         border-radius:40px;
         padding:25px 75px;
         display:inline-block;;
         text-decoration:none;
         font-weight:bold;
         font-size:16px;
         margin:50px 0px 50px 0px;
         animation: float 6s ease-in-out infinite;
         -webkit-animation: float 6s ease-in-out infinite;
         -moz-animation: float 6s ease-in-out infinite;
         -o-animation: float 6s ease-in-out infinite;
}

.btn:after {
         position:absolute;
         top:4px;
         left:4px;
         border-radius:37px;
         border:2px solid #fff;
         width:calc(100% - 12px);
         height:calc(100% - 12px);
         content:" ";
}

.btn.green {
         background:#89cbaa;
         color:#ffffff;
         text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
         -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
         -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
         box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
}

.btn.green:hover {
         background:#f08c9a;
}

.btn.white {
         background:#ffffff;
         color:#89cbaa;
         -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
         -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
         box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
}

.btn.white:hover {
         background:#f08c9a;
         color:#ffffff;
         text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.btn.white:after {
         border:2px solid #89cbaa;
}

.btn.white:hover:after {
         border:2px solid #ffffff;
}

.btn.green.add-to-cart {
         margin:0px auto 25px auto;
         position:absolute;
         bottom:0px;
         left:calc(50% - 165px);
         max-width:300px;
}

#add-to-cart-fixed {
         display:none;
         position:fixed;
         bottom:0px;
         z-index:99;
         width:100%;
         height:200px;
         background: linear-gradient(0deg, rgba(239,239,239,1) 0%, rgba(239,239,239,0) 100%);
}

section {
         padding-top:100px;
         padding-bottom:100px;
         clear:both;
}

         /********** MIN. 320px - MAX. 480px **********/
         @media screen and (min-width:320px) and (max-width:480px) {
                  section {
                           padding-top:50px;
                           padding-bottom:50px;
                  }

                  #add-to-cart-fixed {
                         display:block;
                  }
         }

.wrapper {
        position:relative;
        width:1200px;
        margin:0px auto 0px auto;
}

         @media screen and (min-width:320px) and (max-width:1199px) {
                 .wrapper {
                         width:95%;
                         margin:0px 2.5% 0px 2.5%;
                 }
         }


/************************************************************************************************************************
************************************************************************************************************************
         HEADER STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#navBG {
         display:none;
}

header {
         background:#89cbaa;
         width:100%;
         height:100vh;
}

header#deals {
         background: radial-gradient(circle, rgba(97,45,124,1) 0%, rgba(72,23,113,1) 100%);

}

header#deals #teaser {
         width:100%;
         text-align:center;
         padding-top:200px;
}

header#deals #teaser span {
         font-family:"Henny Penny";
         font-size:40px;
         color:#f1a678;
         text-shadow: 5px 5px 0px #612d7c;
}

header #teaser {
         width:100%;
         display:grid;
         justify-content:center;
         align-item:center;
         text-align:center;
         padding-top:100px;
         padding-bottom:200px;
}

header #teaser span {
         font-family:"Anton";
         font-size:100px;
         letter-spacing:8px;
         color:#ffffff;
         text-transform:uppercase;
         line-height:120px;
         text-shadow: 5px 5px 0px #56946B;
}

header #teaser span .small {
         font-family:"Anton";
         font-size:60px;
         letter-spacing:0px;
         color:#ffffff;
         text-transform:uppercase;
         line-height:60px;
}

header #teaser span .big {
         font-family:"Anton";
         font-size:130px;
         letter-spacing:0px;
         color:#ffffff;
         text-transform:uppercase;
}

header #teaser img {
         width:100%;
}

         @media screen and (min-width:320px) and (max-width:768px) {
                  header {
                           height:100vh;
                  }

                  header #teaser {
                           width:100%;
                           position:absolute;
                           top:0px;
                           left:0px;
                           justify-content:center;
                           align-items:center;
                           text-align:center;
                           padding-top:150px;
                  }

                  header #teaser span .text {
                         display:block;
                  }

                  header #teaser span {
                           font-size:50px;
                           letter-spacing:4px;
                           line-height:60px;
                           text-shadow: 3px 3px 0px #56946B;
                  }

                  header #teaser span .small {
                           font-size:30px;
                           line-height:30px;
                  }

                  header #teaser span .big {
                           font-size:65px;
                  }

                  header #teaser img {
                           width:320px;
                           margin:50px auto 0px auto;
                  }
         }

header #navigation {
         background:#fff;
         width:calc(100% - 20px);
         margin:0px 10px 0px 10px;
         position:relative;
         top:10px;
         -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
         -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
         box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
         padding:20px 0px;
}

header #navigation #first {
         display:none;
}

header #navigation #second {
         float:left;
}

header #navigation #second a img {
         width:70px;
         margin-right:50px;
}

header #navigation #third {
         display:none;
}

header #navigation nav {
         float:left;
         margin-top:7px;
}

header #navigation nav ul {
         padding:0px;
         margin:0px;
}

header #navigation nav ul li {
         list-style:none;
         float:left;
         border-right:1px solid #efefef;
         padding:0px 25px 0px 25px;
}

header #navigation nav ul li:last-child,
header #navigation nav ul li:nth-last-child(2) {
         display:none;
}

header #navigation nav ul li:nth-last-child(3) {
         border:none;
}

header #navigation nav ul li a {
         text-decoration:none;
         text-transform:uppercase;
         font-size:14px;
         color:#a6a6a6;
         font-family:'Montserrat';
}

header #navigation nav ul li a:hover {
         color:#89cbaa;
}

header #navigation #navigation-right {
         float:right;
         margin:5px 10px 0px 0px;
}

header #navigation #navigation-right ul {
         padding:0px;
         margin:0px;
}

header #navigation #navigation-right ul li {
         list-style:none;
         float:left;
         display:flex;
         position:relative;
}

header #navigation #navigation-right ul li a {
         border-radius:100%;
         padding:5px;
         border:3px solid #a6a6a6;
         margin-left:15px;
         -moz-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
         -webkit-transition: all .4s ease-in;
         transition: all .4s ease-in;
}

header #navigation #navigation-right ul li a:hover {
         border:3px solid #89cbaa;
}

header #navigation #navigation-right ul li .counter {
         border:3px solid #fff;
         border-radius:100%;
         background:#89cbaa;
         color:#fff;
         width:20px;
         height:20px;
         line-height:20px;
         justify-content: center;
         align-content: center;
         display:flex;
         position:absolute;
         right:-15px;
         top:3px;
         font-size:12px;
         font-weight:bold;
}


         @media screen and (min-width:320px) and (max-width:768px) {

                  header #navigation.sticky {
                           width:calc(100% - 0px);
                           margin:0px 0px 0px 0px;
                           position:fixed;
                           top:0px;
                           z-index:99999;
                           -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
                           -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
                           box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
                           -webkit-border-radius: 0px;
                           -moz-border-radius: 0px;
                           border-radius: 0px;
                           padding:20px 0px;
                  }

                  header #navigation #first,
                  header #navigation #second,
                  header #navigation #third {
                           float:left;
                           width:33.333%;
                  }

                  header #navigation #first {
                           display:block;
                  }

                  header #navigation #second {
                           text-align:center;
                  }

                  header #navigation #second a img {
                           margin:0px;
                  }

                  header #navigation #first .navOpenBtn {
                           width:17px;
                           height:13px;
                           -webkit-border-radius: 100%;
                           -moz-border-radius: 100%;
                           border-radius: 100%;
                           padding:13px 8px 7px 8px;
                           background:#89cbaa;
                           -moz-transition: all .4s ease-in;
                           -o-transition: all .4s ease-in;
                           -webkit-transition: all .4s ease-in;
                           transition: all .4s ease-in;
                           cursor:pointer;
                           position:relative;
                           top:5px;
                           display:block;
                  }

                  header #navigation #first .navOpenBtn:hover {
                           background:#e97791;
                  }

                  header #navigation #first .navOpenBtn span {
                           position: relative;
                           top:-3px;
                           display: inline-block;
                           width: 100%;
                           height: 7px;
                           border-top: 3px solid #fff;
                           border-bottom: 3px solid #fff;
                           -webkit-border-radius: 2px;
                           -moz-border-radius: 2px;
                           border-radius: 2px;
                  }

                  header #navigation #first .navOpenBtn span:before {
                           content: "";
                           position: absolute;
                           top: 2px;
                           left: 0px;
                           width: 100%;
                           border-top: 3px solid #fff;
                  }

                  header #navigation nav #navBG {
                           width:100%;
                           height:100%;
                           background:rgba(0,0,0,0.25);
                           -webkit-backdrop-filter: blur(10px);
                           backdrop-filter: blur(10px);
                           position:fixed;
                           top:0px;
                           left:0px;
                           z-index:99999;
                           display:none;
                  }

                  header #navigation nav ul {
                           width:300px;
                           z-index:999999;
                           position:fixed;
                           left:-390px;
                           top:1.25%;
                           background: rgba(255,255,255,1);
                           height:calc(100% - 2.5%);
                           -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
                           -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
                           box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
                           margin:0% 0px 1.25% 0px;
                           padding:0px;
                           overflow-y:auto;
                           overflow-x:hidden;
                           -webkit-border-top-right-radius: 10px;
                           -webkit-border-bottom-right-radius: 10px;
                           -moz-border-radius-topright: 10px;
                           -moz-border-radius-bottomright: 10px;
                           border-top-right-radius: 10px;
                           border-bottom-right-radius: 10px;
                  }

                 header #navigation nav ul a.close {
                           height:70px;
                           cursor:pointer;
                           display:block;
                           position:relative;
                           border-bottom:1px solid #efefef;
                  }

                  header #navigation nav ul a.close:hover {
                           background:none;
                  }

                  header #navigation nav ul li.close a {
                           background:#fff;
                           padding:4% 10% 4% 10%;
                           color:#888;
                           text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
                           font-weight:bold;
                           cursor:pointer;
                  }

                  header #navigation nav ul li.close a .close-icon {
                           width:20px;
                           height:20px;
                           -webkit-border-radius: 10px;
                           -moz-border-radius: 10px;
                           border-radius: 10px;
                           display:block;
                           background:rgba(33, 151, 213, 1);
                           position:relative;
                           top:5px;
                           margin-right:10px;
                           display:inline-block;
                           overflow:hidden;
                  }

                  header #navigation nav ul li.close a .close-icon:before,
                  header #navigation nav ul li.close a .close-icon:after {
                           content: '';
                           position:absolute;
                           height:2px;
                           width:10px;
                           top:50%;
                           left:26%;
                           margin:-1px 0px 0px 0px;
                           background:#fff;
                  }

                  header #navigation nav ul li.close a .close-icon:before {
                           transform: rotate(45deg);
                  }

                  header #navigation nav ul li.close a .close-icon:after {
                           transform:rotate(-45deg);
                  }

                  header #navigation nav ul a.close span.close-icon {
                           width:30px;
                           height:30px;
                           background:#89cbaa;
                           border-radius:100%;
                           display:block;
                           position:absolute;
                           z-index:9;
                           top:20px;
                           left:50%;
                           margin-left:-17px;
                           cursor:pointer;
                           transition: all 0.25s linear 0.25s;
                           -moz-transition: all 0.25s linear 0.25s;
                           -o-transition: all 0.25s linear 0.25s;
                           -webkit-transition: all 0.25s linear 0.25s;
                  }

                  header #navigation nav ul a.close span.close-icon:hover {
                           background:#e97791;
                  }

                  header #navigation nav ul a.close span.close-icon:hover {
                           animation: shadow-pulse 1s infinite;
                           -webkit-animation: shadow-pulse 1s infinite;
                           -moz-animation: shadow-pulse 1s infinite;
                           -o-animation: shadow-pulse 1s infinite;
                  }

                  header #navigation nav ul a.close span.close-icon:before {
                           transform: rotate(45deg);
                           content:"";
                           position:absolute;
                           display:block;
                           height:4px;
                           width:17px;
                           top:50%;
                           left:24%;
                           margin:-2px 0px 0px 0px;
                           background:#fff;
                           border-radius:2px;
                           z-index:10;
                  }

                  header #navigation nav ul a.close span.close-icon:after {
                           transform:rotate(-45deg);
                           content:"";
                           position:absolute;
                           display:block;
                           height:4px;
                           width:17px;
                           top:50%;
                           left:24%;
                           margin:-2px 0px 0px 0px;
                           background:#fff;
                           border-radius:2px;
                           z-index:10;
                  }

                  header #navigation nav ul li {
                           list-style:none;
                           border-right:none;
                           width:100%;
                           padding:0px;
                           margin:0px;
                           position:relative;
                  }

                  header #navigation nav ul li:hover {
                           color:#fff;
                  }

                  header #navigation nav ul li:last-child,
                  header #navigation nav ul li:nth-last-child(2) {
                           display:block;
                           position:absolute;
                           bottom:0px;
                  }

                  header #navigation nav ul li:nth-last-child(2) {
                         bottom:48px;
                  }

                  header #navigation nav ul li a {
                           display:block;
                           border-bottom:1px solid #efefef;
                           text-align:center;
                           text-decoration:none;
                           text-transform:uppercase;
                           width:100%;
                           padding:10px 0px 10px 0px;
                  }


                  header #navigation nav ul li:hover a {
                           background:#89cbaa;
                           color:#fff;
                  }

                  header #navigation #navigation-right ul li:nth-child(1),
                  header #navigation #navigation-right ul li:nth-child(2) {
                           display:none;
                  }
         }

/************************************************************************************************************************
************************************************************************************************************************
         SERVICE TOP STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#service-top {
         margin:-100px auto 0px auto;
         max-width:1200px;
}

#service-top ul {
         width:100%;
         list-style:none;
         padding:0px;
         margin:0px;
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         grid-template-rows: 1fr;
         grid-column-gap: 20px;
}

#service-top ul li {
         float:left;
         border-radius:10px;
         background:#fff;
         text-align:center;
         padding:0px 25px 25px 25px;
}

#service-top ul li .serviceIcon {
         border:10px solid #89cbaa;
         border-radius:100%;
         background:#fff;
         position:relative;
         margin-top:-55px;
         left:calc(50% - 55px);
         width:90px;
         height:90px;
         display:flex;
         align-items: center;
         justify-content: center;
}

#service-top ul li .serviceIcon img {
         -webkit-transition: all .9s ease;
         -moz-transition: all .9s ease;
         -ms-transition: all .9s ease;
         -o-transition: all .9s ease;
         transition: all .9s ease;
}

#service-top ul li:hover .serviceIcon img {
         -webkit-transform:scale(1.2);
         -moz-transform:scale(1.2);
         -ms-transform:scale(1.2);
         -o-transform:scale(1.2);
         transform:scale(1.2);
}

#service-top ul li .serviceText span {
         font-family:'Dosis';
         font-size:18px;
         margin-top:20px;
         margin-bottom:10px;
         display:block;
         text-transform:uppercase;
}

         @media screen and (min-width:730px) and (max-width:768px) {
                  #service-top {
                           margin-top:-50px;
                  }

                  #service-top ul {
                           grid-column-gap: 1px;
                  }

                  #service-top ul li {
                           padding:0px 15px 25px 15px;
                  }

                  #service-top ul li .serviceIcon {
                           border:5px solid #89cbaa;
                           margin-top:-32px;
                           left:calc(50% - 32px);
                           width:55px;
                           height:55px;
                  }

                  #service-top ul li .serviceIcon img {
                           -webkit-transform:scale(0.75);
                           -moz-transform:scale(0.75);
                           -ms-transform:scale(0.75);
                           -o-transform:scale(0.75);
                           transform:scale(0.75);
                  }

                  #service-top ul li:hover .serviceIcon img {
                           -webkit-transform:scale(0.75);
                           -moz-transform:scale(0.75);
                           -ms-transform:scale(0.75);
                           -o-transform:scale(0.75);
                           transform:scale(0.75);
                  }

                  #service-top ul li .serviceText span {
                           font-size:14px;
                  }

                  #service-top ul li .serviceText{
                           font-size:12px;
                           line-height:20px;
                  }
         }

         @media screen and (min-width:320px) and (max-width:729px) {
                  #service-top {

                         margin-top:0px;
                         display:none;
                         width:100%;
                  }

                  #service-top ul {
                         width:100%;
                         position:relative;
                         background:#fff;
                         list-style:none;
                         padding:0px;
                         margin:0px;
                         display:block;
                  }

                  #service-top ul li {
                   position:absolute;
                   top:0px;
                   width:calc(100% - 50px);
                   opacity:0;
                   border-radius:0%;
                   padding:0px 25px 25px 25px;
                   }

                  #service-top ul li:nth-child(1) {animation: fade  24s infinite;}
                  #service-top ul li:nth-child(2) {animation: fade  24s 6s infinite;}
                  #service-top ul li:nth-child(3) {animation: fade  24s 12s infinite;}
                  #service-top ul li:nth-child(4) {animation: fade  24s 18s infinite;}

                  @keyframes fade {
                    0% {
                      opacity: 0;
                    }
                    6%, 10% {
                      opacity: 1;
                    }
                    16% {
                      opacity: 0;
                    }
                  }
         }

/************************************************************************************************************************
************************************************************************************************************************
         EIGENSCHAFTEN SLIDER STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/

/********** SLIDER GENERAL **********/
.slick-slider {
         position: relative;
         display: block;
         box-sizing: border-box;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         -webkit-touch-callout: none;
         -khtml-user-select: none;
         -ms-touch-action: pan-y;
         touch-action: pan-y;
         -webkit-tap-highlight-color: transparent;
}

.slick-list {
         position: relative;
         display: block;
         overflow: hidden;
         margin: 0px;
         padding: 0px;
}

.slick-list:focus {
         outline: none;
}

.slick-list.dragging {
         cursor: pointer;
         cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
         position: relative;
         top: 0px;
         left: 0px;
         display: block;
         margin-left: auto;
         margin-right: auto;
}

.slick-track:before,
.slick-track:after {
         display: table;
         content: '';
}

.slick-track:after {
         clear: both;
}

.slick-loading .slick-track {
         visibility: hidden;
}

.slick-slide {
         display: none;
         float: left;
         height: 100%;
         min-height: 1px;
}

[dir='rtl'] .slick-slide {
         float: right;
}

.slick-slide img {
         display: block;
}

.slick-slide.slick-loading img {
         display: none;
}

.slick-slide.dragging img {
         pointer-events: none;
}

.slick-initialized .slick-slide {
         display: block;
}

.slick-loading .slick-slide {
         visibility: hidden;
}

.slick-vertical .slick-slide {
         display: block;
         height: auto;
         border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
         display: none;
}

.slick-prev,
.slick-next {
         font-size: 0;
         line-height: 0;
         position: absolute;
         top: 60%;
         z-index:10;
         display: block;
         padding: 0;
         -webkit-transform: translate(0, -50%);
         -ms-transform: translate(0, -50%);
         transform: translate(0, -50%);
         cursor: pointer;
         color: transparent;
         border: none;
         outline: none;
         background: transparent;
         -moz-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
         -webkit-transition: all .4s ease-in;
         transition: all .4s ease-in;
}

.slick-prev {
         left: -35px;
         border-radius:100%;
         background:#e1e1e1;
         width: 35px;
         height: 35px;
}

.slick-prev:hover {
         left: -35px;
         background:#89cbaa;
         width: 35px;
         height: 35px;
}

.slick-next {
         right: -35px;
         border-radius:100%;
         background:#e1e1e1;
         width: 35px;
         height: 35px;
}

.slick-next:hover {
         right: -35px;
         background:#89cbaa;
         width: 35px;
         height: 35px;
}

         /********** MIN. 320px - MAX. 480px **********/
         @media screen and (min-width:320px) and (max-width:480px) {
                   .slick-prev,
                   .slick-prev:hover {
                           left: -35px;
                  }

                  .slick-next,
                  .slick-next:hover {
                           right: -35px;
                  }
         }

.service {
         width:100%;
         margin:auto;
}

.service .serviceSlider {
         width:500px;
         margin:0px auto 0px auto;
}

.service .serviceSlider .slideContent .slideContentInner {
         width:500px;
         margin:0px auto 0px auto;
}

.service .serviceSlider .slideContent .slideContentInner .text {
         background:#ffffff;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
         width:300px;
         padding:50px 50px 50px 50px;
         text-align:center;
         margin:0px 50px 0px 50px;
}

.service .serviceSlider .slideContent .slideContentInner .icon {
         border:10px solid #efefef;
         border-radius:100%;
         background:#89cbaa;
         position:relative;
         top:0px;
         left:calc(50% - 55px);
         width:90px;
         height:90px;
         display:flex;
         align-items: center;
         justify-content: center;
         opacity: 0;
         transition: all 0.5s ease-out 0s;
         -moz-transition: all 0.5s ease-out 0s;
         -o-transition: all 0.5s ease-out 0s;
         -webkit-transition: all 0.5s ease-out 0s;
}

.service .serviceSlider .slick-active .slideContent .slideContentInner .icon {
         position:relative;
         top:55px;
         left:calc(50% - 55px);
         opacity: 1;
         transition: all 0.5s ease-out 0.3s;
         -moz-transition: all 0.5s ease-out 0.3s;
         -o-transition: all 0.5s ease-out 0.3s;
         -webkit-transition: all 0.5s ease-out 0.3s;
}

.service .serviceSlider .slideContent .slideContentInner .icon img {
         position:relative;
         bottom:-100px;
         opacity: 0;
         transition: all 0.5s ease-out 0s;
         -moz-transition: all 0.5s ease-out 0s;
         -o-transition: all 0.5s ease-out 0s;
         -webkit-transition: all 0.5s ease-out 0s;
}

.service .serviceSlider .slick-active .slideContent .slideContentInner .icon img  {
         opacity: 1;
         bottom:0px;
         transition: all 0.5s ease-out 0.3s;
         -moz-transition: all 0.5s ease-out 0.3s;
         -o-transition: all 0.5s ease-out 0.3s;
         -webkit-transition: all 0.5s ease-out 0.3s;
}

         @media screen and (min-width:320px) and (max-width:729px) {
                  .service {
                           width:100%;
                           margin:100px auto 50px auto;
                  }

                  .service .serviceSlider {
                           width:300px;
                           margin:0px auto 0px auto;
                  }

                  .service .serviceSlider .slideContent .slideContentInner {
                           width:300px;
                           margin:0px auto 0px auto;
                  }

                  .service .serviceSlider .slideContent .slideContentInner .text {
                           width:200px;
                           padding:50px 25px 25px 25px;
                           margin:0px 25px 0px 25px;
                           font-size:12px;
                           line-height:20px;
                  }

                  .service .serviceSlider .slideContent .slideContentInner .icon {
                           border:5px solid #efefef;
                           border-radius:100%;
                           background:#89cbaa;
                           position:relative;
                           top:0px;
                           left:calc(50% - 37.5px);
                           width:65px;
                           height:65px;
                  }

                  .service .serviceSlider .slick-active .slideContent .slideContentInner .icon {
                           top:37.5px;
                           left:calc(50% - 37.5px);
                  }

                  .service .serviceSlider .slideContent .slideContentInner .icon img {
                           position:relative;
                           bottom:-100px;
                           -webkit-transform:scale(0.75);
                           -moz-transform:scale(0.75);
                           -ms-transform:scale(0.75);
                           -o-transform:scale(0.75);
                           transform:scale(0.75);
                  }

         }

/************************************************************************************************************************
************************************************************************************************************************
         REVIEWS STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#reviews {
         width:100%;
         height:733px;
         background:url('img/green_bg.svg') no-repeat center center;
         position:relative;
         top:0px;
         margin-top:0px;
         z-index:2;
         text-align:center;
}

#reviews ul.reviewSlider {
         margin:200px auto 0px auto;
         padding:0px;
         list-style:none;
         max-width:1200px;

}

#reviews ul.reviewSlider .slick-prev,
#reviews ul.reviewSlider .slick-next {
         top:50%;
         background:#fff;
}

#reviews ul.reviewSlider li.slideContent {
         height:100%;
         margin:0px 10px;
         padding:25px;
         background:#fff;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
         text-align:center;
}

#reviews .reviewSlider .slideContent .text .name {
         font-weight:bold;
}

         /********** MIN. 320px - MAX. 412px **********/
         @media screen and (min-width:320px) and (max-width:413px) {
                 #reviews ul.reviewSlider {
                         width:300px;
                 }

                 #reviews ul.reviewSlider li.slideContent {
                         width: calc(70% - 2.5%);

                         margin:0% auto 0% auto;
                         float:none;
                         clear:both;
                 }
         }

         /********** MIN. 413px - MAX. 769px **********/
         @media screen and (min-width:414px) and (max-width:769px) {
                 #reviews ul.reviewSlider {
                         width:400px;
                 }

                 #reviews ul.reviewSlider li.slideContent {
                         width: calc(70% - 2.5%);
                         margin:0% auto 0% auto;
                         float:none;
                         clear:both;
                 }
         }

/************************************************************************************************************************
************************************************************************************************************************
         BESTSELLER & PRODUCTS STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#bestseller {
         margin:auto;
         width:100%;
         text-align:center;
}

ul.products {
        margin:0px auto 0px auto;
        padding:50px 0px 0px 0px;
        width:100%;
        max-width:1200px;
        position:relative
}

ul.products li.product {
         float:left;
         position:relative;
         width:calc(95% - 2.5%);
         margin:0px 1.25% 0px 1.25%;
         border:none;
         padding:30px 0px 0px 0px;
         list-style:none;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
}

ul.products li.product span.number {
         border-radius:100%;
         background:#e97791;
         color:#ffffff;
         font-weight:bold;
         border:5px solid #efefef;
         justify-content:center;
         align-items:center;
         display:flex;
         width:50px;
         height:50px;
         position:absolute;
         left:calc(50% - 25px);
         top:0px;
         z-index:9;
}

ul.products li.product span.number:after {
         border-radius:100%;
         border:3px solid #efefef;
         top:4px;
         left:4px;
         width:36px;
         height:36px;
         content:" ";
         position:absolute;
}

ul.products li.product span.onsale {
         display:none;
}

ul.products li.product .image {
         -webkit-border-top-left-radius: 10px;
         -webkit-border-top-right-radius: 10px;
         -moz-border-radius-topleft: 10px;
         -moz-border-radius-topright: 10px;
         border-top-left-radius: 10px;
         border-top-right-radius: 10px;
         position:relative;
         top:0px;
         display: inline-block;
         overflow: hidden;
}

ul.products li.product .image img {
         -webkit-transition: all .9s ease;
         -moz-transition: all .9s ease;
         -ms-transition: all .9s ease;
         -o-transition: all .9s ease;
         transition: all .9s ease;
         vertical-align: middle;
         width:100%;
         height:100%;
         -webkit-border-top-left-radius: 10px;
         -webkit-border-top-right-radius: 10px;
         -moz-border-radius-topleft: 10px;
         -moz-border-radius-topright: 10px;
         border-top-left-radius: 10px;
         border-top-right-radius: 10px;
         position:relative;
         top:0px;
}

ul.products li.product:hover .image img {
         -webkit-transform:scale(1.2);
         -moz-transform:scale(1.2);
         -ms-transform:scale(1.2);
         -o-transform:scale(1.2);
         transform:scale(1.2);
}

ul.products li.product div.row {
         width:100%;
}

ul.products li.product div.row ul.actions {
         padding:0px;
         margin:0px;
         list-style:none;
         width:100%;
         display: table;
}

ul.products li.product div.row ul.actions li {
         display:table-cell;
}

ul.products li.product div.row ul.actions li a {
         display:block;
         width:calc(100% - 20px);
         font-size:12px;
         text-decoration:none;
         text-transform:uppercase;
         background:#e9e9e9;
         text-align:center;
         padding:10px;
         -moz-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
         -webkit-transition: all .4s ease-in;
         transition: all .4s ease-in;
}

ul.products li.product div.row ul.actions li a:hover {
         background:#89cbaa;
         color:#fff;
}

ul.products li.product div.row ul.actions li:first-child a {
         width:calc(100% - 21px);
         margin:1px 1px 0px 0px;
         float:left;
         -webkit-border-bottom-left-radius: 10px;
         -moz-border-radius-bottomleft: 10px;
         border-bottom-left-radius: 10px;
}

ul.products li.product div.row ul.actions li:last-child a {
         width:calc(100% - 20px);
         margin:1px 0px 0px 0px;
         line-height:0px;
         float:right;
         -webkit-border-bottom-right-radius: 10px;
         -moz-border-radius-bottomright: 10px;
         border-bottom-right-radius: 10px;
}

ul.products li.product div.row ul.actions li a img {
         width:20px;
         display:inline-block;
         vertical-align:middle;
}

ul.products li.product div.row ul.actions li:last-child a img {
         margin-right:10px;
}

ul.products li.product div.row ul.actions li a.added_to_cart.wc-forward {
         display:none;
}

ul.products li.product ul.label {
         padding:0px;
         margin:0px;
         width:100%;
         display: inline-flex;
}

ul.products li.product ul.label li {
         float:left;
         text-align:left;
         display: table-cell;
         list-style:none;
         margin:0px;
         padding:10px 0px 10px 0px;
         font-family:'Dosis';
}

ul.products li.product ul.label li:first-child {width:70%;}
ul.products li.product ul.label li:last-child {width:30%;}

ul.products li.product ul.label li span.articlename {
         font-size:15px;
         text-transform:uppercase;
         text-align:left;
}

ul.products li.product ul.label li span bdi {
         font-size:15px;
         display:block;
         text-align:right;
}

ul.products li.product ul.label li span del bdi {font-size:12px;}
ul.products li.product ul.label li span ins bdi {text-decoration:none; font-weight:bold;}

         /********** MIN. 320px - MAX. 412px **********/
         @media screen and (min-width:320px) and (max-width:415px) {
                 ul.products {
                          width:300px;
                 }

                 ul.products li.product {
                         width: calc(90% - 2.5%);
                         margin:0% auto 0% auto;
                         float:none;
                         clear:both;
                 }
         }

         /********** MIN. 413px - MAX. 769px **********/
         @media screen and (min-width:416px) and (max-width:769px) {
                ul.products {
                          width:400px;
                 }

                 ul.products li.product {
                         width: calc(70% - 2.5%);
                         margin:0% auto 0% auto;
                         float:none;
                         clear:both;
                 }
         }

         /********** 68px **********/
         @media screen and (min-width:416px) and (max-width:1024px) {
                  ul.products li.product div.row ul.actions li a {
                           font-size:10px;
                  }
         }

/************************************************************************************************************************
************************************************************************************************************************
         FAQ STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#faq {
         width:570px;
         margin:0px auto 0px auto;
         text-align:center;
}

ul.accordion {
        margin-bottom:50px;
        list-style:none;
        padding:0px;
        width:570px;
        text-align:left;
         margin:50px auto 50px auto;
}

ul.accordion li {
        list-style:none;
        width:100%;
        border-bottom:1px solid #dddddd;
        margin-bottom:20px;
        padding-bottom:20px;
}

ul.accordion li span.question {
        background:none;
        color:#888888;
        border:none;
        display:block;
        font-family:'Montserrat';
        text-transform:none;
        font-weight:400;
        font-size:14px;
        cursor:pointer;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        margin:0px;
        padding:0px;
        position:relative;
}

ul.accordion li span.question span.number {
         margin-right:10px;
         font-weight:600;
}

ul.accordion li span.question.ui-state-active {
        font-weight:600;
}

ul.accordion li span.question span.ui-accordion-header-icon {
         display:none;
}

ul#accordion.faqaccordion div, ul.accordion div {
         color:#a6a6a6;
        padding-top:20px;
        padding-bottom:20px;
        padding-left:40px;
}

         @media screen and (min-width:0px) and (max-width:768px) {
                  #faq {
                           width:360px;
                  }

                  ul.accordion {
                          width:360px;
                  }

                  ul.accordion li {
                         margin-bottom:10px;
                         padding-bottom:10px;
                  }

                  ul.accordion li span.question {
                          font-size:12px;
                  }

                  ul.accordion div {
                          padding-left:30px;
                  }
         }


/************************************************************************************************************************
************************************************************************************************************************
         FOOTER STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
footer {
         width:calc(100% - 20px);
         margin:0px 10px 0px 10px;
         clear:both;
         bottom:0px;
         background:#ffffff;
         color:#a6a6a6;
         font-size:12px;
         line-height:20px;
         text-align:center;
         padding-top:40px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
}

footer h4 {
         margin:0px;
         padding:0px;
         font-family:'Dosis';
         font-size:16px;
         text-transform:uppercase;
}

footer a {
        color:#a6a6a6;
        text-decoration:none;
}

footer #footerFirst {
        display: table;
}

footer #footerFirst ul {
        float:left;
        margin:0%;
        padding:0%;
        width:100%;
        display: inline-flex;
}

footer #footerFirst ul li {
        list-style:none;
        width: -moz-calc(33.33% - 41px);
        width: -webkit-calc(33.33% - 41px);
        width: calc(33.33% - 41px);
        border-right:1px solid #efefef;
        text-align:left;
        padding:0px 20px 20px 20px;
        margin:0%;
        float:left;
        display: table-cell;
}

footer #footerFirst ul li:first-child {
        padding:0px 20px 0px 0px;
        width: -moz-calc(33.33% - 21px);
        width: -webkit-calc(33.33% - 21px);
        width: calc(33.33% - 21px);
}

footer #footerFirst #paymentsBox p,
footer #footerFirst #ueberunsBox p {
        display:block;
}

footer #footerFirst ul#payments {
         padding:0px;
         margin:0px;
         display: inline-flex;
}

footer #footerFirst ul#payments li {
         float:left;
         width: -moz-calc(20% - 1px);
         width: -webkit-calc(20% - 1px);
         width: calc(20% - 1px);
         border-right:1px solid #efefef;
         border-bottom:none;
         text-align:center;
         background:#ffffff;
         padding:10px 0px 10px 0px;
         display: table-cell;
}

footer #footerFirst ul li ul#payments li:first-child {
         -webkit-border-top-left-radius:5px;
         -webkit-border-bottom-left-radius:5px;
         -moz-border-radius-topleft: 5px;
         -moz-border-radius-bottomleft: 5px;
         border-top-left-radius: 5px;
         border-bottom-left-radius: 5px;
}

footer #footerFirst ul li ul#payments li:last-child {
         -webkit-border-top-right-radius:5px;
         -webkit-border-bottom-right-radius:5px;
         -moz-border-radius-topright: 5px;
         -moz-border-radius-bottomright: 5px;
         border-top-right-radius: 5px;
         border-bottom-right-radius: 5px;
         border-right:0px;
}

footer #footerFirst ul li:last-child {
        border-right:0px;
        padding:0px 0px 0px 20px;
        width: -moz-calc(33.33% - 20px);
        width: -webkit-calc(33.33% - 20px);
        width: calc(33.33% - 20px);
}

footer #footerFirst ul li:last-child ul {
        padding:0%;
        margin:13px 0% 0% 0%;
        border:none;
        width:33.33%;
        float:left;
        display:block;
}

footer #footerFirst ul li:last-child ul li {
         border:none;
         margin:0%;
         padding:0%;
         display:block;
         width:100%;
         background:none;
}

footer #footerSecond {
        width:100%;
        border-top:1px solid #efefef;
        margin:40px auto 0px auto;
        padding:40px 0px 0px 0px;
}

footer #footerSecond ul {
        width:100%;
        margin:0px auto 0px auto;
        padding:0px;
        list-style:none;
        position:relative;
}

footer #footerSecond ul li {
        width: -moz-calc(25% - 40px);
        width: -webkit-calc(25% - 40px);
        width: calc(25% - 40px);
        padding:0px 20px 0px 20px;
        float:left;
        text-align:center;
        font-size:11px;
        line-height:20px;
}

footer #footerSecond ul li img {
         width:60px;
         margin-bottom:20px;
}

footer #footerSecond ul li span {
         display:block;
}

footer #footerSecond ul li span b {
         text-transform:uppercase;
         font-family:'Dosis';
         font-size:14px;
}

footer #footerThird {
         background:#ffffff;
         margin-top:40px;
         padding:40px 0px 40px 0px;
         text-align:center;
         border-top:1px solid #efefef;
         width:100%;
         -webkit-border-bottom-right-radius: 10px;
         -webkit-border-bottom-left-radius: 10px;
         -moz-border-radius-bottomright: 10px;
         -moz-border-radius-bottomleft: 10px;
         border-bottom-right-radius: 10px;
         border-bottom-left-radius: 10px;
}

footer #footerThird ul {
         width:95px;
         margin:0px auto 0px auto;
         position:relative;
         padding:0px;
}

footer #footerThird ul li {
         float:left;
         list-style:none;
}

footer #footerThird ul li a {
         width:55px;
         padding:10px;
         background:#ffffff;
         display:block;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
}

        footer #footerThird ul li a img {
                width:20px;
        }

                                  /********** MIN. 481px - MAX. 768px **********/
         @media screen and (min-width:0px) and (max-width:768px) {
                                           footer {font-size:11px;}
                  footer h4 {
                                   font-size:16px;
                                   text-align:center;
                  }

                          footer #footerFirst {
                                  display:block;
                                  width:calc(100% - 0%);
                                  margin:0px 0% 0px 0%;
                                  position:relative;
                          }

                  footer #footerFirst ul {
                          float:none;
                                  display:block;
                          margin:0%;
                          padding:0%;
                          width:100%;
                  }

                  footer #footerFirst ul li {
                          list-style:none;
                          width: -moz-calc(100% - 10%);
                          width: -webkit-calc(100% - 10%);
                          width: calc(100% - 10%);
                          border-right:none;
                          text-align:center;
                          padding:0px 5% 20px 5%;
                          margin:0px 0px 20px 0px;
                                  border-bottom:1px solid #efefef;
                          float:none;
                                  display: block;
                  }

                  footer #footerFirst ul li:first-child {
                          padding:0px 0px 0px 0px;
                          width: -moz-calc(100% - 0px);
                          width: -webkit-calc(100% - 0px);
                          width: calc(100% - 0px);
                  }

                  footer #footerFirst #paymentsBox p,
                  footer #footerFirst #ueberunsBox p {
                          display:block;
                  }

                  footer #footerFirst ul#payments {
                           padding:0px;
                           margin:0px;
                                   display: inline-flex;
                  }

                  footer #footerFirst ul#payments li {
                           float:left;
                           width: -moz-calc(20% - 1px);
                           width: -webkit-calc(20% - 1px);
                           width: calc(20% - 1px);
                           border-right:1px solid #ebebeb;
                           text-align:center;
                           background:#fff;
                           padding:10px 0px 10px 0px;
                                   display: table-cell;
                  }

                  footer #footerFirst ul li ul#payments li:first-child {
                           -webkit-border-top-left-radius:5px;
                           -webkit-border-bottom-left-radius:5px;
                           -moz-border-radius-topleft: 5px;
                           -moz-border-radius-bottomleft: 5px;
                           border-top-left-radius: 5px;
                           border-bottom-left-radius: 5px;
                  }

                  footer #footerFirst ul li ul#payments li:last-child {
                           -webkit-border-top-right-radius:5px;
                           -webkit-border-bottom-right-radius:5px;
                           -moz-border-radius-topright: 5px;
                           -moz-border-radius-bottomright: 5px;
                           border-top-right-radius: 5px;
                           border-bottom-right-radius: 5px;
                           border-right:0px;
                  }

                  footer #footerFirst ul li:last-child {
                          border-right:0px;
                          padding:0px 0px 0px 0px;
                          width: -moz-calc(100% - 0px);
                          width: -webkit-calc(100% - 0px);
                          width: calc(100% - 0px);
                                  border-bottom:none;
                  }

                  footer #footerFirst ul li:last-child ul {
                          padding:0px 0px 0px 0px;
                          margin:0px 0% 0% 0%;
                          border:none;
                          width:100%;
                          float:left;
                          display:block;
                  }

                  footer #footerFirst ul li:last-child ul li {
                           border:none;
                           margin:0%;
                           padding:0%;
                           display:block;
                           width:100%;
                           line-height:25px;
                           background:none;
                  }

                  footer #footerFirst ul li:last-child ul:first-child li:first-child {
                         margin-top:20px;
                  }


                  footer #footerSecond {
                          width:100%;
                          border-top:1px solid #efefef;
                          margin:20px auto 0px auto;
                          padding:40px 0px 0px 0px;
                                  display:block;
                  }

                  footer #footerSecond ul {
                          width: -moz-calc(100% - 20px);
                          width: -webkit-calc(100% - 20px);
                          width: calc(100% - 20px);
                          margin:0px auto 0px auto;
                          padding:0px 10px 0px 10px;
                          list-style:none;
                          position:relative;
                                  display:block;
                  }

                  footer #footerSecond ul li {
                          width: -moz-calc(100% - 0px);
                          width: -webkit-calc(100% - 0px);
                          width: calc(100% - 0px);
                          padding:0px 0px 0px 0px;
                                  margin-bottom:40px;
                          float:left;
                          text-align:left;
                          font-size:11px;
                          line-height:20px;
                                  display: block;
                  }

                          footer #footerSecond ul li .serviceIcon {
                                  float:left;
                                          width: -moz-calc(20% - 20px);
                          width: -webkit-calc(20% - 20px);
                          width: calc(20% - 20px);
                                  margin-right:20px;
                          }
                                           footer #footerSecond ul li .serviceIcon img {
                                                   margin-bottom:0px;
                                           }

                                           footer #footerSecond ul li span {
                                                   float:right;
                                                                          width: -moz-calc(80% - 20px);
                          width: -webkit-calc(80% - 20px);
                          width: calc(80% - 20px);
                                           }

                  footer #footerThird {
                          margin-top:0px;
                          padding:40px 0px 40px 0px;
                          text-align:center;
                          width:100%;
                  }

                  footer #footerThird ul {
                           width:95px;
                           margin:0px auto 0px auto;
                           position:relative;
                           padding:0px;
                  }

                  footer #footerThird ul li {
                           float:left;
                           list-style:none;
                  }

                  footer #footerThird ul li a {
                           width:55px;
                           padding:10px;
                           background:#ebebeb;
                           display:block;
                  -webkit-border-radius: 5px;
                  -moz-border-radius: 5px;
                  border-radius: 5px;
                  }

                          footer #footerThird ul li a img {
                                  width:20px;
                          }
        }
/************************************************************************************************************************
************************************************************************************************************************
         FOOTER ENDS HERE
************************************************************************************************************************
************************************************************************************************************************/

@keyframes float { 0% {transform: translatey(0px);} 50% {transform: translatey(-10px);} 100% {transform: translatey(0px);} }
@-moz-keyframes float { 0% {transform: translatey(0px);} 50% {transform: translatey(-10px);} 100% {transform: translatey(0px);} }
@-webkit-keyframes float { 0% {transform: translatey(0px);} 50% {transform: translatey(-10px);} 100% {transform: translatey(0px);} }
@-o-keyframes float { 0% {transform: translatey(0px);} 50% {transform: translatey(-10px);} 100% {transform: translatey(0px);} }
@-ms-keyframes float { 0% {transform: translatey(0px);} 50% {transform: translatey(-10px);} 100% {transform: translatey(0px);} }