/*---------------------------------mid---------------------------------*/



header{
width: 100%;
height: auto;
background-color: rgba(104, 44, 145, 1); }

.logo{
	float:left;
	width:55%;
	padding-left:2%}
	
.logo img{
	max-width:100%;}	
	
.SOM{
	float:right;
	width:20%;
	padding-left:5%}	
	
.SOM img{
	max-width:95%;
	}		
	
.lang{
	float:right;
	width:13%;
	padding-right:2%;
	display:block;
	
	}		


#langul{
	float:right;
	overflow:visible;
	height:20px;
	margin-top:18px;
	width:60px;
	}


.s_lang{
	display:none;
	float:left;
	width:35%;
	}

.selectlg{
	font-family: 'Roboto', sans-serif;
	font-size:1.2em;
	color:#c2b1d6;
	position:relative;
	background-image:url(../assets/image/seclect_bg.png);
	background-position:top right;
	background-repeat:no-repeat;
	
	}


.optionul{
	margin-top:5px;
	display:none;}
	
.optionli{
	background-color:#542e8e;
	color:#c2b1d6;
	padding:10px 5px;
	z-index:100000;
	font-family: 'Roboto', sans-serif;
	}	





nav{
width: 100%;
height: auto;
background-color: rgba(104, 44, 145, .56); 
	}
	
	
	
nav li{
	display:block;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.4em;
	color:white;
	padding-left:0%;
	text-align:center;
	height:25px;
	padding-top:15px;
	border-top:rgba(104, 44, 145, .2) 1px solid;
	}
	
	
	
nav a{
	
	color:white;
	text-decoration:none;}			


#homepage:hover{background-color: rgba(104, 44, 145, .3)}
#aboutus:hover{background-color: rgba(104, 44, 145, .3)}
#faq:hover{background-color: rgba(104, 44, 145, .3)}
#joinus:hover{background-color: rgba(104, 44, 145, .3)}

#joinus:hover #joinusub{display:block;}


#joinusub{
	display:none;
	width:100%;
	position:absolute;
	top:40px;;
	left:0;
	
	background-color:rgba(104, 44, 145, .9);
	
	}
	
#joinusub li{
	text-align:left;
	width:90%;
	display:block;
	clear:both;
	padding-left:5%;
	padding-right:5%;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:1.0em;
	cursor:pointer;
	}
	
#joinusub li a{
	text-decoration:none;
	color:white;
	}	
	
#joinusub li:hover{
	background-color: #976eb0;
	
	}	

#forparticpants:hover{background-color: rgba(104, 44, 145, .3)}
#connect:hover{background-color: rgba(104, 44, 145, .3)}
	
#homepage{width:33.3%; background:url(../assets/image/homepage.png) left top no-repeat; background-size:auto 100%;


}



#aboutus{width:33.3%; background:url(../assets/image/about_us.png) left top no-repeat; background-size:auto 100%;}

#faq{width:33.3%;background:url(../assets/image/faq_nav.png) left top no-repeat; background-size:auto 100%;}

#joinus{width:33.3%;background:url(../assets/image/join_us.png) left top no-repeat; background-size:auto 100%;}





#forparticpants{width:33.3%;background:url(../assets/image/for_participants.png) left top no-repeat; background-size:auto 100%;}

#connect{width:33.3%;background:url(../assets/image/connect.png) left top no-repeat; background-size:auto 100%;}	
	
	
/***********mobilenav***********/


.mobilenav_ul{
	height:100%;
	width:100%;
	display:none;
	
	}
	
.mobileli{
	display:block;
	width:50%;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.4em;
	color:white;
	text-align:center;
	background-color: rgba(104, 44, 145, .56);
	padding-top:30px;
	padding-bottom:30px;
	border-top:rgba(104, 44, 145, .2) 2px solid;
	}


	

	
	

	
.mobilenav_ul li a{
	color:white;
	text-decoration:none;
	}	
	
		

