.loader-body {
	background-color:#000000;
	position: fixed;
	z-index: 99999;
	visibility: visible;
	top: 0;
	left: 0;
	text-align: center;
	display:flex
	justify-content: center;
	align-content: center;
	transition: 0.5s all;
}
.loader {}

.loader-body.done {
	visibility: hidden;
	opacity: 0;
}


#tachometer{
    background:#141516;
    margin:100px auto;
    width:400px;
    height:400px;
    box-shadow: inset 0px 0px 9px 3px rgba(0, 0, 0, 1);
    border: 4px solid #444444;
    border-radius: 100%;
    display: block;
    position: relative;  
}


.ii {
    position: absolute;
    width: 400px;
    height: 400px;
    z-index: 2;
    
}
.ii div {
    position: absolute;
    width: 400px;
    height: 400px;
    padding:4px;
    box-sizing: border-box;
}
.ii div b {
    position: absolute;
    display: block;
    left: 50%;
    width: 4px;
    height: 18px;
    background: #0069b2;
    margin: 0 -5px 0;
    
}
.ii div:nth-child(2n+1) b {
    width: 8px;
    height: 28px;
    margin: 0 -5px 0;
}

.ii div:nth-child(1) {
    transform: rotate(240deg);
}
.ii div:nth-child(2) {
    transform: rotate(255deg);
}
.ii div:nth-child(3) {
    transform: rotate(270deg);
}
.ii div:nth-child(4) {
    transform: rotate(285deg);
}
.ii div:nth-child(5) {
    transform: rotate(300deg);
}
.ii div:nth-child(6) {
    transform: rotate(315deg);
}
.ii div:nth-child(7) {
    transform: rotate(330deg);
}
.ii div:nth-child(8) {
    transform: rotate(345deg);
}
.ii div:nth-child(9) {
    transform: rotate(0deg);/*---*/
}
.ii div:nth-child(10) {
    transform: rotate(15deg);
}
.ii div:nth-child(11) {
    transform: rotate(30deg);
}
.ii div:nth-child(12) {
    transform: rotate(45deg);
}
.ii div:nth-child(13) {
    transform: rotate(60deg);
}
.ii div:nth-child(14) {
    transform: rotate(75deg);
}
.ii div:nth-child(15) {
    transform: rotate(90deg);
}
.ii div:nth-child(16) {
    transform: rotate(105deg);
}
.ii div:nth-child(17) {
    transform: rotate(120deg);
}


[class^="num_"] {
    color:#e3e4e5;
    display: block;
    position: absolute;
    width: 10px;
    font-size:40px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    text-decoration:none;
      
}

.num_1 {transform: rotate(120deg); top:20px;}
.num_2 {transform: rotate(90deg); top:13px; left:5px}
.num_3 {transform: rotate(60deg); top:21px;}
.num_4 {transform: rotate(30deg); top:25px;}
.num_5 {transform: rotate(0deg);  top:30px;left:-8px}
.num_6 {transform: rotate(330deg); top:35px;left:-10px}
.num_7 {transform: rotate(300deg); top:35px;left:-7px;}
.num_8 {transform: rotate(270deg);top:30px;}
.num_9 {transform: rotate(240deg);top:30px;left:8px}

#redline{     
    width:24px; height:112px;
    position:absolute;
    top:190px;
    right:8px;
    border-width: 6px;
    border-radius: 50%;
    border-style: solid;
    border-color:#141516 #e00020 #141516 #141516;
    transform:rotate(16deg);
    z-index:1
}


.line {    
    background: #e00020;
    background-image: linear-gradient(to bottom, #e00020, #f12542);
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 0;
    transform-origin: 50% 100%;
    margin: -188px -6px 0;
    padding: 188px 6px 0;
    z-index:2;
    border-radius: 50% 50% 0 0;    
    transform:rotate(-95deg);    
    
    animation: pendulum;
    animation-iteration-count: infinite;
    animation-duration: 4s;     
}

.pin {
    width: 50px;
    height: 50px;
    left:50%;
    top:50%;
    margin: -25px 0 0 -25px;
    background-color: #f12542;
    border-radius: 50%;
    position: absolute;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to bottom, #e00020, #f12542);
    z-index: 4;
}
.loader-logo {
	position: absolute;
	width: 128px; height:56px;
	left:50%;
    bottom:58px;
    margin-left: -62px;
}

.inner {
    width: 30px;
    height: 30px;
    margin: 10px auto 0;
    background-color: #a11428;
    border-radius: 100%;
    box-shadow: inset 0 8px 15px 0 rgba(167, 23, 10, 0.4);
    position: relative;
}



@keyframes pendulum {
    10% {
        transform:rotate(100deg);
    }

   
    11% {
        transform:rotate(98deg);
    }
    12% {
        transform:rotate(96deg);
    }
    13% {
        transform:rotate(98deg);
    }
    14% {
        transform:rotate(96deg);
    }
    15% {
        transform:rotate(98deg);
    }
    16% {
        transform:rotate(96deg);
    }
    17% {
        transform:rotate(98deg);
    }
    18% {
        transform:rotate(96deg);
    }
    19% {
        transform:rotate(98deg);
    }
    
 
   
}