.design_div{
	
	width: 100%;
    height: auto;
    padding: 10px;
    margin: 0px auto;
    background: #FFFFFF;
    color: #3D3D58;
	font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	 border: 5px solid #000 !important;
   
	
}
.design_div1{
	
	width: 60%;
    height: auto;
    border: 2px solid #EAEDF1;
    padding: 10px;
    margin: 0px auto;
    background: #EAEDF1;
    color: #fff;
	font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	
	
}
.design_div a{
	
	color: #393939;
    font-size: 15px;
    border-bottom: 10px solid #393939;
    text-decoration: none;
    font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	
}
.link_text a:hover { 
    background-color: #00C0EF;
	padding:6px;
	color:#fff;
}
.title_text{
	float: left;
    font-size: 23px;
    line-height: 51px;
    font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	
}
.title_invite{
	
	float: left;
    /* margin-top: 2%; */
    line-height: 7px;
    margin-top: 0%;
    font-size: 15px;
    font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
}
.title_descrip{
	float: left;
    margin-top: 5px;
    font-size: 15px;
    font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	
}
.title_descrip1{
	    float: left;
    font-size: 12px;
	    margin-top: -10px;
	font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	
}
.link_text{
	
	float: left;
	font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
   
    font-size: 12px;
}
.invite_people{
	    margin: 20% auto;
	
}
.invite_button{
	
	    padding: 11px;
    width: 67%;
    font-size: 16px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;

}
.box_div_1{
	width:100%;height:auto;background:#00A65A; background:#00A65A;padding: 13px;
	
}
.box_div_2{
	width:100%;height:auto;background:#B167C4;
	
}
.box_div_2_1{
	width:100%;height:auto;background:#F5F5F5;
	
}
.box_div_3_1{
	width:100%;height:auto;background:#C7266C;
	
}

.box_div_4_1{
	width:100%;height:auto;background:#F5F5F5;
	
	
}
.box_div_4_1{
	width:100%;height:auto;background:#F5F5F5;
	
	
}
.basic{
	float: left;
    padding-left: 5px;
    font-size: 23px;
    margin-top: -4%;
	font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	
}
.month_text{float: left;padding-left: 5px;margin-top: -3px;font-size: 12px;}
.style_fafa{
	
	    font-size:29px;
    padding: 10px;
}
.message_box{
	    float: right;
    margin-top: 15%;
    padding: 5px;
    font-size: 12px;
	
	
	
}
.message_box strong{
	
	font-size:23px;
	
}
.view_details{
	color:#B167C4;font-size: 12px;
    float: left;
    padding-left: 5px;
	
	
}
.fa_fa_icon{
	color: #B167C4;
    padding-right: 7px;
	
}

.left_side_text{
	
	    margin: 0px auto;
    padding: 16px;
    display: table;
   
    width: 89%;
}



/*
         css section 2

*/

.main_container_div{
	width: 95% !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    margin: 27px auto !important;
	
}
.main_container{
	width: 95% !important;
    padding: 0px;
    margin: 0px;
    margin: 50px auto !important;
	
}
.container-how{
	background:#F8F9FB none repeat scroll 0 0;
}

.left_div{
	
	 width: 39%;
    padding: 0px;
    border: 1px solid;
    border-radius: 100px;
    background: #F8F9FB;
    margin-left: 24%;
    margin-top: 24%;

	
}
.left_div p{
	    color: #223049;
        font-size: 51px;
        padding: 14px;
	
	
}
.left_div_number{
	
	width: 23px;
    padding: 0px;
    border: 1px solid #fff;
    border-radius: 100px;
    background: #223049;
    margin-top: 9%;
    color: #fff;
    font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	text-align: center;
    font-size: 14px;
    margin-left: 38%;
    margin-top: 4%;
    margin-bottom:5%;
}

.container1{
	width: 100%;
    height: auto;
    border: 0px groove #EAEDF1;
    padding: 45px;
    margin: 0px auto;
    background: #EAEDF1;
    color: #999;
    font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	
}

