/*.navbar {  
  background-repeat: repeat;
  background-position: 0 0;
  background-size: auto 100%;
  animation: animatedBackground 3500s linear infinite;    
}
@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 0;
  }
} */      
/*stop animated background*/


.light-post{
    position: absolute;
    transform:  translateX(-148px) translateY(2px);/*-428px*/
    display: flex;
    justify-content: center;
    z-index: 1;top:2%;
}
.post{
    position: absolute;
    width: 3px;
    height: 50px;
    background: hsl(0,1%,16%);
    /*-webkit-box-reflect: below -120px linear-gradient(transparent, #000);*/
}
.bulb{
    position: absolute;
    width: 3px;z-index:2;
    height: 4px;
    border-radius: 3px;
    background: white;
    /*box-shadow: 0 1px 150px 10px white, 0 1px 150px 27px white;*/
    /*-webkit-box-reflect: below 210px linear-gradient(transparent, #000);*/
}
.bulb2{
    position: absolute;
    width: 3px;z-index:2;
    height: 4px;right:80px;top:3%;
    border-radius: 3px;
    background: white;
    box-shadow: 0 1px 100px 10px yellow, 0 1px 100px 27px yellow;
    /*-webkit-box-reflect: below 210px linear-gradient(transparent, #000);*/
}
.bulb3{
    position: absolute;
    width: 3px;z-index:2;
    height: 4px;right:96px;top:3%;
    border-radius: 3px;
    background: white;
    /*box-shadow: 0 1px 100px 10px yellow, 0 1px 100px 27px yellow;*/
    /*-webkit-box-reflect: below 210px linear-gradient(transparent, #000);*/
}
/*.shift{
    width:102px;
        height:20px;
        background:url('../picture/shift2.png');
        display:none;
        position:absolute;
        top:5px;left:25%;
        z-index:2;
        background-repeat:no-repeat;  
        filter:drop-shadow(3px 0px 2px);color:white;
}*/
.posttop{
      	width:25px;
        height:30px;
        background:url('../picture/lamp3.png');
        display:block;
        position:absolute;
        top:-5px;;
        z-index:2;
        background-repeat:repeat-x;      
      }
@keyframes drive2{
    0%{
      transform: translateX(-30%);  
    }
    100%{
      transform: translateX(10%);  
    }
}

 .mug{
      	/*width:74px;*/width:95px;
        height:44px;
        background:url("../picture/mugB3.gif");
        display:block;
        position:absolute;
        top:24px;z-index:2;
        right:2%;
        /*background-repeat:no repeat;*/
          /*filter:drop-shadow(3px 0px 2px);color:yellow;*/
     /*filter:drop-shadow(3px 0px 2px lightskyblue);*/
    /*animation: drive 5s ease-in forwards infinite alternate;*/
    animation: drive 5s ease-in forwards 2 alternate;
      }
.mug2{
      	width:95px;
        height:44px;
        background:url("../picture/logo2.png");
        display:block;
        position:absolute;
        top:8px;z-index:2;
        left:30%;
        background-repeat:no repeat;
          filter:drop-shadow(3px 0px 2px);color:white;
     /*filter:drop-shadow(3px 0px 2px yellow);*/
   /* animation: drive2 5s ease-in forwards infinite alternate;*/
    animation: drive2 5s ease-in forwards 2 alternate;      }
@keyframes drive{
    0%{
      transform: translateX(-150%);  
    }
    100%{
      transform: translateX(175%);  
    }
}
@keyframes drive2{
    0%{
      transform: translateX(-30%);  
    }
    100%{
      transform: translateX(10%);  
    }
}
/*mazda*/

/*@keyframes drive4{
    from{
      transform: translateX(73vw);  
    }
    to{
      transform: translateX(250px);  
    }
}*/
      /*tree*/
      .tree1{
      	width:45px;
        height:50px;
        background:url('../picture/tree2.png');
        display:block;
        position:absolute;
        top:33px;
        right:1%;z-index:3;
        background-repeat:repeat-x;      
      }