/***********mobilenav end***********/	
	

.mainimage{
	width:100%;}		

.mainimage img{
	width:100%;}		
	
	

	
.sectionhome{
	background-image:url(../assets/image/homebg.png);
	background-repeat:repeat-y;
	background-size: 0%;
	padding-top:40px;
	height:auto;
	}	
	

.contentwrapper{
	width:95%;
	height:auto;
	margin:0 auto;}	
	
.contenthl{
	width:35%;
	float:left;
	padding-right:5%}	
	
.contenthl img{
	width:100%;
	float:left;}		
	
.contenttext{
	width:60%;
	float:left;
	}	
	
.contentimg	{
	width:100%;
	margin-bottom:30px;
	}
	
.contentimg img	{
	max-width:100%;
	}		
	
.contenttext p, .faq_content p{
	font-size:1.7em;
	line-height:25px;
	font-family:'Roboto', sans-serif;
	color:rgba(88, 89, 91, 1);
	width:100%;
	
  

  
	}
	
.orangebold{
	line-height:25px;
	font-family:'Roboto', sans-serif;
	color: rgba(235, 73, 36, 1);
	font-weight:700;
	font-size:1.8em;
	
	}
	
.boldtype{
	font-size:1.7em;
	font-weight:700;
	line-height:25px;
	font-family:'Roboto', sans-serif;
	color:rgba(88, 89, 91, 1);
	}		
			
		
.teamphoto{
	height:auto; width:95%; 
	position:relative;
	
	
	}
	
			
.teamphoto img{
	width:100%;
	height:100%;
	}	

.footer{
width: 100%;
background-color: rgba(104, 44, 145, 1);
font-family:'Roboto', sans-serif;
color:white;
font-size:1.7em;
text-align:center;
padding-top:.4em;
padding-bottom:.4em;}	


/******About Us ********/

.sectionabout{
	background-image:none;
	background-repeat:repeat-y;
	background-size: 100%;
	padding-top:40px;
	height:auto;
	padding-bottom:80px;
	}	

.aboutsubnav{
	height:115px;
	width:100%;
	background-image:url(../assets/image/aboutsubnavbg.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100%;
	display:none;}
	
	
.aboutsubnav_list_MOBILE{
	position:fixed;
	right:10px;
	top:40%;
	z-index:100000;}

	
.aboutsubnav_list_MOBILE li{
	display:block;
	width:20px;
	height:20px;
	margin-top:20px;
	border-radius: 50%;
	background-color: rgba(104, 44, 145, .56);
	cursor:pointer;
	
	}
	
	
.aboutsubnav_list_MOBILE li:hover{
	
	background-color: rgba(104, 44, 145, .8);
	}	
	
	
	


.aboutsubnav ul{
	width:100%;
	padding-left:1%;
	}	

.aboutsubnav ul li{
	display:block;
	float:left;
	color: rgba(104, 44, 145, 1);
	font-family:'Roboto', sans-serif;
	font-size:1.7em;
	font-weight:500;
	padding-right:2%;
	padding-top:10px;
	}

.rowbreak{
	width:100%;
	margin:15px auto 60px;}
	
.rowbreak img{width:100%;}	
	
	
/******faq ********/

.sectionfaq{
	background-image:none;
	background-repeat:repeat-y;
	background-size: 100%;
	padding-top:40px;
	height:auto;
	padding-bottom:80px;
	}	
	
.faq_sub_nav{
	width:100%;
	margin:0 auto;
	height:auto;
	}
        		
.faq_sub_nav img{
	float:none;
	padding-right:0%;
	width:50%;
	}	

.faq_sub_nav_wrapper{
	height:100%;
	width:55%;
	float:left;
	position:relative;
	display:none;}

.faq_sub_nav_list{
	position:absolute;
	left:0;
	bottom:0;}
	
.faq_sub_nav_list li{
	margin-top:24px;
	font-size:1.7em;
	font-weight:bold;
	font-family:'Roboto', sans-serif;
	color:rgba(88, 89, 91, 1);
	}	
	
	
.faq_sub_nav_list_MOBILE{
	position:fixed;
	right:10px;
	top:40%;}	
	
	
.faq_sub_nav_list_MOBILE li{
	display:block;
	width:20px;
	height:20px;
	margin-top:20px;
	border-radius: 50%;
	background-color: rgba(104, 44, 145, .56);
	cursor:pointer;
	
	}
	
	
.faq_sub_nav_list_MOBILE li:hover{
	
	background-color: rgba(104, 44, 145, .8);
	}	
	
	



			
	
.faq_ol_number{
	padding-left:20px;
	list-style-type:decimal;
	font-size:1.7em;
	line-height:25px;
	font-family:'Roboto', sans-serif;
	color:rgba(88, 89, 91, 1);
	}	
	
.faq_ol_dash{
	padding-left:20px;
	list-style-type:square;
	font-size:1.7em;
	line-height:25px;
	font-family:'Roboto', sans-serif;
	color:rgba(88, 89, 91, 1);
	}	
	
.faq_ol_cricle	{
	padding-left:20px;
	list-style-type:disc;
	}

/****** join ********/	

.sectionjoin{
	background-image:none;
	background-repeat:no-repeat;
	background-size: 100%;
	padding-top:40px;
	height:auto;
	padding-bottom:80px;
	background-position:bottom;
	}	
	
#join_btn{
	color:white;
	font-size:1.8em;
	background-color: rgba(104, 44, 145, .56);
	width:100%;
	padding:5px 0;
	text-align:center;
	}	
	
	
