@charset "utf-8";
/* CSS Document */

/*
Poppins

Thin 		100
ExtraLight 	200
Light 		300
Regular 	400
Medium 		500
SemiBold 	600
Bold 		700
ExtraBold 	800
Black 		900
*/


body 				{color: #333333; background-color: #F5F7FF; font-size: 1rem; font-family: 'Poppins', sans-serif;}

h1, h2, h3, h4, h5	{color: #000000; font-weight: 600;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 600;}

a					{text-decoration:none; color: #000000; transition: 0.5s;}
a:hover				{text-decoration:none; color: #333333;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}


:root {
	--padding : 4rem;
	--redcolor : #e52b14;
	--whitecolor : #ffffff;
	--shadow : 3px 3px 10px 0px rgba(102,102,102,0.05);
	--radius : 1rem;
	--box-padding : 2rem;
	--boder-color : #e5e5e5;
}



.page						{}

.top-area					{background-color: var(--whitecolor); padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--boder-color);}
.top-area .logo				{font-size: 200%; font-weight: 700; text-align: center;}


.mid-area					{padding-bottom: 5rem;}


.find-cme					{background-color: var(--whitecolor); padding: var(--box-padding); border-radius: var(--radius);}



.cme-pie					{background-color: var(--whitecolor); padding: var(--box-padding); border-radius: var(--radius); height: 100%;}

.user-info					{background-color: var(--whitecolor); padding: var(--box-padding); border-radius: var(--radius); height: 100%;}
.user-info .register-img	{position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1;}
.user-info .color-a			{background-color: #7DA0FA; color: #FFFFFF;}
.user-info .color-b			{background-color: #5050b2; color: #FFFFFF;}
.user-info .color-c			{background-color: #F3797E; color: #FFFFFF;}
.user-info .color-d			{background-color: #883D5E; color: #FFFFFF;}

.user-info .color-a h5,
.user-info .color-b h5,
.user-info .color-c h5,
.user-info .color-d h5  		{color: #FFFFFF; font-weight: 600;}





.my-cme-info				{background-color: rgba(255,255,255,0.9); padding: 1rem; border-radius: var(--radius);}



.footer						{position: fixed; bottom: 0; left: 0; width: 100%; background-color: var(--whitecolor); padding-top: 1rem; padding-bottom: 1rem; border-top: 1px solid var(--boder-color);}





/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	

	
}






/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	

	

	
}

.noseult h5{ color:red; }




/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
body 						{font-size: 87.5%;}	

	



	
	
}



/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

body 				{font-size: 87.5%;}
	
	
.top-area .logo		{font-size: 175%;}

	

}





/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	

body 				{font-size: 87.5%;}

.top-area .logo		{font-size: 150%;}

	 
	
	
	

}