* {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    color: #888888;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    background-image: url(../img/fon17.png);
}



@media screen and (max-width: 860px) {
   div.blok {
       	 margin-top: 300px;	
    }
}
@media screen and (max-width: 480px) {
    div.blok {
        		
    }
}
@media screen and (max-width: 300px) {
     div.blok {
      	
    }
}



#body {
    width: 66%;
    color: black;
    background-image: url(../img/Fbody.png);
    padding: 50px;
    margin-left: 360px;
    margin-top: 45px;
}
@media screen and (max-width: 1300px) {
    div#body {
        margin-left: 241px;
    }
}





#train {
    width: 288px;
    height: 146px;
     background-image: url(../img/trainOK.png);
    position: absolute;
    bottom: 0;
    display: none;
}

#train.train_start {
    display: block;
    animation: train 7s cubic-bezier(0.01, 0.07, 0.96, 0.83) 1;
    left: -280px;
}

@keyframes train {
    0% {left:-288px;}
    100% {left: 100%;}
}
/* #daimand {
   width: 20px;
   height: 20px;
   color:black; 
    background-image: url(../img/diam.gif);
   position: absolute;
   bottom:180px;
   margin-left: 0px;
   display:block;
} */