/********sectionforparticipants**********/

.sectionforparticipants	{
	background:url(../assets/image/fpbg_mid.png) no-repeat top left;

	background-size: 90%;
	height:auto;
	padding-bottom:130px;
	
	}
	
.rightwrapper{
	width:70%;
	padding-left:30%;}	
	
.contentwrapper_margintop{
	width:95%;
	padding-top:120px;
	height:auto;
	margin:0 auto;}	
	

.rightwrapper img{
	width:100%;
	margin-bottom:50px;}


.rightwrapper p{
	font-size:1.7em;
	line-height:25px;
	font-family:'Roboto', sans-serif;
	color:rgba(88, 89, 91, 1);
	


 
	}
	
.rightwrapper table{
	font-size:1.7em;
	line-height:25px;
	font-family:'Roboto', sans-serif;
	color:rgba(88, 89, 91, 1);
	}		
	
	
#demographic_btn, #diet_btn{
	color:white;
	font-size:1.8em;
	background-color: rgba(104, 44, 145, .56);
	width:100%;
	padding:5px 0;
	text-align:center;
	margin:10px 0;
	}	
	
/*******sectionconnect********/
.sectionconnect{
	background:url(../assets/image/connectbg2.png) no-repeat top left ,url(../assets/image/connectbg1.png) no-repeat bottom right;

	background-size: 80%;
	height:auto;
	padding-bottom:120px;
	
	}
	
	
#qc_btn	{
	color:white;
	font-size:1.8em;
	background-color: rgba(104, 44, 145, .56);
	width:80%;
	padding:5px 0;
	text-align:center;
	margin:20px 0;
	}
	
	
/*******sectionthank you********/
.sectionform{
	background-image:none;
	background-repeat:repeat-y;
	background-size: 100%;
	padding-top:40px;
	height:400px;
	padding-bottom:40px;
	
	}
	
.sectionform p{
	font-size:1.8em;
	line-height:27px;
	font-family:'Roboto', sans-serif;
	color:rgba(88, 89, 91, 1);
	


  
	
	}
	
	
.sectionform a{
	text-decoration:none;
	color: rgba(235, 73, 36, 1);
	font-weight:700;
	
	}