/* body, pisma, odkazy, barvy         body{background-color: #d0c0c0;          */
body{background-color: #666869;font-family: arial;overflow: hidden;}
a:hover, a:visited, a:link, a:active 
{text-decoration: none!important; -webkit-box-shadow: none!important;box-shadow: none!important;}
a {color: unset;text-decoration: unset;}
@font-face{
  font-family:'michroma';
  src: url('http://davcol.eu/font/michroma.eot'); /* here you go, IE */
}
@font-face{
  font-family:'michroma';
  src: url('http://davcol.eu/font/michroma.ttf'); /* everyone else take this */
}
@font-face{
  font-family:'botyp';
  src: url('http://davcol.eu/font/botyp.eot'); /* here you go, IE */
}
@font-face{
  font-family:'botyp';
  src: url('http://davcol.eu/font/botyp.ttf'); /* everyone else take this */
}
@font-face{
  font-family:'putyp';
  src: url('http://davcol.eu/font/putyp.eot'); /* here you go, IE */
}
@font-face{
  font-family:'putyp';
  src: url('http://davcol.eu/font/putyp.ttf'); /* everyone else take this */
}
@font-face{
  font-family:'copr-Regular';
  src: url('http://davcol.eu/font/copr-Regular.ttf'); /* everyone else take this */
}
a img 
{border: none;}
img 
{border: none;}
          /* pozicování #08082b #02022F   363839   menu   #808986 #abb7b3*/
          /* font-weight:bolder;    linear-gradient (to right, #808986, #ABB7B3, #808986); pata-#191919;    zele display pozadi-#d1d9d6*/
.c
{margin:0 auto;text-align:center;}
.d
{margin:0 auto;}
.e
{text-align:center;}
/* menu + logo */

                             /* max + display */      
                             
.loch
{width: 80%;height: 32px;}   
.max
{width: 1830px;height: 1000px;box-shadow: 10px 7px 9px 2px #262829 , -10px 7px 9px 2px #262829;background-image: linear-gradient(to bottom,#363839 ,#464849 ,#565859 ,#464849 ,#363839);border-radius:66px;z-index: 0;}
.max2
{width: 1730px;height: 800px;box-shadow: 3px 3px 3px #000, -3px -3px 3px #000, 3px -3px 3px #000, -3px 3px 3px #000;text-align: center;background: #161819;border-radius:26px;z-index: 1;position:relative;left:50px;top:55px;}
.display
{width: 1420px;height: 745px;position:relative;left:155px;top:13px;background: #444444;z-index: 2;border-radius:10px;overflow: hidden;box-shadow: 2px 2px 3px #000, -2px -2px 3px #000, 2px -2px 3px #000, -2px 2px 3px #000;}
/* max + display */ 

                             /*display off */  
.displayoff
{width: 1420px;height: 745px;position:relative;left:155px;top:13px;background:black;z-index: 2;border-radius:10px;overflow: hidden;box-shadow: 2px 2px 3px #000, -2px -2px 3px #000, 2px -2px 3px #000, -2px 2px 3px #000;}

.display2off                     
{width: 1420px;height:245px;z-index: 2;border-radius: 10px 10px 0px 0px;padding-top:40px;}
.dsp2off 
{width: 55%; height:95px;font-size:52px;font-family: michroma; font-weight:bold;color:#464849;background-image: linear-gradient(to bottom, #111111, #080808);border-radius: 6px;padding-top:15px;box-shadow: 1px 1px 3px #333333, -1px -1px 3px #333333, 1px -1px 3px #333333, -1px 1px 3px #333333;animation: dsp2off 5s;}
@keyframes dsp2off {from { margin-top: 100%;height: 300%;}to {margin-top: 0px;height: 95px;}}
.display2offline
{width: 35%; height:1px;background:#464849;color:#464849;font-size:1px;}
.display3off
{width: 55%; height:175px;z-index: 2;font-size:38px;font-weight: bold;color:#464849;padding-top:20px;background-image: linear-gradient(to bottom, #111111, #080808);border-radius: 6px;padding-top:45px;box-shadow: 1px 1px 3px #333333, -1px -1px 3px #333333, 1px -1px 3px #333333, -1px 1px 3px #333333;animation: display3off 2.5s infinite,dff 3s;}
@keyframes display3off {0% { color: #202223; }25% { color: #464849; }50% { color: #464849; }100% { color: #202223 }}
@keyframes dff {from { margin-top: 100%;height:175%;}to {margin-top: 0px;height: 175px;}}
.displayBoff
{width: 1412px;height: 20px;padding: 7px 4px 4px 4px;box-shadow: 0px 9px 12px #717976;z-index: 2;border-radius: 0px 0px 10px 10px;background-image: linear-gradient(to bottom,#111111, #222222);font-family: copr-Regular;position: absolute;bottom: 0px;}
.d2off
{width: 100%; height:2px;background:#000;color:#101010;font-size:1px;animation: updn 1s infinite alternate;animation-delay: 2s;}
.d2off2
{width: 100%; height:2px;background:#000;color:#101010;font-size:1px;animation: updn 0.7s infinite alternate;animation-delay: 2s;}
.d2off3
{width: 100%; height:2px;background:#000;color:#101010;font-size:1px;animation: updn 0.5s infinite alternate;animation-delay: 2s;}
.d2off4
{width: 100%; height:2px;background:#000;color:#101010;font-size:1px;animation: updn 0.3s infinite alternate;animation-delay: 2s;}
.d2off5
{width: 100%; height:2px;background:#000;color:#101010;font-size:1px;animation: updn 1.2s infinite alternate;animation-delay: 2s;}
@keyframes updn {0% { transform: translateY(300px); }100% { transform: translateY(-450px); }}
/*display off */

                             /*display standby */
.displaystand
{width: 1420px;height: 745px;position:relative;left:155px;top:13px;z-index: 2;border-radius:10px;overflow: hidden;box-shadow: 2px 2px 3px #000, -2px -2px 3px #000, 2px -2px 3px #000, -2px 2px 3px #000;animation: dst 2s;animation-fill-mode: forwards;}
@keyframes dst {from {background:#5c5c5c}to {background:#000}}

.display2stand                    
{width: 1420px;height: 245px;z-index: 2;border-radius: 10px 10px 0px 0px;padding-top:20px;animation: dsp2st 5s;padding-top:40px;}

.dsp2std
{width: 55%; height:95px;font-size:52px;font-family: michroma; font-weight:bold;color:#464849;background-image: linear-gradient(to bottom, #111111, #080808);border-radius: 6px;padding-top:15px;box-shadow: 1px 1px 3px #333333, -1px -1px 3px #333333, 1px -1px 3px #333333, -1px 1px 3px #333333;animation: dsp2off 5s;}
@keyframes dsp2off {from { margin-top: 100%;height: 300%;}to {margin-top: 0px;height: 95px;}}
.display2stand h2
{font-size:38px;font-family: michroma; font-weight:bold;color:#464849;animation-name: display2stand h2;animation-duration: 15s;}
@keyframes display2stand h2 {from {opacity: 0;}to {opacity: 1;}}
.display2offlinest
{width: 35%; height:1px;background:#464849;color:#464849;font-size:1px;animation-name: display2offlinest;animation-duration: 5s;}
.display3sta
{width: 55%; height:175px;z-index: 2;font-size:38px;font-weight: bold;color:#464849;padding-top:20px;background-image: linear-gradient(to bottom, #111111, #080808);border-radius: 6px;padding-top:45px;box-shadow: 1px 1px 3px #333333, -1px -1px 3px #333333, 1px -1px 3px #333333, -1px 1px 3px #333333;animation: display3off 2.5s infinite,dff 3s;}
@keyframes display3off {0% { color: #202223; }25% { color: #464849; }50% { color: #464849; }100% { color: #202223 }}
@keyframes dff {from { margin-top: 100%;height:175%;}to {margin-top: 0px;height: 175px;}}
/*display standby */

                             /*display on */
.displayon
{width: 1420px;height: 745px;position:relative;left:155px;top:13px;z-index: 2;border-radius:10px;overflow: hidden;box-shadow: 2px 2px 3px #000, -2px -2px 3px #000, 2px -2px 3px #000, -2px 2px 3px #000;animation: displayon 2s;animation-fill-mode: forwards;}
@keyframes displayon {from {background:#000}to {background:#5C5C5C}}
.display3on
{width: 1420px;height: 694px;z-index: 2;border-radius: 10px 10px 0px 0px;font-size:38px;font-weight: bold;color:#464849;font-family: michroma;animation: bgmap 3.2s;}
@keyframes bgmap {from { margin-top: 100%;height: 300%;}to {margin-top: 0px;height: 105px;}}
.display3s
{width: 1420px;height: 100%;z-index: 2;border-radius: 10px 10px 0px 0px;font-size:38px;font-weight: bold;color:#464849;box-shadow: 0px 9px 12px #998E7D;}

.bgweg
{width: 1420px;height: 744px;position:relative;left:205px;top:-2655px;z-index: 2;background:#000;border-radius:10px;animation: bgweg 7.2s;animation-fill-mode: forwards;}
@keyframes bgweg {0% {opacity: 1;}100% {opacity: 0;}}

.d3onb
{width: 800px;height: 65px;border-radius: 6px;padding-top:20px;background-image: linear-gradient(to bottom,#868686,#666666);font-weight: bold;font-family: arial;animation: txtup 3.2s;box-shadow: 1px 1px 3px #541818, -1px -1px 3px #541818, 1px -1px 3px #541818, -1px 1px 3px #541818;color: #262829;}
@keyframes txtup {from {font-size:1px;}to {font-size:38px;}}
.display3on p
{z-index: 2;font-size:38px;font-weight: bold;padding-top:20px;color:#464849;font-size:34px;font-family: arial; font-weight:bold;}
.display3
{width: 1420px;height: 100%;z-index: 2;border-radius: 10px 10px 0px 0px;font-size:38px;font-weight: bold;color:#464849;padding-top:20px;box-shadow: 0px 9px 12px #998E7D;background-image: URL('http://davcol.eu/image/wbnd0.png');}
.displaymap
{width: 1420px;height: 100%;z-index: 2;border-radius: 10px 10px 0px 0px;font-size:38px;font-weight: bold;color:#464849;box-shadow: 0px 9px 12px #464849 inset;background: #EBE4D1;}
.displayBon
{width: 1412px;height:20px;padding: 7px 4px 4px 4px;box-shadow: 0px 2px 3px #42B772 inset;z-index: 2;border-radius: 0px 0px 10px 10px;background-image: linear-gradient(to bottom, #094477, #09161D);font-family: copr-Regular;position: absolute;bottom: 0px;color:#5B7aa9}
.displayBon2
{width: 1412px;height:16px;padding: 0px 4px 2px 4px;box-shadow: 0px -2px 3px #42B772 inset;z-index: 2;border-radius: 10px 10px 0px 0px;background-image: linear-gradient(to bottom, #094477, #09161D);font-family: copr-Regular;font-size:10px;color:black}
/*display on */   

 /* max + display */ 
 
                             /* kecy */  
.kec1
{width: 1000px;height: 105px;font-size:52px;font-weight: bold;font-family: michroma;color: #ABCDE9;margin-top:10px;box-shadow: 1px 1px 3px #42B772, -1px -1px 3px #42B772, 1px -1px 3px #42B772, -1px 1px 3px #42B772;padding-top:20px;background-image: linear-gradient(to bottom, #094477, #09161D);border-radius: 6px;animation: dow 2s;}
@keyframes dow {from { margin-top: 100%;height: 300%;}to {margin-top: 10px;height: 105px;}}
.kecline
{width: 40%; height:10px;color:#464849;font-size:20px;margin-top:30px;}
.kec2
{font-size:22px;font-weight: bold;text-align:left;font-family: arial;color: #363839;padding: 25px 10px 25px 10px;margin:10px 0px 10px 0px}
.kecred
{color: #d83030;}
.kecpic
{padding:40px 0px 10px 0px}
.tabv
{width: 1370px;height: 600px;font-size:24px;font-weight: bold;color:#ABCDE9;animation: tabv 3.7s normal ease-out;margin-top:20px;background-image: linear-gradient(to bottom, #094477, #094477);box-shadow: 1px 1px 3px #42B772, -1px -1px 3px #42B772, 1px -1px 3px #42B772, -1px 1px 3px #42B772;border-radius: 6px;}
@keyframes tabv {from { margin-left: 100%;width: 300%;}to {margin-left: 1.8%;width: 1370px;}}

.tabvback
{width: 1420px;height: 650px;}


.tabvtd
{width:45%;height:155px;padding:0px 15px 0px 15px;}
.tabkec
{width: 1370px;height: 46px;font-size:24px;color: #ABCDE9;animation: tbc 6.7s;background-image: linear-gradient(to bottom, #094477, #09161D);border-radius: 6px;padding-top:10px;box-shadow: 1px 1px 3px #42B772, -1px -1px 3px #42B772, 1px -1px 3px #42B772, -1px 1px 3px #42B772;}
@keyframes tbc {from {color: rgba(171,205,233, 0);}to {color: rgba(171,205,233, 1);}}
.kecline2
{width:25%;height:1px;color: #ABCDE9;border-top: solid #ABCDE9 1px;}
.kecline3
{width: 90%; height:1px;background:#ABCDE9;color:#464849;font-size:1px;margin-top:2px;}



 /* kecy */

                              /* cudl + dvd */   
.loch1
{width: 1590px;height: 50px;background-image: linear-gradient(to right,#6E7071,#7E8081,#6E7071);box-shadow: 0px 3px 3px #363839 
inset;position:relative;left:120px;top:29px;border-radius:10px;}
.loch1 span
{display: inline-block;}
.cudh1
{width: 98px;height: 40px;margin-top:6px;margin-left:18px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;}  
.lom1
{width: 8px;height: 40px;margin-top:6px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;}  
.cudh2
{width: 98px;height: 40px;margin-top:6px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;}   
.loch2off
{width: 1100px;height: 20px;background:#000;box-shadow: 6px 6px 8px #565859 inset,-6px 6px 6px #363839 inset ;margin: 8px 8px 8px 8px;border-radius:4px;}
.loch2
{width: 1100px;height: 20px;background:#202223;box-shadow: 2px 2px 4px #000 inset, -2px -2px 4px #000 inset, 2px -2px 4px #000 inset, 0px 3px 6px red inset;margin: 8px 8px 8px 8px;border-radius:4px;}
.loch2red1
{width: 10px;height: 20px;background:#cc0000;box-shadow: 2px 2px 4px #000 inset, -2px -2px 4px #000  inset, 2px -2px 4px #000  inset, 0px 3px 6px red inset;margin: 0px 0px 8px 0px;border-radius:4px;}
.loch2red2
{width: 10px;height: 20px;background:#cc0000;box-shadow: 2px 2px 4px #000 inset, -2px -2px 4px #000 inset, 2px -2px 4px #000 inset, 0px 3px 6px red inset;margin: 0px 0px 8px 1074px;border-radius:4px;}
.cudh3
{width: 98px;height: 40px;margin-top:6px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;}  
.lom2
{width: 8px;height: 40px;margin-top:6px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;}  
.cudh4
{width: 98px;height: 40px;margin-top:6px;;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;}   
.sym1
{position:relative;left:171px;top:-825px;z-index: 3;font-size:38px;font-family: michroma;font-weight:bold;color:#Ea3030;}
.sym2
{position:relative;left:286px;top:-881px;z-index: 3;font-size:38px;font-family: michroma;font-weight:bold;color:#Ea3030;}
.sym3
{position:relative;left:1511px;top:-941px;z-index: 3;font-size:38px;font-family: michroma;font-weight:bold;color:#Ea3030;}
.sym4
{position:relative;left:1625px;top:-993px;z-index: 3;font-size:38px;font-family: michroma;font-weight:bold;color:#Ea3030;}
.sym1off
{position:relative;left:171px;top:-825px;z-index: 3;font-size:38px;font-family: michroma;font-weight:bold;color:#222222;}
.sym2off
{position:relative;left:286px;top:-881px;z-index: 3;font-size:38px;font-family: michroma;font-weight:bold;color:#222222;}
.sym3off
{position:relative;left:1511px;top:-941px;z-index: 3;font-size:38px;font-family: michroma;font-weight:bold;color:#222222;}
.sym4off
{position:relative;left:1625px;top:-993px;z-index: 3;font-size:38px;font-family: michroma;font-weight:bold;color:#222222;}
/* cudl + dvd */ 

                             /* KOLO L + R*/ 
.koloL0
{position:relative;left:25px;top:-240px;width: 140px;height:140px;border-radius:76px;font-size: 23px;z-index: 7;}

.koloL1
{width: 135px;height:135px;outline: black solid 2px;border-radius:76px;background-image: linear-gradient(to bottom,#363839,#5E6061,#363839);font-size: 23px;z-index: 4;box-shadow: 7px 7px 3px #bBbDbA inset, -7px -7px 3px #bBbDbA inset, 7px -7px 3px #bBbDbA inset, -7px 7px 3px #bBbDbA inset;padding: 12px 0px 0px 12px;}
.koloL1off
{width: 135px;height:135px;outline: black solid 2px;border-radius:76px;background-image: linear-gradient(to bottom,#363839,#5E6061,#363839);font-size: 23px;z-index: 4;box-shadow: 7 7 3 rgba(250,48,48, 6) inset;animation: pulse 1.5s infinite;padding: 12px 0px 0px 12px;}
@keyframes pulse{from {box-shadow: 0 0 0 0 rgba(250,48,48, 0.85);} to {box-shadow: 0 0 0 30px rgba(250,0,0, 0);}}
.koloL1off:hover
{animation:none}
.koloL2
{width: 111px;height:111px;outline: black solid 5px;border-radius:76px;font-size: 23px;z-index: 5;padding: 10px 0px 0px 10px}
.koloL3
{width: 100px;height:100px;outline: #Ea3030 solid 7px;border-radius:76px;font-size: 23px;z-index: 6;box-shadow: 6px 6px 6px #fa3030, -6px -6px 6px #fa3030, 6px -6px 6px #fa3030, -6px 6px 6px #fa3030;padding: 1px 0px 0px 0px;}
.koloL3off
{width: 100px;height:100px;outline: #222222 solid 7px;border-radius:76px;font-size: 23px;z-index: 6;padding: 1px 0px 0px 0px;}
.koloL4
{width: 26px;height:26px;border-radius:76px;font-size: 23px;z-index: 7;padding: 30px 0px 0px 30px;}
.koloR0
{position:relative;left:1660px;top:-432px;width: 140px;height:140px;border-radius:76px;font-size: 23px;z-index: 7;}
.koloR1
{width: 135px;height:135px;outline: black solid 2px;border-radius:76px;background-image: linear-gradient(to bottom,#363839,#5E6061,#363839);font-size: 23px;z-index: 4;box-shadow: 7px 7px 3px #bBbDbA inset, -7px -7px 3px #bBbDbA inset, 7px -7px 3px #bBbDbA inset, -7px 7px 3px #bBbDbA inset;padding: 12px 0px 0px 12px}
.koloR1off
{width: 135px;height:135px;outline: black solid 2px;border-radius:76px;background-image: linear-gradient(to bottom,#363839,#5E6061,#363839);font-size: 23px;z-index: 4;padding: 12px 0px 0px 12px}
.koloR2
{width: 111px;height:111px;outline: black solid 5px;border-radius:76px;font-size: 23px;z-index: 5;padding: 10px 0px 0px 10px}
.koloR3
{width: 100px;height:100px;outline: #Ea3030 solid 7px;border-radius:76px;font-size: 23px;z-index: 6;box-shadow: 1px 1px 4px #Ea3030 inset, -1px -1px 4px #Ea3030 inset, 1px -1px 4px #Ea3030 inset, -1px 1px 4px #Ea3030 inset;padding: 2px 0px 0px 0px}
.koloR3off
{width: 100px;height:100px;outline: #222222 solid 7px;border-radius:76px;font-size: 23px;z-index: 6;box-shadow: 1px 1px 4px #222222 inset, -1px -1px 4px #222222 inset, 1px -1px 4px #222222 inset, -1px 1px 4px #222222 inset;padding: 2px 0px 0px 0px}
.koloR4off
{width: 26px;height:26px;border-radius:76px;font-size: 23px;z-index: 7;padding: 23px 0px 0px 34px}
.koloR4
{width: 26px;height:26px;border-radius:76px;font-size: 23px;z-index: 7;padding: 23px 0px 0px 34px}
/* KOLO L + R*/ 

                             /* sdcard*/ 
.loch3
{position:relative;left:505px;top:-286px;width: 817px;height: 50px;background-image: linear-gradient(to top,#6E7071,#7E8081,#6E7071);box-shadow: 0px 9px 9px #363839 inset;border-radius:9px;outline: #2A2C2E solid 1px;}
.loch3 span
{display: inline-block;}
.loch4off
{width:220px;height: 20px;background:#000;box-shadow: 6px 6px 8px #565859 inset,-6px 6px 6px #363839 inset;margin: 15px 0px 0px 300px;border-radius:4px;margin: 15px 0px 0px 300px;}
.loch4
{width:220px;height: 20px;background:#202223;box-shadow: 2px 2px 4px #000 inset, -2px -2px 4px #000 inset, 2px -2px 4px #000 inset, 0px 3px 6px red inset;margin: 15px 0px 0px 300px;border-radius:4px;}
.loch4red1
{width:10px;height: 20px;background:#Ea3030;box-shadow: 2px 2px 4px #000 inset, -2px -2px 4px #000 inset, 2px -2px 4px #000 inset, 0px 3px 6px red inset;margin: 0px 0px 0px 0px;border-radius:4px;}
.loch4red2
{width:10px;height: 20px;background:#Ea3030;box-shadow: 2px 2px 4px #000 inset, -2px -2px 4px #000 inset, 2px -2px 4px #000 inset, 0px 3px 6px red inset;margin: 0px 0px 0px 195px;border-radius:4px;}
/* sdcard*/

                             /* Logo*/ 
.logo0
{position:relative;left:530px;top:-460px;width: 1117px;height: 50px;z-index: 11;}
.logo0 span
{display: inline-block;}
.logo1
{width:120px;height: 20px;color:#000;box-shadow: 2px 2px 4px #000, -2px -2px 4px #000, 2px -2px 4px red, -2px 2px 4px red;z-index: 9; background-image: linear-gradient(to bottom, #5D5F60, #7D7F80, #5D5F60);margin: 0px 0px 0px 0px;border-radius:4px;text-align: center; font-size:12px; font-family: michroma; font-weight:bold; padding: 2px 2px 2px 2px;}
.logo1off
{width:120px;height: 20px;color:#000;box-shadow: 2px 2px 4px #000, -2px -2px 4px #000, 2px -2px 4px #000, -2px 2px 4px #000;z-index: 9; background-image: linear-gradient(to bottom, #5D5F60, #7D7F80, #5D5F60);margin: 0px 0px 0px 0px;border-radius:4px;text-align: center; font-size:12px; font-family: michroma; font-weight:bold; padding: 2px 2px 2px 2px;}
.logo2
{width:120px;height: 20px;color:#000;box-shadow: 2px 2px 4px #000, -2px -2px 4px #000, 2px -2px 4px red, -2px 2px 4px red; z-index: 9; background-image: linear-gradient(to bottom, #5D5F60, #7D7F80, #5D5F60);margin: 0px 0px 0px 517px;border-radius:4px;text-align: center; font-size:12px; font-family: michroma; font-weight:bold; padding: 2px 2px 2px 2px;}
.logo2off
{width:120px;height: 20px;color:#000;box-shadow: 2px 2px 4px #000, -2px -2px 4px #000, 2px -2px 4px #000, -2px 2px 4px #000; z-index: 9; background-image: linear-gradient(to bottom, #5D5F60, #7D7F80, #5D5F60);margin: 0px 0px 0px 517px;border-radius:4px;text-align: center; font-size:12px; font-family: michroma; font-weight:bold; padding: 2px 2px 2px 2px;}
/* Logo*/

                             /* Lbutton*/ 
.lbut
{width: 140px;height: 362px;background-image: linear-gradient(to right,#BBBDBA,#fff,#fff,#fff,#BBBDBA);position:relative;left:20px;top:-1180px;border-radius:15px;z-index: 10;padding: 12px 0px 0px 0px;font-size:25px;font-family: arial;color:#Ea3030;}
.lbut span
{display: block;}
.lbut a
{color:#Ea3030}
.lbut a:link
{text-decoration: none;}
.lbut a:visited
{text-decoration: none;}
.lbut a:hover
{color:#ff0000}
.lbutoff
{width: 140px;height: 362px;background-image: linear-gradient(to right,#BBBDBA,#fff,#fff,#fff,#BBBDBA);position:relative;left:20px;top:-1180px;border-radius:15px;z-index: 10;padding: 12px 0px 0px 0px;font-size:25px;font-family: arial;color:#Ea3030;}
.lbutoff span
{display: block;color:#222222}
.lbutoff span a
{color:#222222}
.lbutoff span a:link
{text-decoration: none;}
.lbutoff span a:visited
{text-decoration: none;}
.lbutoff span a:hover
{color:#444444}
.lbutlom1
{width: 20px;height: 10px;margin-left:133px;}  
.lbut1
{width: 135px;height:55px;margin-top:0px;margin-left:18px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;padding-top:25px;}  
.lbut2
{width: 135px;height: 55px;margin-top:0px;margin-left:18px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;padding-top:25px;}   
.lbut3
{width: 135px;height: 55px;margin-top:0px;margin-left:18px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;padding-top:25px;}  
.lbut4
{width: 135px;height:55px;margin-top:0px;margin-left:18px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;padding-top:25px;}   
/* Lbutton*/

                             /* Rbutton*/ 
.rbut
{width: 140px;height: 362px;position:relative;left:1653px;top:-1555px;border-radius:15px;z-index: 12;padding: 12px 0px 0px 0px;font-size:25px;font-family: arial;color:#Ea3030;}
.rbut0
{width: 140px;height: 362px;background-image: linear-gradient(to right,#BBBDBA,#fff,#fff,#fff,#BBBDBA);position:relative;left:1666px;top:-1928px;border-radius:15px;z-index: 10;padding: 12px 0px 0px 0px;font-size:25px;font-family: arial;color:#Ea3030;}


.rbut span
{display: block;}
.rbutoff
{width: 140px;height: 362px;position:relative;left:1653px;top:-1555px;border-radius:15px;z-index: 12;padding: 12px 0px 0px 0px;font-size:25px;font-family: arial;color:#Ea3030;}
.rbutoff span
{display: block;color:#222222}
.rbut a
{color:#Ea3030}
.rbut a:link
{text-decoration: none;}
.rbut a:visited
{text-decoration: none;}
.rbut a:hover
{color:#ff0000}


.rbutlom1
{width: 20px;height: 10px;margin-left:133px;}  
.rbut1
{width: 135px;height:55px;margin-top:0px;margin-right:50px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;padding-top:25px;}  
.rbut2
{width: 135px;height: 55px;margin-top:0px;margin-right:50px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;padding-top:25px;}   
.rbut3
{width: 135px;height: 55px;margin-top:0px;margin-right:50px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;padding-top:25px;}  
.rbut4
{width: 135px;height:55px;margin-top:0px;margin-right:50px;background-image: linear-gradient(to bottom,#7E8081,#363839);border-radius:3px;box-shadow: 1px 1px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000;padding-top:25px;}   
/* Rbutton*/


                             /* car fahren*/ 
.loop-wrapper {
background: #000;
  margin: 0 auto;
  position: relative;
  display: block;
  width: 650px;
  height: 271px;
  overflow: hidden;
  border-bottom: 3px solid #fff;
  color: #fff;
}
.mountain {
  position: absolute;
  right: -900px;
  bottom: -20px;
  width: 2px;
  height: 2px;
  box-shadow: 
    0 0 0 50px #363839,
    60px 50px 0 70px #363839,
    90px 90px 0 50px #363839,
    250px 250px 0 50px #363839,
    290px 320px 0 50px #363839,
    320px 400px 0 50px #363839
    ;
  transform: rotate(130deg);
  animation: mtn 20s linear infinite;
  }
.hill {
  position: absolute;
  right: -900px;
  bottom: -50px;
  width: 400px;
  border-radius: 50%;
  height: 20px;
  box-shadow: 
    0 0 0 50px #464849,
    -20px 0 0 20px #464849,
    -90px 0 0 50px #464849,
    250px 0 0 50px #464849,
    290px 0 0 50px #464849,
    620px 0 0 50px #464849;
  animation: hill 4s 2s linear infinite;
}
.tree, .tree:nth-child(2), .tree:nth-child(3) {
  position: absolute;
  height: 100px; 
  width: 35px;
  bottom: 0;
  background: url(http://davcol.eu/image/tree.svg) no-repeat;
}
.rock {
  margin-top: -17%;
  height: 2%; 
  width: 2%;
  bottom: -2px;
  border-radius: 20px;
  position: absolute;
  background: #ddd;
}
.truck, .wheels {
  transition: all ease;
  width: 85px;
  margin-right: -60px;
  bottom: 0px;
  right: 50%;
  position: absolute;
  background: #eee;
}
.truck {
  background: url(http://davcol.eu/image/truck.svg) no-repeat;
  background-size: contain;
  height: 60px;
}
.truck:before {
  content: " ";
  position: absolute;
  width: 25px;
  box-shadow:
    -30px 28px 0 1.5px #fff,
     -35px 18px 0 1.5px #fff;
}
.wheels {
  background: url(http://davcol.eu/image/wheels.svg) no-repeat;
  height: 15px;
  margin-bottom: 0;
}

.tree  { animation: tree 3s 0.000s linear infinite; }
.tree:nth-child(2)  { animation: tree2 2s 0.150s linear infinite; }
.tree:nth-child(3)  { animation: tree3 8s 0.050s linear infinite; }
.rock  { animation: rock 4s   -0.530s linear infinite; }
.truck  { animation: truck 4s   0.080s ease infinite; }
.wheels  { animation: truck 4s   0.001s ease infinite; }
.truck:before { animation: wind 1.5s   0.000s ease infinite; }


@keyframes tree {
  0%   { transform: translate(1350px); }
  50% {}
  100% { transform: translate(-50px); }
}
@keyframes tree2 {
  0%   { transform: translate(650px); }
  50% {}
  100% { transform: translate(-50px); }
}
@keyframes tree3 {
  0%   { transform: translate(2750px); }
  50% {}
  100% { transform: translate(-50px); }
}

@keyframes rock {
  0%   { right: -200px; }
  100% { right: 2000px; }
}
@keyframes truck {
  0%   { }
  6%   { transform: translateY(0px); }
  7%   { transform: translateY(-6px); }
  9%   { transform: translateY(0px); }
  10%   { transform: translateY(-1px); }
  11%   { transform: translateY(0px); }
  100%   { }
}
@keyframes wind {
  0%   {  }
  50%   { transform: translateY(3px) }
  100%   { }
}
@keyframes mtn {
  100% {
    transform: translateX(-2000px) rotate(130deg);
  }
}
@keyframes hill {
  100% {
    transform: translateX(-2000px);
  }
}

/* car fahren*/

                             /* copyR*/ 
.end
{width: 1850px;height: 200px;color:#808986;position:relative;left:3px;top:-1592px;z-index: 13;font-size:12px;font-family: arial;color:#000;}
/* copyR*/ 






.pata
{width: 1850px; height:100px;background-color:#808986;background: #808986;box-shadow: 0px 9px 11px silver inset;margin-top:109px}
.pafol
{float: left;text-align: center;font-size:22px;font-family: michroma;font-weight:bold;color:  #ABB7B3;padding: 10px 10px 10px 10px;margin: 26px 0px 0px 17px;box-shadow: 0px 5px 10px #000;z-index: 12;background-image: linear-gradient(to right, #363839, #565859, #363839);}
.patpag
{float: center;font-size:17px;font-weight: bold;font-family: copr-Regular;color: #363839;background: #d1d1d1;box-shadow: 0px 9px 12px #000 inset;margin: 26px 0px 0px 0px;}
.pafor
{float: right;text-align:center;font-size:22px;font-family: michroma;font-weight:bold;color:  #ABB7B3;padding: 10px 10px 10px 10px;margin: 26px 17px 0px 0px;box-shadow: 0px 5px 10px #000;z-index: 12;background-image: linear-gradient(to right, #363839, #565859, #363839);}
.pata span
{display: inline-block;width: 400px;height:40px;margin: 18px 0px 0px 0px;padding: 13px 10px 13px 10px;}