div#wrapper.dev .headerVisual {
  display: none;
}

div#wrapper div.headerVisual {
  overflow: visible;
}
h1.headline{margin-bottom: 20px;}
img.BL {position: absolute;z-index: -1; bottom: 0;left: 0;}
img.BR {position: absolute;z-index: -1;bottom: 0;right: 0;}

div.tscs_wrapper{
  position: relative;
}

div#homeconnect{
  position: relative;
}

div#skrollr-body{
  width: 1002px;
  position: relative;
  overflow: hidden;
  margin-left: -10px;
  margin-bottom: 20px;
}


div.tscs_wrapper h1 {
  margin: 0px 0 20px 30px;
  line-height: 28px;
}

div.tscs_wrapper p {
  font-size: 14px;
  line-height: 18px;
  color: #000;
  position: relative;
  z-index: 2;
  margin: 0 20px 0px 30px;
}


div#pleasescroll {
  z-index: 9999;
  position: fixed;
  bottom: 0px;
  left: 50%;
  margin-left: -125px;
  background: url("https://cdn-prod.neonet.pl/richcontent/302299/img/icons/scroll_small.png") no-repeat center top transparent;
  width: 250px;
  height: 63px;
  text-align: center;
  visibility: hidden;
}
div#pleasescroll span {
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  font-weight: bold;
  font-family: Verdana;
  margin: 10px auto 0 auto;
  display: block;
  z-index: 33;
}
a.str_scrollToTop {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/arrowtop.png) no-repeat left 4px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  z-index: 2;
}
a.str_scrollToTop:hover {
  background: url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/arrowtop_h.png) no-repeat left 4px;
}
.mod16{
   margin-left: 10px;
   width: 982px;
}

 .mod16 div.center >h3 {
  margin-top: 0px !important;
}
a.more, a.back {
  background: url('https://cdn-prod.neonet.pl/richcontent/302299/img/icons/sprite.png') no-repeat -688px -267px;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  padding: 0px 0px 0px 10px;
  margin: 20px 0px 5px 30px;
  display: block;
  zoom: 1;
}



a.more.inline{
  display: inline-block;
  margin: 0px;
  padding: 0px;
  background: none;
}







a.more:hover {
  background-position: -994px 3px;
  color: #00142a;
}


/*CAROUSEL*/
div.clear-float
{
  height:0;
  font-size:0;
  line-height:0;
  clear:both;
  visibility:hidden
}

.slick-prev {
  width: 15px;
  height: 25px;
  background: url('https://cdn-prod.neonet.pl/richcontent/302299/img/icons/slidernav_prev.png') center center no-repeat;
  opacity: 0.8;
  left:20px;
  z-index: 99999999;
}

.slick-next {
  width: 15px;
  height: 25px;
  background: url('https://cdn-prod.neonet.pl/richcontent/302299/img/icons/slidernav_next.png') center center no-repeat;
  opacity: 0.8;
  right:20px;
  z-index: 99999999;
}

.slick-dots {
  bottom: 20px;
  pointer-events: none;
}


.slick-dots li {
   margin: 0 1px;
   cursor: default;
}

.slick-dots li button{
  width: 10px;
  height: 10px;
  margin: 4px;
  display: block;
  border-radius: 8px;
  border: 1px solid #215F8B;
  background-color: #215F8B;
  cursor: default;

}
 .slick-dots li.slick-active button{
   background-color: #fff;
   border: 1px solid #215F8B;
}

.slick-dots li button::before{
  content: none;
}
.slick-next:before, .slick-prev:before{
  display: none;
}
.slick-next:focus, .slick-next:hover{
  opacity: 1;
  background: url('https://cdn-prod.neonet.pl/richcontent/302299/img/icons/slidernav_next.png') center center no-repeat;
}
.slick-prev:focus, .slick-prev:hover {
 background: url('https://cdn-prod.neonet.pl/richcontent/302299/img/icons/slidernav_prev.png') center center no-repeat;
 opacity: 1;
}
/*CAROUSEL*/


/*VIDEO LAYER*/


/* Standard video below scenes  */
.tscs_wrapper .s8-video {
  position: absolute;
  z-index: 3;
  background: #ffffff;
  height: 189px;
  /*padding: 30px 40px;*/
  bottom: 0px;


  padding: 30px 40px 30px 30px;
}

