@font-face {
font-family:FontAwesome;
    src: url(fontawesome-webfont.ttf);
}
#lock{
font-family:FontAwesome;
display:inline;
font-size:16px;
}
#plus{
font-size:14px;
color:#fff;
margin-top:2px;
}
#plus a{
text-decoration:none;
color:#000;
padding:2px;
border-radius:2px;
background: linear-gradient(
    to bottom, 
    #FF2C2C 0%, 
    #FF2C2C 50%, 
    #A11 50%, 
    #A11 100%
  );
}
#plus a:hover{
background: linear-gradient(
    to bottom, 
    #A11 0%, 
    #A11 50%
    #FF2C2C 50%, 
    #FF2C2C 100%, 
  );
}
#b1{
z-index:2;
height:50%;
width:100%;
position:fixed;
top:-1000px;
left:0px;
animation-name:up;
animation-duration: 10s;
animation-timing-function: ease-out;
border:0;
padding:0;
}
@keyframes up {
    from {top:0px;}
    to {top:-2000px;}
}
#b2{
border:0;
padding:0;
z-index:2;
height:50%;
width:100%;
position:fixed;
bottom:-5000px;
left:0px;
animation-name:down;
animation-duration: 10s;
animation-timing-function: ease-out;
}
@keyframes down {
    from {bottom:0px;}
    to {bottom:-2000px;}
}
@font-face {
font-family:Spy-Agency;
    src: url(spyagency2_1out.ttf);
}
#fS{
width:142px;
background-color:rgba(0, 0, 204, 0.8);
border-radius:3px;
border:0;
}
div {
    vertical-align:middle;
}
#wrap{
align:center;
width:200px;
}
fieldset{
         display: inline-block;
	  align:center;
	  width:100px;
    } 
body{
font-family: Arial;
}
@font-face {
font-family:DS-Digital;
    src: url(DS-DIGI.TTF);
}
#imp{
font-family:DS-Digital;
font-size:16pt;
}
#usa{

  -webkit-appearance: none;
  height: 20px;
  background-color: #DCDCDC;
   width:161px;
  border:0px;
  margin: auto;
  transition: all 0.3s ease;
     }     
#usa:hover        {
    background-color: #ffffff;
}
#pass1{
  -webkit-appearance: none;
  height: 20px;
  background-color: #DCDCDC;
  width:138px;
  border:0px;
  margin: auto;
  transition: all 0.3s ease;
}#pass1:hover{
    background-color: #ffffff;
}
#eye{
cursor:pointer;
background-color:#2BC600;
font-family:FontAwesome;
font-size:14px;
width: 20px;
height: 20px;
margin-top:4px;
border: 0px;
padding:0px;
margin-left:-1px;
}
#eye:active{
background-color:#008800;
}
#hili{
background-image:url(images/hili.png);
background-size:20px 20px;
}
body{
background-color:#d00;
background-size: 6px auto;
padding:0px;
margin:auto;
}#tim{
opacity:0.9;
position:fixed;
right:0px;
top:0px;
width:220px;
height:47px;
background-image:url('images/Icons/cwl2.png');
background-size:280px 64px;
background-repeat: no-repeat;
z-index: 3;
}#time{
margin-left:54px;
width:170px;
right:5px;
margin-top:-5px;
}
#textDestination{

}
#leg{
padding:0px 0.3em;
background-color:rgba(0, 0, 204,0.9);
}
#submit{
border:0px solid #181818;
padding:2px 10px;
font-family:FontAwesome;
font-size:16px;
background-color: #363636;
cursor:pointer;
}
#submit:hover{
padding:0px 8px;
border:2px solid #181818;
}
#submit:hover + .lin {
display:block;
color:#fff;
top:50%;
left:50%;
}
#lpad{
font-family:FontAwesome;
display:inline;
font-size:16px;
}
#remme{
font-family:FontAwesome;
display:inline;
font-size:16px;
background-color: #363636;
padding:3px 10px;
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
	 cursor:pointer;
}
#remme:hover{
padding:1px 8px;
border:2px solid #181818;
}
#btns{
display:flex;
margin-top:4px;
justify-content: space-around;
}
input[type=range] {
  -webkit-appearance: none;
  width: 68px;
  background-color:#000;
  height:22px;
  border-radius:1em;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #ff2c2c;
  border: 0px solid #010101;
  border-radius:5px;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.5px 0.5px 0px #000000, 0px 0px 0.5px #0d0d0d;
  border: 0px solid rgba(255, 255, 255, 0);
  height: 18px;
  width: 50%;
  border-radius: 8px;
  background: -webkit-linear-gradient(gray,white, gray); /* For Firefox 3.6 to 15 */
  cursor: pointer;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #000000;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #ff2c2c;
  border: 0px solid #010101;
  border-radius:5px;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0.5px 0.5px 0px #000000, 0px 0px 0.5px #0d0d0d;
  border: 0px solid rgba(255, 255, 255, 0);
  height: 18px;
  width: 50%;
  border-radius: 8px;
  background: -moz-linear-gradient(gray,white, gray); /* For Firefox 3.6 to 15 */
  background: linear-gradient(gray,white,gray); /* Standard syntax */
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 9.6px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #000000;
  border: 0px;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #000000;
  border: 0px;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0.5px 0.5px 0px #000000, 0px 0px 0.5px #0d0d0d;
  border: 0px;
  height: 26px;
  width: 27px;
  background: #ffffff;
  cursor: pointer;
  height: 9.6px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #000000;
}
input[type=range]:focus::-ms-fill-upper {
  background: #000000;
}
#path3834,#path3836,#path3838,#path3840,#path3842,#path3844 {
  stroke: #d00;
  fill:#fff;
  stroke-width:3;
  stroke-dasharray: 1000;
  stroke-linecap:round;
  animation: dash 0.7s ease-in;
}@keyframes dash {
from{ stroke-dashoffset: 1000;}
  to {
    stroke-dashoffset: 2000;
  }
}
svg{
transition:all 2s ease;
position:absolute;
top:0px;
z-index:-3;
width:810px;
height:615px;
margin-left:-4px;
}
.in3{
margin-top:3px;
}
.content{
    position: fixed;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
z-index:2;
background:#000;
max-width:800px;
padding:4px;
height:100%;
}