.plane{
      	width:75px;
        height:50px;
        background:url('../picture/fly4B.png');
        display:block;
        position:absolute;
        top:15px;
        right:10%;z-index:3;
        background-repeat:repeat-x;      
      }
      /*.tree2{
      	width:45px;
        height:50px;
        background:url('../picture/tree2.png');
        display:block;
        position:absolute;
        top:14px;
        right:100px;z-index:1;
        background-repeat:repeat-x;      
      }*/

/*.fabriek{
      	width:94px;
        height:63px;
        background:url('../picture/deelC.png');
        display:block;
        position:absolute;
        top:10px;
        right:274px;z-index:1;
        background-repeat:repeat-x;      
      }*/
.klok{
      	width:60px;
        height:60px;
        /*background:url('../picture/24.png');*/
        display:block;
        position:absolute;
        top:35px;
        left:25%;z-index:1;
        background-repeat:repeat-x;    
      }
.boatx{
    width:60px;height:32px;
    position:absolute;display:block;
    background:url('../picture/boat3CB.png');
    top:25px;/*72px*/
    right:-149px; index:1;
    /*transform:translateX(-30%);*/
    animation:boat 2s linear infinite;
}
.boat{
    width:60px;height:32px;
    position:absolute;display:block;
    background:url('../picture/boat3CB.png');
    top:69px;/*72px*/
    right:3%; 
    /*transform:translateX(-30%);*/
    animation:boat 2s linear infinite;
}
/*.boat img{
    width:100%;
    animation:boat 2s linear infinite;
}*/
@keyframes boat{
    0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(-2.2deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(2.2deg);
    }
    100%{
        transform:rotate(0deg);
    }
    
}
/*START WAVE*/
/*div.wave{width:15%;}     
 .wave{      	
        width:11px;
   			height:6px;
        background:url('../picture/wave3.png');
        display:block;
        position:absolute;
        top:70px;/*left:81%;*/
        /*right:1%;z-index:1;
        background-repeat:repeat x;   
      }*/
div.wave{width:100%;}
 .wave{      	
        width:11px;
   			height:6px;
        background:url('../picture/wave3.png');
        display:block;
        position:absolute;
        top:95px;/*left:81%;*/
        left:0;z-index:1;
        background-repeat:repeat x;   
      }   
/*STOP WAVE*/
/*.blink{
      	width:2px;
        height:2px;
        /*background:url('../picture/24.png');*/
        display:block;
        position:absolute;border-radius:50%;
        top:68px;margin-left:628px;
        z-index:1;*/
        /*background-repeat:repeat-x;*/    
      }
.mazda{
      	width:108px;
        height:35px;
        background:url('../picture/mazda.png');
        display:block;
        position:absolute;
        top:70px;
        /*left:-108px;*/left:0px;
        z-index:3;
        background-repeat:repeat-x; /*animation: drive4 12s ease-in forwards 1 alternate;*/       
      }
   .EE{
       display:block;
       padding: 0 5px;
       margin-top:0px;
       margin-right: 5px;
       color: white;
       /*font-weight: bold;*/
       float:right;
       font-size: 14px;
       line-height: 63px;  
}
/*kijk na start*/
     /* @media(max-width:568px){
      .EE-div{display:none;}
          div.dog2{display:none;}
          
          div.dog3{display:block;}
          div.mazda3{display:none;}
}
@media(max-width:568px){      
          div.klok{display:block;}
    
}
 @media(min-width:568px){
      div.infopage{display:none;}
     div.man{display:none;}
     div.dog3{display:none;}
     
}

@media (min-width: 300px)and (max-width: 1224px) {div.mazda2{display:none}
    div.mazda3{display:none;}    } 
}*/
/*kijk na stop*/
.human{
      	width:93px;
        height:70px;
        background:url('../picture/hazmat2.png');
        /*background:url('../picture/workers.png');*/
        display:block;
        position:absolute;
        top:125px;
        left:275px;z-index:6;
        background-repeat:repeat-x;      
      }