/* Video layer style used in page "Ovens" Scene 1  */
.tscs_wrapper .s8-video-layer {
  padding: 0;
  width: 400px;
  height: 225px;
  /*visibility: hidden;*/
  position: absolute;
  top: 20%;
  right: 50px;
  z-index: 3;
  background: #fff;
}

.tscs_wrapper .s8-video .s8-video-teaser,
.tscs_wrapper .s8-scene .s8-video-layer .s8-video-teaser {
  display: block;
  position: relative;
  cursor: pointer;
}

.tscs_wrapper .s8-video .s8-video-teaser:after,
.tscs_wrapper .s8-video-teaser:after {
  margin-top: -30px;
  margin-left: -30px;
  padding-left: 5px;
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 30px;
  line-height: 60px;

  font-style: normal;
  font-weight: normal;
  text-align: center;
  content: ""; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
 /* border: 2px solid #fff;
  border-radius: 30px;  */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  /*background-color: rgba(0, 0, 0, 0.6);*/

  background: url("https://cdn-prod.neonet.pl/richcontent/302299/img/icons/icon_playbutton.png") no-repeat center top transparent;
}

.tscs_wrapper .s8-video .s8-videoplayer-container {
  padding-top: 30px;  
  width: 100%;
  text-align: center;
  position: absolute;
  left: -10px;  
  bottom: 30px;
  background-color: #fff; 
  z-index: 9;
}

.tscs_wrapper .s8-video-layer .s8-videoplayer-container {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4; 
  background-color: #ffffff;
}

.tscs_wrapper .s8-video .s8-videoplayer-container .close,
.tscs_wrapper .s8-video-layer .s8-videoplayer-container .close {
  
  width: 26px;
  height: 26px;
  position: absolute;
  color: #000;
  font-size: 24px;
  cursor: pointer;
  text-align:center;
  line-height: 26px;
}

.tscs_wrapper .s8-video .s8-videoplayer-container .close {
  right: 36px;
  top: 2px;
  background-color: #ffffff;
}

.tscs_wrapper .s8-video-layer .s8-videoplayer-container .close {
  right: 0;
  top: -26px;
}
/*VIDEO LAYER*/


section .top {
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 12;
  color: #215F8B;
}

a.top:hover {
  color: #00142a;
}




div.tscs_wrapper a.no{
  padding: 0px 0px 0px 10px;
  margin: 20px 0px 5px 20px;
  display: inline-block;
}


.fa-times::before {
    background: url("https://cdn-prod.neonet.pl/richcontent/302299/img/icons/close.jpg") no-repeat center top;
    width: 16px;
    height: 16px;
    content: "";
    display: inline-block;
}

.onlyTextCenter{
    display: table-cell;
    vertical-align: middle;
    padding-top: 45px;
    padding-bottom: 45px;
}

.imgTextCenter{
  width: 486px;
  float: left;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.imgTextCenter.small{
  width: 424px;
}





div.tscs_wrapper  p.starRel{
  position: relative;
  bottom: auto;
  font-size: 12px;
  line-height: 16px;
}



section.s{
  position: relative;
  width: 982px;
  overflow: hidden;
  margin-left: 10px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  border-bottom: 1px solid #e1e1e2;
}

section.sh {
  overflow: visible !important;
}

section#stage{
  height: 500px;
  width: 1002px;
  position: relative;
  margin: 0px;
  border: none;
  visibility: hidden;
}

section.s.first{
   border-top: none;
}

section#productfilm{
  height: 300px;
}
section.s:first-child{
    border-top: none;
}

section#productfilm.big{
  height: 650px;
}
section#stores{
  height: 445px;
}

section#quest, section#luigi{
  height: 450px;
}
section#bestplace, #children, #dishwasher1, #vitafresh, #washer1, #washer2, #smartphone{
  height: 520px;
}


section.s.noBB{
   border-bottom: none;
}


h1.startText{
  display: none;
}



#intro_text.startText{
  display: block;
}



div.dynamicContent{
  position: relative;
  width: 100%;
  overflow: hidden;
  display: none;


  /* -webkit-transform:translateY(100%);
   -moz-transform:translateY(100%);
   transform:translateY(100%);
  left: 0;
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  
  box-sizing: border-box;*/
  

  
}