.line_graph{
	
    border-top: 3px dotted #779BC9;
    width: 20%;
    position: absolute;
    margin-left: 14.5%;
    margin-top: 9.5%;
}
.line_graph1{
	
	border-top: 3px dotted #38AA6B;
    width: 18%;
    position: absolute;
    margin-left: 38.5%;
    margin-top: 9.5%;
    float: right;
}



/*

    section 3 css
     
*/




.container_invite{
	width:100%;
    height: auto;
	
    margin: 0px auto;
    background: #fff;
	font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	
	
}

.rounded {
	border: 1px solid #ccc;
	
	font-size: 14px;
    padding: 5px 8px;
    margin-bottom: 10px;
	outline: 0;
	width: 100%;
	-webkit-appearance: none;
}
.rounded:focus {
	border-color: #339933;
}
.email_ur_friend{   
    
    font-size: 16px;
}
.email_address{float: left;
    
    font-size: 14px;
	color:#37474F;
	line-height: 29px;}

.right_side_div{
	
	/*width: 200px;
	height:200px;*/
    float: left;
   /* border: 2px solid #ccc;
    border-radius: 20px;*/
    background: #FFFFFF;
    padding: 10px;
    /* margin-right: 34%; */
    margin-top: 35%;
    text-align: center;
	
    margin-left: 19%;
    font-size: 100px;
	color:#333;

	line-height:30px;
   
	
}

.right_side_div .small {
	font-size:30px;
}
.invite_div_left{
	
	margin: 13% auto;
    width: 76%;
}

.btn_submit{
	
	    width: 28%;
}
.container_button{
	
	width:100%;
    height: auto;
    border: 1px solid #F2F5F7;
    padding-top: 10px;
    padding-bottom: 19px;
    margin: 0px auto;
    background:#F2F5F7;
   
	font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	
}
.content_currancy{
	width: 100%;
    background: #F2F5F7;
   
    display:table;
    margin: 10px;
	
}
.content_currancy1{
	width: 100%;
    background: #F2F5F7;
   
    display:table;
    margin: 10px;
	    margin-left: -2%;
	
}
.content_currancy2{
	width: 100%;
    background: #F2F5F7;
   
    display:table;
    margin: 10px;
	    margin-left: -6%;
	
}
.content_currancy_left{
	    width: 28%;
    float: left;
    background: #fff;
    padding: 10px;
   
}
.content_currancy_right{
	width: 70%;
    float: right;
    background: #fff;
    color:#819BA9;
    padding: 1px;
   
}
.div_round{
	
    border: 1px solid #00B9FF;
        padding: 10px;
    /* float: left; */
    width: 43px;
    /* height: 23px; */
    border-radius: 100px;
    color: #300B9FF;
	    margin-left: 19%;
	
  

}
.fafa1{
	
	color:#00B9FF;
	font-size:19px;
}
.font_size{
	
	font-size:21px;
	    color: #000;
		    margin-left: 3%;
}
.text_title_reward{
	
	margin-left: 3%;
}

.table_style {
    border-collapse: collapse;
    width: 97%;
    margin-top: 2%;
    background: #fff;
    color: #819BA9;
    margin-left: 1%;
}

.table_style  th,td{
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.td_right{
	padding: 8px;
    text-align: right;
    border-bottom: 1px solid #ddd;
	
	
}
.th_right{
	
    text-align: right !importent;
   
	
	
}

/*

  section 4 css
*/

.box_round{
	
	border: 1px solid #53B232;
    padding: 10px;
    /* float: left; */
    width: 63px;
    /* height: 23px; */
    border-radius: 50%;
    color: #300B9FF;
    text-align: center;
	margin-left: 42%;
}
.fafa2{
	    color: #53B232;
    font-size: 40px;
	
}
.text_senr_title{
	
	    color: #88A0AD;
    padding: 24px;
    font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
}
.btn_color{
	
	color: #3879D9 !important;
    background-color: #fff !important;
    border-color: #3879D9 !important;
	font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif !important;
	    border: 1px solid;
	    margin-left: 33%;
}
.right_side_div1{
	
	width: 48%;
    /* float: right; */
    border: 2px solid #5585BF;
    border-radius: 100px;
    background: #FFFFFF;
    padding: 65px;
    margin-right: 0%;
    margin-top: 2%;
	
}