.divopcty{
        margin: 1% 24%;
  
}

.transparentbackground{
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	opacity:0.9;
	background-color:black;
}
.divopcty1{
                margin: -25% 0% 0% 37%;
}


.barlittle {
  
    /*background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);*/
    /*background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);*/
    border-left: 1px solid #111;
    border-top: 1px solid #111;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 5px;
    opacity: 0.1;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-animation: move 1s infinite linear;
    -webkit-animation: move 1s infinite linear;
}

#block_1 {
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s;
	  background-color: #2196F3;
}

#block_2 {
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
	 background-color: #00E676;
}

#block_3 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
	 background-color: #FF5722;
}

#block_4 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
	 background-color:#D0FF00 ;
}

#block_5 {
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
	 background-color: #FFDD00;
}

@-moz-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1;
    };
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    };
}