div.dynamicContent.activate{
  display: block;
}
div.dynamicContent.transition{
  -webkit-transform:translateY(0%);
  -moz-transform:translateY(0%);
  transform:translateY(0%);
}





div.dynamicContent.transition.fadeOut{
  -webkit-transition: opacity 4s ease-in-out;
  -moz-transition: opacity 4s ease-in-out;
  -o-transition: opacity 4s ease-in-out;
  -ms-transition: opacity 4s ease-in-out;
  transition: opacity 4s ease-in-out;
  opacity: 0;
}









div.slick-slide{
  position: relative;
}

.bubbles{
  position: absolute;
  top:0px;
  left: 0px;
  opacity: 0;
}


img.bubbles.animated{
  opacity: 1;
}







div#slide_intro img.bubbles{
  top: 138px;
  left: 310px;
}

div#slide_intro img.bubbles:last-child{
  top: 90px;
  left: 280px;
}
div#slide_coffee img.bubbles{
  left: 195px;
  top: 20px;
}
div#slide_coffee img.bubbles:last-child{
  left: 275px;
  top: 10px;
}

div#slide_cooking img.bubbles{
  left: 0px;
  top: 0px;
}

div#slide_cooking img.bubbles:last-child{
  left: 460px;
  top: 25px;
}
  

div#slide_dishwashers img.bubbles{
  left: 215px;
  top: 15px;
}
div#slide_dishwashers img.bubbles:last-child{
  left: 360px;
  top: 25px;
}
div#slide_washers img.bubbles{
  left: 290px;
  top: -120px;
}

div#slide_washers img.bubbles:last-child{
  left: 330px;
  top: 45px;
}


div#slide_fridges img.bubbles{
  left: 335px;
  top: 75px;
}



div#slide_fridges img.bubbles:last-child{
  left: 355px;
  top: 15px;
}



img.bubbles.animate{
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 1;
}

section#crosslinks a.more{position: absolute; z-index: 9;}
section#crosslinks a#goTo_washers {left: 0px;top: 45px;}
section#crosslinks a#goTo_fridges {left: 260px;top: 70px;}
section#crosslinks a#goTo_coffee { left: 440px;top: 60px;}
section#crosslinks a#goTo_cooking {left: 670px;top: 120px;}
section#crosslinks a#goTo_dishwashers {left: 830px;top: 30px;}



img.bg{
 position: relative;
 bottom: 0px;
 left: 0px;
 z-index: -1;
}
img.kleiderreihe{
 position: absolute;
 bottom: 20px;
 left: 20px;
 z-index: -1;
}


.imgText{
  width: 424px;
  position: absolute;
  z-index: 9;
}


#productfilm .imgText{
  z-index: 1;
  width: 100%;
}


.tl .imgText{
  top:20px;
}


.tr .imgText{
  top:50px;
  left: 525px;
}

.imgText.center{
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.stage{
  height: 520px;
}


.stage .bg{
  position: absolute;
  z-index: -1;
}

#time{
  height: 588px;
}


#time .bg{
  position: absolute;
  z-index: -1;
}

img.setAni{
  opacity: 0;
}






/*TIME ANIMATION*/
section#time img.setAni{
     position: absolute;
}
section#time.start img.setAni{
  opacity: 1;
  position: absolute;
  z-index: 1;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-animation: timeAnimation 6s linear infinite 0s;
  -moz-animation: timeAnimation 6s linear infinite 0s;
  -o-animation: timeAnimation 6s linear infinite 0s;
  -ms-animation: timeAnimation 6s linear infinite 0s;
  animation: timeAnimation 6s linear infinite 0s; 
}




@keyframes timeAnimation { 
    0% { visibility: hidden; }
    100% { visibility: visible;}
}




section#time.start img.setAni:nth-child(2) {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s; 
}
section#time.start img.setAni:nth-child(3) {
     -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s; 
}
section#time.start img.setAni:nth-child(4) {
     -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
/*TIME ANIMATION*/



img.waesche{
  position: absolute;
  bottom: 65px;
  left: 30px;
}





/*STAGE ANIMATION*/

