


.landing-page .spec {
  min-height: 70%;
  padding-top: 20px;
  padding-bottom: 80px;
}


/* general */

.landing-page .height-full {
  min-height: 100%;
  padding-top: 10%;
  padding-bottom: 80px;
}


.landing-page .height-90 {
  min-height: 90%;
  padding-top: 10%;
  padding-bottom: 80px;
}

.landing-page .height-80 {
  min-height: 80%;
  padding-top: 10%;
  padding-bottom: 80px;
}

.landing-page .height-70 {
  min-height: 70%;
  padding-top: 5%;
  padding-bottom: 80px;
}

.landing-page .height-60 {
  min-height: 60%;
  padding-top: 5%;
  padding-bottom: 80px;
}

.landing-page .fix-height-full {
  min-height: 100%;
}

.landing-page .fix-height-80 {
  min-height: 80%;
}

.landing-page .fix-height-60 {
  min-height: 60%;
}

.landing-page .fix-height-40 {
  min-height: 40%;
}

/********** 
 *  index 
 **********/
.landing-page .carousel-skale {
  height: 100%;
  padding-top: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: center bottom;
  background-image: url('../img/carousel-skale.jpg');
}

.landing-page .carousel-skaffee {
  height: 100%;
  padding-top: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: center bottom;
  background-image: url('../img/carousel-skaffee.jpg');
}

.landing-page .carousel-drooja {
  height: 100%;
  padding-top: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: center top;
  background-image: url('../img/carousel-drooja.jpg');
}

.landing-page .index-app-skaffee {
  height: 100%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-image: url('../img/carousel-skaffee.jpg');
}


.landing-page .skale-units {
  background-size:cover;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-color: #e0e0e0;
  background-position: right bottom; 
  background-image: url('../img/background_image_units.jpg');
  height: 60%;
  padding-top: 10%;
}

.landing-page .index-buy {
  min-height: 60%;
}

.landing-page .sdk {
  padding-top: 5%;
}

/* skale skaffee */
.landing-page .skale-skaffee {
  background-size:cover;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-color: #e0e0e0;
  background-position: right bottom; 
  background-image: url('../img/skale-skaffee.jpg');
  height: 100%;
  padding-top: 10%;
}

.landing-page .skaffee-feature {
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/skaffee-feature.jpg');
  min-height: 80%;
  padding-top: 10%;
  padding-bottom: 90px;
}


/* skale drooja */
.landing-page .skale-drooja {
  background-size:cover;
  background-repeat: no-repeat;
  background-color: #e0e0e0;
  background-position: right top; 
  background-image: url('../img/skale-drooja-1.jpg');
  height: 100%;
  padding-top: 2%;
}

.landing-page .drooja-feature {
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/background_image_bakery.jpg');
  color: #fff;
  min-height: 80%;
  padding-top: 10%;
  padding-bottom: 90px;
}


/* skale functions */

.landing-page .functions {
  min-height: 80%;
  padding-top: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: center; 
  background-image: url('../img/background_functions.jpg');
}

.landing-page .skaffee {
  background-size:cover;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: center; 
  background-image: url('../img/index_skaffee.jpg');
  min-height: 80%;
  padding-top: 10%;
  padding-bottom: 90px;
}

.landing-page .drooja {
  background-size:cover;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: center; 
  background-image: url('../img/carousel-drooja.jpg');
  min-height: 80%;
  padding-top: 10%;
  padding-bottom: 90px;
}








.landing-page .company {
  padding-top: 0px;
  padding-bottom: 16px; 
}

/* functions */


.landing-page .features {
  background-color: #efefef;
}

.landing-page .voice {

  min-height: 65%;
  padding-top: 10%;
  background-image: url('../img/background_audio.jpg');
}

.landing-page .unit {
  min-height: 75%;
  padding-top: 5%;
  background-image: url('../img/background_image_units.jpg');
}

.landing-page .skaffee-coffee {
  min-height: 90%;
  padding-top: 25%;
  background-size:cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-image: url('../img/background_image_skaffee_coffeeShop.jpg');
}

.landing-page .reproduce {
  min-height: 80%;
  padding-top: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/background_image_reproduce.jpg');
}

.landing-page .learning {
  min-height: 80%;
  padding-top: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/background_image_learn.jpg');
}

.landing-page .learning-voice {
  min-height: 65%;
  padding-top: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/background_image_table.jpg');
}

.landing-page .database {

  min-height: 80%;
  padding-top: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/background_image_database.jpg');
}

.landing-page .functions-skaffee-store {
  min-height: 80%;
  padding-top: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/background_skaffee_store.jpg');
}

.landing-page .drooja-note {
  min-height: 90%;
  padding-top: 10%;
  padding-bottom: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
  background-attachment: fixed;
  background-image: url('../img/background_image_strwberry.jpg');
}

.landing-page .drooja-fun {
  min-height: 80%;
  padding-top: 10%;
  padding-bottom: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/background_image_bakery.jpg');
}

.landing-page .landing-buy-functions {
  min-height: 60%;
  padding-top: 10%;
  padding-bottom: 64px;
  background-size:cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-image: url('../img/background_buy_functions.jpg');
}

.landing-page .skale {
  min-height: 90%;
  padding-top: 10%;
  padding-bottom: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
}

/* skaffee store */
.landing-page .skaffee-special {
  min-height: 60%;
  padding-top: 10%;
  padding-bottom: 56px;
}

.landing-page .skaffee-experience {
  min-height: 30%;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #FFE082;
}

.landing-page .skaffee-extracted {
  
  padding-top: 0px;
  padding-bottom: 80px;
}

.landing-page .skaffee-extracted {
  padding-top: 0px;
  padding-bottom: 80px;
}

.landing-page .skaffee-beans {
  
  min-height: 70%;
  padding-top: 10%;
  padding-bottom: 10%;
  background-size:cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-image: url('../img/skaffee_beans.jpg');
}


/* skaffee store for vendor */

.landing-page .store-new-era {

  min-height: 70%;
  padding-top: 10%;
  padding-bottom: 5%;
  background-color: #FFE082;
}

.landing-page .store-new-customer{
  padding-top: 24px;
  padding-bottom: 64px;
  background-color: #efefef;

}

.landing-page .store-share {
  min-height: 70%;
  padding-top: 64px;
  padding-bottom: 64px;;
}

.landing-page .store-multi-platform {
  min-height: 70%;
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #FFE082;
}

.landing-page .store-fbtab {
  min-height: 70%;
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #efefef;
}

.landing-page .store-deeplink {
  min-height: 70%;
  padding-top: 64px;
  padding-bottom: 64px;

}

.landing-page .store-register {
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #FFE082;
}

.landing-page .allpay_tutorial {
  min-height: 80%;
  padding-top: 5%;
  padding-bottom: 5%;
}

.landing-page .light_orange {
  background-color: #FFE082;
}

.landing-page .light_gray {
  background-color: #efefef;
}
