body {margin:0; padding:0;}
.lock-kit-cont{display:inline-block; text-align:left; font-family:arial; padding:10px;
width:750px; height:640px; text-align:left; border:2px solid #286baf;}
.lock-kit-cont  h3 {margin:0; color:#286baf; font-weight:normal; font-size:22px;}
.lock-kit-cont  p {margin:3px 0 10px 0; color:#286baf;}
.rfid-in-col {display:inline-block; margin-top:120px;}
.lft {float:left;}

.block1 {float:left; width:160px; margin-top:110px; margin-left:10px;}
.block1 img{float:left;}

.line-black {position:absolute; height: 1px; display:none; background-color: #000; z-index:99999999!important;}
#line1 {left:120px; top:90px; width: 610px; -ms-transform: rotate(-25deg);  -webkit-transform: rotate(-25deg); transform: rotate(25deg);}
#line2 {left:20px; top:90px; width: 630px; -ms-transform: rotate(25deg);  -webkit-transform: rotate(25deg); transform: rotate(25deg);}
#line3 {left:-20px; top:70px; width: 200px; -ms-transform: rotate(30deg);  -webkit-transform: rotate(30deg); transform: rotate(30deg);}
#line4 {left:142px; top:-50px; width: 285px; -ms-transform: rotate(-10deg);  -webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
#line5 {left:-40px; top:120px; width: 220px; -ms-transform: rotate(50deg);  -webkit-transform: rotate(50deg); transform: rotate(50deg);}
#line6 {left:110px; top:0px; width: 180px; -ms-transform: rotate(35deg);  -webkit-transform: rotate(35deg); transform: rotate(35deg);}
#line7 {left:-20px; top:30px; width: 245px; -ms-transform: rotate(15deg);  -webkit-transform: rotate(15deg); transform: rotate(15deg);}
#line8 {left:30px; top:-40px; width: 115px; -ms-transform: rotate(35deg);  -webkit-transform: rotate(35deg); transform: rotate(35deg);}
#line9 {left:-130px; top:80px; width: 320px; -ms-transform: rotate(80deg);  -webkit-transform: rotate(80deg); transform: rotate(80deg);}
#line10 {left:-60px; top:90px; width: 380px; -ms-transform: rotate(55deg);  -webkit-transform: rotate(55deg); transform: rotate(55deg);}
#line11 {left:-20px; top:90px; width: 360px; -ms-transform: rotate(50deg);  -webkit-transform: rotate(50deg); transform: rotate(50deg);}
#line12 {left:-30px; top:85px; width: 400px; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#line13 {left:-30px; top:85px; width: 430px; -ms-transform: rotate(41deg);  -webkit-transform: rotate(41deg); transform: rotate(41deg)}
#line14 {left:40px; top:80px; width: 70px; -ms-transform: rotate(36deg);  -webkit-transform: rotate(36deg); transform: rotate(36deg);}
#line15 {left:20px; top:70px; width: 135px; -ms-transform: rotate(36deg);  -webkit-transform: rotate(36deg); transform: rotate(36deg);}
#line16 {left:30px; top:140px; width: 530px; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#line17 {left:-60px; top:150px; width: 540px; -ms-transform: rotate(29deg);  -webkit-transform: rotate(29deg); transform: rotate(29deg);}
#line18 {left:-70px; top:150px; width: 500px; -ms-transform: rotate(26deg);  -webkit-transform: rotate(26deg); transform: rotate(26deg);}
#line19 {left:-45px; top:180px; width: 500px; -ms-transform: rotate(40deg);  -webkit-transform: rotate(40deg); transform: rotate(40deg);}
#line20 {left:-95px; top:195px; width: 420px; -ms-transform: rotate(50deg);  -webkit-transform: rotate(50deg); transform: rotate(50deg);}
#line21 {left:-85px; top:160px; width: 395px; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#line22 {left:-80px; top:140px; width: 300px; -ms-transform: rotate(60deg);  -webkit-transform: rotate(60deg); transform: rotate(60deg);}




/* Chrome, Safari, Opera */
#displaytext { -webkit-animation-timing-function: linear ;}

/* Standard syntax */
#displaytext {animation-timing-function: linear;}


/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: -50px;}
    to {left: 20px;}
}

/* Standard syntax */
@keyframes mymove {
    from {left: -50px;}
    to {left: 20px;}
}
#displaytext{left:20px; width:100%;}
.block2 img:nth-child(4) { margin-left: 5px; margin-top: 9px;}

img{
cursor:pointer;
}




.mt-rfid-outside-2_1 {margin-top:220px; margin-left:10px;}
.mt-rfid-outside-4 {margin-top:-145px; margin-left: -28px;}
.mt-rfid-outside-6 {width:100%; text-align:right; margin-top:30px;}
.mt-rfid-outside-7  {margin-right:30px;}

.mt-rfid-outside-8_9 {width:150px; text-align:right; margin-right:20px;}
.mt-rfid-outside-8_9 .lft {width:100%;}
.mt-rfid-outside-8 {}
.mt-rfid-outside-9 {margin-bottom:30px;}
.mt-rfid-outside-6_13{width:130px;}
.mt-rfid-outside-14_15 {margin-top:65px; margin-bottom:45px;}
.mt-rfid-outside-16 {}
.mt-rfid-outside-10_13 {margin-top:104px;}
.mt-rfid-outside-10_13 .lft{margin-right:14px;}
.mt-rfid-outside-10 {margin-top:17px;}
.mt-rfid-outside-11 {margin-top:9px;}
.mt-rfid-outside-12 {margin-top:0px;}
.mt-rfid-outside-13 {margin-top:14px;}
.mt-rfid-outside-16 {margin-top:325px; margin-left:-96px}