#skrollr-body .fade{
  opacity: 0;
  position: absolute;
  /*z-index: 1;*/
  opacity:0; 
  -webkit-animation: fade 12s linear infinite; 
  -moz-animation: fade 12s linear infinite; 
  -o-animation: fade 12s linear infinite; 
  -ms-animation: fade 12s linear infinite; 
  animation: fade 12s linear infinite; 
}
@-webkit-keyframes fade {
        0% { opacity:0;  }
        15% { opacity:1; }
        30% { opacity:0.5; }
        40% { opacity:0; }
        100% { opacity:0; }
}
@-moz-keyframes fade {
        0% { opacity:0;}
        15% { opacity:1;}
        30% { opacity:0.5; }
        40% { opacity:0; }
        100% { opacity:0; }
}
@keyframes fade {
        0% { opacity:0;}
        15% { opacity:1;}
        30% { opacity:0.5; }
        40% { opacity:0; }
        100% { opacity:0; }
}
.stage img.fade:nth-child(2) {
   -webkit-animation-delay:4s; 
   -moz-animation-delay:4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s; 
}
.stage img.fade:nth-child(3) {
  -webkit-animation-delay:8s; 
  -moz-animation-delay:8s;
  -o-animation-delay: 8s;
  -ms-animation-delay: 8s;
  animation-delay: 8s; 
}




.modHotSpotsBlue span{
  position: relative;
  color: #fff;
  top: 31px;
  left: 35px;
  font-size: 16px
}
/*STAGE ANIMATION*/


div.tscs_wrapper  p.star{
  position: absolute;
  bottom: 20px;
  font-size: 10px;
  line-height: 14px;
}

div.tscs_wrapper p.star.first{
    bottom: 40px;
}

p.star.mod::before {
    float: left;
    display: inline-block;
    margin-right: 3px;
    content: "*";
    height: 46px;
}

div.tscs_wrapper #container2 p.star.mod{
    left: 35px;
    width: 340px;
    margin: 0px;
    bottom: 10px;
}
div.tscs_wrapper #container2 p.star.mod::before{
  height: 83px;
}

#container3 .imgText{
  width: 470px;
  margin-top: 30px;
  z-index: 1;
}


#container3 .star.mod{
  width: 450px;
}
section#variodrum a.more:last-of-type{
      margin-top: 0px;
}



section#container2 .imgText{
   top: 35px;
    left: 525px;
    width: 430px;
}


.stage.tl .imgText{
  width: 500px;
}


/*! 
//modHotSpotsBlue.css 
*/
@media screen,print{.modHotSpotsBlue{width:100%;z-index:10}.modHotSpotsBlue ul li{position:absolute;top:0;left:0;list-style: none !important;}.modHotSpotsBlue a[role="hotspots"]{background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/hotspotbluemo.png) no-repeat left top;display:block;height:80px;width:80px}.modHotSpotsBlue a[role="hotspots"]:hover,.modHotSpotsBlue .active a[role="hotspots"]{background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/hotspotbluemo.png) no-repeat left bottom}.modHotSpotsBlue a.more{display:block;background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/sprite.png) no-repeat scroll -994px -393px;color:#FFF}.modHotSpotsBlue .body img + a.more,.modHotSpotsBlue .body iframe + a.more{margin-top:10px}.modHotSpotsBlue li.active .content{display:block}.modHotSpotsBlue li .content{display:none;z-index:99;position:relative;top:-73px;left:55px;width:428px;border:none;padding:15px;max-height:345px;overflow:hidden;font-size:14px}.modGallery.standalone .modHotSpotsBlue li .content{max-height:475px}.modGallery.standalone .modHotSpotsBlue iframe{display:block;position:relative;width:409px;height:230px;left:inherit;top:inherit}.modHotSpotsBlue li .body{background:#215f8b;color:#FFF;padding:10px;position:relative}.modHotSpotsBlue li .body img.fl{margin:0 5px 5px 0}.modHotSpotsBlue li .body strong{display:block;margin:0 0 10px;padding-right:25px}.modHotSpotsBlue li .arrow{height:15px;width:15px;display:block;position:absolute}.modHotSpotsBlue li .arrow.lm{background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/sprite.png) no-repeat -697px -27px;left:2px;top:50%;margin-top: -7.5px} .modHotSpotsBlue li .arrow.wn{background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/sprite.png) no-repeat -697px -27px;left:2px;top:25px}.modHotSpotsBlue li .arrow.en{background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/sprite.png) no-repeat -698px -2px!important;right:2px!important;top:25px}.modHotSpotsBlue li .arrow.rm{top:50%;margin-top:-7.5px;right: 2px!important;background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/sprite.png) no-repeat -698px -2px!important;left:auto}.modHotSpotsBlue li .arrow.en.wn{background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/sprite.png) no-repeat -698px -2px!important;left:auto}.modHotSpotsBlue li div p{color:#fff;float:none!important;width:auto!important;padding:0!important;margin:0!important;margin-bottom:10px!important;font-size:12px;line-height:16px}.modHotSpotsBlue a.close{background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/sprite.png) no-repeat -96px -251px #215f8b;display:block;height:23px;position:absolute;right:5px;text-indent:-999em;top:5px;width:23px;z-index:999}}
/*! 
//modHotSpotsBlue.css 
*/

