

.process-main {

   padding-top:10px; 

    text-align: center;

}





span.cirule {

background: #E4E4E4;

    display: block;

    border-radius: 50%;

    width: 85px;

    height: 85px;

    padding: 0;

    padding-top:17px;

    box-sizing: border-box;

	outline: 8px solid #F5F5F3;

}



.on {

display: block;

    margin: 0 auto 0 auto;

    width: 50px;

    height: 54px !important;

    max-width: inherit !important

}



.dot p {

	margin: 0 0 15px;

    FONT-SIZE: 14PX;

    LINE-HEIGHT: 20PX;

	color:#3F444B

}



.status span {

    color: #05255f;

}



.steps {

    text-align: left;

}



.cmt-fid-view-topicon.inside {

    padding: 5px 0 15px 2px !important;

}



.inside.cmt-fid-view-topicon h4 {

    font-size: 70px !important;

    line-height: 79px !important;

}

.cmt-fid-view-topicon.inside {



    padding: 5px 0 15px 2px !important;

}

.cmt-fid-view-topicon.inside h3 {

    font-size: 16px;

}

.cmt-fid-view-topicon.inside h4 span:nth-child(2) {

    margin-left: -12px !important;

}







.dot {

	display:block;

width: 200px;

	animation: dot 2s infinite ease-in-out;

	    margin: 0 auto;

		padding: 0 20px;

}

.dot.first {

	animation:dot 1s 1 forwards;

	opacity:0;

	left:12%;

}

.dot.second {

	left:33.33%;

	animation:dot 2s 1 forwards 2s;

	opacity:0

}

.dot.third {

	left:54.66%;

	animation:dot 2s 1 forwards 4s;

	opacity:0

}

.dot.four {

	left:76%;

	animation:dot 2s 1 forwards 5s;

	opacity:0

}



.dot.five {

	left:96%;

	animation:dot 2s 1 forwards 7s;

	opacity:0

}

 @keyframes loading {

 0% {

 width:0;

}

26% {

 width:26%;

}

47% {

 width:47%;

}

68% {

 width:68%;

}

100% {

 width:100%;

}

}

 @keyframes dot {

 to {

 opacity:1

}

}

.no {

    position: absolute;

}







span.cirule {

background: #E4E4E4;

    display: block;

    border-radius: 50%;

    width: 85px;

    height: 85px;

    padding: 0;

    padding-top:17px;

    box-sizing: border-box;

	outline: 8px solid #F5F5F3;

}



.process-main {

    padding-top: 16px;

    margin-left: 30px;

}



.inside {

     margin-bottom: 0px !important;

}



.cymolthemes-testimonialbox-styleone .cymolthemes-box-desc:after{

	visibility:hidden;



	}

	



	

@media only screen and (min-width:480px) {

.dot {

    display: inline-block;

	vertical-align:top

 }	

	

	}





@media only screen and (min-width:900px) {

	

	

span.cirule {

background: #E4E4E4;

    display: block;

    border-radius: 50%;

    width: 85px;

    height: 85px;

    padding: 0;

    padding-top:17px;

    box-sizing: border-box;

	outline: 8px solid #F5F5F3;

}



.process-main {

    height:170px;

}	

	

.steps {

	position:relative;

	height:15px;

	border-radius:50px;

	background:#b1b1b1;

	margin:10px auto;

}

.steps::after {

 position:absolute;

 background:#05255f;

 content:'';

 left:0;

 top:0;

 bottom:0;

 width:100%;

 animation:loading 8s infinite;

 	border-radius:50px;



}	

	.dot {

	position:absolute;

	z-index:10;

	top:30%;

	transform:translateX(-50%) translateY(-20%);

width: 200px;

	animation: dot 2s infinite ease-in-out;

}

	

	}

	

	

@media only screen and (min-width:1200px) {

.cymolthemes-testimonialbox-styleone .cymolthemes-box-desc:after{

	visibility:visible

	}	

	

	}	

	

	

