.theoretic-loading img{
	margin-top:5px;
}

.theoretic-loading h2{
	
	margin-top:80px;
	color:#E21C21;
	font-size:18px;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
}


.theoretic-loading h3{
	
	margin-top:15px;
	color:#116089;
	font-size:38px;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
	
}

#theoretic-loading{
	padding:10px 0;
}

.theoretic-loading h4{
	
	font-weight:700;
	font-size:24px;
	color:#02B8BF;
	margin-top:20px;
	text-align:center;
}

/***********start loader*****/
.loader{
   width: 200px;
   height: 200px;
   margin: 50px auto;
   position: relative;
}
.loader .loader-inner{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}
.loader .loader-inner:before{
   content: "";
   display: block;
   width: 15%;
   height: 25%;
   border-radius: 100%;
   background: #e6c510;
   margin: 0 auto;
   animation: loading-1 1.2s infinite ease-in-out both;
}
.loader .box-2{ transform: rotate(30deg); }
.loader .box-3{ transform: rotate(60deg); }
.loader .box-4{ transform: rotate(90deg); }
.loader .box-5{ transform: rotate(120deg); }
.loader .box-6{ transform: rotate(150deg); }
.loader .box-7{ transform: rotate(180deg); }
.loader .box-8{ transform: rotate(210deg); }
.loader .box-9{ transform: rotate(240deg); }
.loader .box-10{ transform: rotate(270deg); }
.loader .box-11{ transform: rotate(300deg); }
.loader .box-12{ transform: rotate(330deg); }
.loader .box-2:before{ animation-delay: -1.1s; }
.loader .box-3:before{ animation-delay: -1s; }
.loader .box-4:before{ animation-delay: -0.9s; }
.loader .box-5:before{ animation-delay: -0.8s; }
.loader .box-6:before{ animation-delay: -0.7s; }
.loader .box-7:before{ animation-delay: -0.6s; }
.loader .box-8:before{ animation-delay: -0.5s; }
.loader .box-9:before{ animation-delay: -0.4s; }
.loader .box-10:before{ animation-delay: -0.3s; }
.loader .box-11:before{ animation-delay: -0.2s; }
.loader .box-12:before{ animation-delay: -0.1s; }
@keyframes loading-1{
    0%, 39%, 100%{ opacity: 0; }
    40%{ opacity: 1; }
}

/***********end loader***********/


/********** account created ************/

#theoretic-account-created{
	padding:100px 0;
}
#theoretic-account-created1{
	padding:100px 0;
}

.theoretic-account-created  span{
	
	height:200px;
	width:200px;
	line-height:200px;
	background:#07BC83;
	color:#fff;
	text-align:center;
	border-radius:100px;
	font-size:90px;
	font-weight:200;
	
}

.theoretic-account-created h4{
	
	font-weight:700;
	font-size:55px;
	color:#07BC83;
	margin-top:60px;
	margin-bottom:50px;
	text-align:center;
}

.theoretic-account-created-btn{

	padding:10px 40px;
	background-color:#07BC83;
	color:#fff;
	font-size:18px;
	
}

.theoretic-account-created-btn:hover{
	color:#fff;
}


/*********end account**************/


/**************start done************/

#theoretic-done{
	padding:10px 0;
}

.theoretic-done h1{
	margin-top:10px;
	color:#4B43C4;
	font-size:35px;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	margin-bottom:20px;
}

.theoretic-done h2{
	margin-top:0px;
	color:#000;
	font-size:20px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	margin-bottom:0px;
}

.theoretic-done span{
	color:#4B43C4;
	text-decoration:underline;
}


.theoretic-done h3{
	margin-top:20px;
	color:#4B43C4;
	font-size:50px;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	margin-bottom:20px;
}

.theoretic-done h4{

	background-color:#f1f1f1;
	color:#000;
	padding:10px ;
	text-align:center;
	margin-bottom:20px;
	font-size:30px;
	font-weight:500;
	
	


}



/***************end done**************/