body{margin:0px; font-family: tahoma;}
	.content-1{padding:15px; background-color:#047ba5;}
	.content-1 h1{color: white;     font-family: tahoma;
    text-align: center;    text-transform: uppercase;
    font-size: 35;    text-shadow: 1px 1px #000000;} 
	.flex{display: flex;    flex-wrap: wrap;} 
	.content-1{max-width:100%;} 
	.flex .item-f-1{width:50%; padding:10px;} 
	.list-cond{     margin: 10px 0;
    height: 150px;
    overflow: auto;}
	.img-it{width: 50px;     z-index: 9;}
	.img-it img{width:100%} 
	.cand-item{    position: relative;    width: 300px;
    margin: 12px 5px;} 
	.success {
		background-color: #4BB543;
		border: 2.5px dashed #4BB543;
	}
	.circle {
		    display: block;
			width: 60px;
			height: 60px;
			border-radius: 50%;
			padding: 2.5px;
			background-clip: content-box;
			animation: spin 10s linear infinite;     left: -10px;    top: -10px;
			position: absolute; 
	} 
	.circle-wrapper:active .circle {
    animation: spin 2s linear infinite;
	} 
		.body3{    background-color: #1486af;}
	@keyframes spin { 
	  100% { 
		transform: rotateZ(360deg);
	  }
	} 
	.it-title {    width: 200;    margin-left: 15px;} 
	.txt-n{color: white;   font-size: 12px;    }  
	.progress{width: 100%;     height: 20px;        position: relative;    margin: 10px 0 0px 0;}  
	.prg-ress{width:60%;     font-size: 12px; height:100%; background-color:red; position:absolute; left:0px; top:0px; border-radius: 5px;
    font-weight: 600;    color: white;    display: flex;    justify-content: center;  animation: w70 1s ease forwards;
    align-items: center;	} 
	.ch-count{padding: 5px;     font-size: 12px;
    color: white;
    font-weight: 600;}
	.prg-ress span{    position: absolute;    top: 5px;    right: -40px;    font-weight: normal;}  
	.title-item h3{text-transform: uppercase;    color: white;    padding-left: 10px;
    border-left: 2px solid #e9ff00;} 
	.t-item{width:50%}
	.oblast {text-align:right}
	#oblast{    width: 80%;    padding: 10px;    border: 0px;    border-radius: 5px;    margin: 13px 0;}
	
	@keyframes w70 {
		from { width: 0%; } 
	} 
	
	.refer-it{display: block;    width: 80px;    height: 80px; position:relative;     display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; margin:0 50px 0 50px; background-color:white;} 
	.refer {
    padding: 5px 0 30px 0;
    justify-content: center;
    border-bottom: 1px solid #ffffff8c;
	    justify-content: center;    align-items: center;    font-size: 18px;
	} 
	.title-circle{font-size: 12px;
    font-weight: bold;
    color: white;
    position: absolute; text-align:center; 
    bottom: -18px;
     left: -32px;
    width: 150px;} 
	.content-1 h1 {
    color: white;
    font-family: tahoma;
    text-align: center;
    text-transform: uppercase;
    font-size: 20;}
	
	@media screen and (max-width: 800px) {
		.circle {
			display: block;
			width: 80px;
		height: 80px;}
		.img-it {
			width: 70px;
			z-index: 9;
		}
		.it-title {
			width: 200px; 
			margin-left: 15px;
		} 
		.refer-it{margin: 0 15px 25px 10px;}
		
	}