.modHotSpotsBlue.noarrow a[role="hotspots"]{background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/hotspotbluemo-noarrow.png) no-repeat left top;}

.modHotSpotsBlue li .arrow.lb{background:url(https://cdn-prod.neonet.pl/richcontent/302299/img/icons/sprite.png) no-repeat -697px -27px;left:2px;top:100%;margin-top: -47px;opacity: 1;}


#time .modHotSpotsBlue {
  position: absolute;
}
#sh_big .popover {
  background-color: #E20015 !important;
  position: absolute !important;
  z-index: 100 !important;
  padding:10px !important;
}

#sh_big .popover-title {
  text-indent: 0px !important;
    padding: 0px 0px !important;
    margin: 0 0 10px 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    background-color: #E20015 !important;
    border:none !important;
    position: relative !important;
    z-index: 100 !important;
    color: #fff !important;    
    font-weight: bold !important;   
}
#sh_big .popover-content {   
    padding:0px !important;
    margin: 0px !important;
    font-size: 12px !important;
    line-height: 16px !important; 
    color: #fff;   
}

.first-4 .popover {
  top: -8.5px !important;
left: -440px !important;
display: block !important;
width: 400px !important;
}
.first-1 .popover {
top: 13.5px !important;
left: -440px !important;
display: block !important;
width:400px !important;
}
.first-2 .popover {
display: block !important;
width:380px !important;
top: 10.5px !important;
left: -420px !important;
}
.first-3 .popover {
 top: -98.5px !important;
left: -440px !important;
display: block !important;
width:400px !important;
}

#sh_big .first-3 .popover:after,#sh_big .first-3  .popover:before {
  left: 100%;
  top: 90%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#sh_big .first-3 .popover:after {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #E20015 ;
  border-width: 10px;
  margin-top: -10px;
}
#sh_big .first-3 .popover:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #E20015 ;
  border-width: 11px;
  margin-top: -11px;
}

#sh_big .first-2 .popover:after,#sh_big .first-2  .popover:before {
  left: 100%;
  top: 15%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#sh_big .first-2 .popover:after {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #E20015 ;
  border-width: 10px;
  margin-top: -10px;
}
#sh_big .first-2 .popover:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #E20015 ;
  border-width: 11px;
  margin-top: -11px;
}
/**/
#sh_big .first-1.popover:after,#sh_big .first-1  .popover:before {
  left: 100%;
  top: 12%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#sh_big .first-1 .popover:after {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #E20015 ;
  border-width: 10px;
  margin-top: -10px;
}
#sh_big .first-1 .popover:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #E20015 ;
  border-width: 11px;
  margin-top: -11px;
}
/**/
#sh_big .first-4 .popover:after,#sh_big .first-4 .popover:before {
  left: 100%;
  top: 26%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#sh_big .first-4 .popover:after {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #E20015 ;
  border-width: 10px;
  margin-top: -10px;
}
#sh_big .first-4 .popover:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #E20015 ;
  border-width: 11px;
  margin-top: -11px;
}


button.btn.btn-lg.btn-danger:hover {
  background-color: #F29BA2  !important;
}