.dog{
      	width:100%;
        height:98px;
        /*background:url('../picture/chemie.jpg');*/
        /*background:url('../picture/white-image.png');*/
        background-color:#004A96;/*#004A96;*/
        /*opacity:0.9;*/
        display:block;border-bottom:1px solid white;
        position:absolute;
        top:0px;
        left:0px;
        /*background-repeat:repeat-x;*/      
      }
.dog2{
      	width:317px;
        height:95px;
        background:url('../picture/wind55.png');
        display:block;
        position:absolute;
        top:2px;
        left:38%;z-index:1;
        background-repeat:repeat-x;    
      }
.dog3{
      	width:168px;
        height:95px;
        background:url('../picture/windleft2.png');
        display:block;
        position:absolute;
        top:2px;margin-left:0px;
        left:38%;z-index:1;
        background-repeat:repeat-x;    
      }
.infopage{
      	width:auto;background-color:var(--bg-black-900);
        height:auto;padding:2px;padding-right:5px;
        /*background:url('../picture/workers.png');*/
        display:flex;
        position:absolute;
        top:94px;
        right:39%;z-index:3;
        background-repeat:repeat-x;      
      }
.human2{
      	width:33px;
        height:40px;
    background:url('../picture/driller.png');
        /*background:url('../picture/driller.png');*/
        display:block;
        position:absolute;
        top:50px;
        left:14px;z-index:3;
        background-repeat:repeat-x; 
        /*filter:drop-shadow(3px 0px 2px lightskyblue);*/
      }
.mazda3{
    position: absolute;
    transform:  translateX(-12vw) translateY(2px);/*-428px*/
    display: flex;
    justify-content: center;
    z-index: 1;top:126px;
}
.mazda2{
      	width:52px;
        height:17.5px;
        background:url('../picture/mazda2.png');
        display:block;
        position:absolute;
        /*top:129px;*/top:129px;
        /*left:-108px;*/left:0px;
        z-index:1;
        background-repeat:repeat-x; animation: drive4 12s ease-in forwards 1 alternate;     
      }
.garage{width:16%;height:20px;
    background:white;/*background: repeating-linear-gradient(
  45deg,
  #fff,
  #fff 10px,
  #808080 10px,
  #808080 20px
);*/
    margin-top:-7px;z-index:4;margin-left:2px;
      border-top:1px solid white;border-left:1px solid white;border-bottom:1px solid white;font-size:10px;
      border-radius:10px;text-align:center;
    opacity:1;} 
.garage2{width:69px;height:18px;
    background:white;
    /*top:129px;*/
        /*left:-108px;*/
        z-index:2;        
      
      border-radius:0px 10px 0px;opacity:1;} 
@keyframes drive4{
    from{
      transform: translateX(86vw);/*transform: translateX(73vw);*/  
    }
    to{
      transform: translateX(288px);  
    }
}
.mazda{
      	width:77px;
        height:25px;        
        display:block;
        position:absolute;
        top:80px;
        /*left:-108px;*/left:50px;
        z-index:3;
        background-repeat:repeat-x; /*animation: drive4 12s ease-in forwards 1 alternate;*/       
      }
.rotate_01{
      display:block;
        position:absolute;
        top:-5px;
        left:38%;z-index:3;
        width:50px;
        height:50px;margin-left:118px;
        /*margin:-60 0 0 -280px;*/
      -webkit-animation:spin 3s linear infinite;
        -moz-animation:spin 3s linear infinite;
      animation:spin 3s linear infinite;
      }
        /*use keyframes*/
      @-webkit-keyframes spin{
        100%{-webkit-transform:rotate(360deg);}
      }
       @-moz-keyframes spin{
        100%{-webkit-transform:rotate(360deg);}
      } 
       @keyframes spin{
        100%{-webkit-transform:rotate(360deg);}
      }    
.rotate_back{
    display:block;
        position:absolute;
        top:-10px;z-index:2;
        left:29%;
        width:345px;
        height:95px;
        /*margin:-60 0 0 -280px*/
}