@import url("https://fonts.googleapis.com/css?family=Lato"); 
@import url("https://fonts.googleapis.com/css?family=Spinnaker");  



* {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size:16px;
 
color: #454545	;
}
 


.pagetitles , 
a.pagetitles,
h1.pagetitles,
h2.pagetitles ,
h3.pagetitles {
margin: 0px 0 0px 0;
padding:0 0 4px 0;
font-weight: 100;
text-transform: none;
color: #444;
letter-spacing:-1.0px;
text-align:left;
font-size:36px;
font-family: "Spinnaker", sans-serif;
}

.mobile .pagetitles{ 
font-size: 28px;
font-weight:300; line-height:1em;
margin: 0px 0 8px 0;
padding:0 0 4px 0;
}


.subtitles , 
a.subtitles,
h1.subtitles,  
h2.subtitles,  
h3.subtitles, 
h4.subtitles   {
margin:  0;
padding: 0px  0;
font-weight: normal;
text-transform: none;
color: #00806F;
font-size: 30px;
letter-spacing:-1px;
font-family: "Spinnaker", sans-serif;
}


.subHeading , 
a.subHeading,
h1.subHeading,  
h2.subHeading,  
h3.subHeading, 
h4.subHeading   {
margin:  0;
padding: 10px 0 0  0;
font-weight: normal;
text-transform: none;
color: #36404A;
font-size: 20px;
letter-spacing:-1px;
font-family: "Spinnaker", sans-serif;
}



.mobile .subtitles , 
.mobile a.subtitles,
.mobile h1.subtitles,
.mobile h2.subtitles ,
.mobile h3.subtitles{ font-size:24px;font-weight: 300; line-height:1em;}

 
.quotationsLeft,
h1.quotationsLeft,
h2.quotationsLeft,
h3.quotationsLeft ,
.quotationsRight,
h1.quotationsRight,
h2.quotationsRight,
h3.quotationsRight {
width: 225px;
min-height:110px;
background-image:url(../images/quotes.png);
background-repeat:no-repeat;
color: #656565;
font-size: 19px;
letter-spacing:0px;
font-family: "Arial", sans-serif;
line-height:22px; font-style:italic; 
border-top:4px solid ; border-bottom:4px solid ; border-color:#e1e1e1;
}

.quotationsLeft ,
.quotationsRight  ,
.quotationsLeft * , 
.quotationsRight * { 
font-weight: 300
}
.quotationsLeft strong{font-weight:300; clear:both; display:block; text-align:left; }
.quotationsRight  strong{ font-weight:300; clear:both; display:block; text-align:right}
 
.quotationsLeft{margin:0 18px 6px 0;  background-position: 0px   6px; text-align: right; float:left ;	padding:  10px  15px  15px 5px;   } 
.quotationsRight{	margin:0 0 0 18px ; background-position: 0px  6px; float:right;text-align:right;	padding: 10px 5px 15px  15px; } 


.mobile .quotationsLeft,
.mobile h1.quotationsLeft,
.mobile h2.quotationsLeft,
.mobile h3.quotationsLeft ,
.mobile .quotationsRight,
.mobile h1.quotationsRight,
.mobile h2.quotationsRight,
.mobile h3.quotationsRight {background-position: 0px  10px; background-size:50px; margin:5px auto; display:block; clear:both; float:none; width:98%; text-align:left; padding: 20px 30px; 
border-top:4px solid ;  border-bottom:4px solid ; border-color:#e1e1e1;line-height:24px; 
font-size:1.4em; color: #888 ;letter-spacing:0px; font-weight:300}




.white ,  a.white:link,a.white:visited,a.white:hover { color:#FFFFFF ;}
.red ,  a.red:link, a.red:visited { color: #FF0000 ;}
.red_bold ,  a.red_bold:link, a.red_bold:visited { color: #FF0000 ; font-weight:bold;}
.orange, a.orange{color:#FD922D;}
.green, a.green:link,a.green:visited{
color: #8CBC00;
}
.blue, a.blue:link,a.blue:visited { color: #006699; }
.gray, a.gray:link,a.gray:visited{color: #606060}
.silver ,  a.silver:link,a.silver:visited,a.silver:hover {color: #cccccc;}
.pink ,  a.pink:link,a.pink:visited,a.pink:hover{color:#FF0099;}
.black ,  a.black:link,a.black:visited,a.black:hover{color:#000;}
.clr{ display:block; clear:both}
.underline{ text-decoration:underline}

.italic{font-style:italic;}
.bold ,  a.bold:link, a.bold:visited {font-weight:bold;}
  
.block{ clear:both; display:block}

.bold *{ font-weight:bold}

hr{
border:0; 
height:8px; 
margin:5px auto 0 auto; width:100%; 
clear: both;
background-color: transparent;
background-image:url(../images/semiTransLine.png);
background-repeat:repeat-x; background-position:left bottom;
} 



.image-left{ border:1px solid #e1e1e1; padding:5px; margin:5px 20px 5px 5px; float:left; max-width:50%;border-radius:4px;}
.image-right{border:1px solid #e1e1e1; padding:5px; margin:5px 5px 5px 20px; float:right;  max-width:50%; border-radius:4px;}

.image-left-no-border{ border:none; padding:0px; margin:5px 20px 5px 5px; float:left; max-width:50%;border-radius:4px;}
.image-right-no-border{border: none; padding:0px; margin:5px 5px 5px 20px; float:right;  max-width:50%; border-radius:4px;}

.image-centered{border:2px solid #e1e1e1; padding:5px; margin:5px 5px 5px 20px; float:none; display:block; clear:both;  max-width:100%;margin:5px auto; text-align:center}

 
.contentFull ul, 
.contentRight ul, 
.contentRight ul { }
.contentFull ul li , 
.contentRight ul li , 
.contentRight ul li {
list-style:disc;
list-style-position:inside;
color:#696969
}

ul.tickList{ margin-bottom:10px;}

ul.circleList li { list-style-image: url(../images/listStyles/circle.png); }
ul.squareList li { list-style-image: url(../images/listStyles/square.png);}
ul.arrowList li { list-style-image: url(../images/listStyles/arrow.png);}

.contentFull ul.tickList, 
.contentRight ul.tickList, 
ul.tickList{list-style: none;}
.contentFull ul.tickList li , 
.contentRight ul.tickList li, 
ul.tickList li {
list-style: none;
margin:8px 0px;
list-style-position:outside;
background-image:url(../images/listStyles/tick.png?1);
padding-left:18px;
background-position:left 5px;
background-repeat:no-repeat
}

.contentFull p a, 
.contentFull ul li a,
.contentRight p a, 
.contentRight ul li a { color: #006699;  border-bottom:0px solid #e1e1e1}
.contentFull a:hover, .contentRight  a:hover {
border-bottom:0px solid #888;
text-decoration: none;
}

.the-team p,
.contentFull p,
.contentRight p{ margin:6px 0 10px 0 ; padding:0px 0; color:#595959; font-size:1.05em }

.mobile .contentFull p,
.mobile .contentRight p{ margin:10px 0 ; padding:6px 0; }
 
.bold { font-weight:bold; font-size:inherit}
.bold em{ font-weight:bold; font-size:inherit}
 
.contentFull  hr{ border-bottom:4px solid #e1e1e1; height:20px; margin:0 auto 25px auto; clear:both; background:none }
.contentFull  hr:last-child{ border:none} 


.home .contentFull *{ text-align:left}
.home  .contentFull .pagetitles{ margin:0 auto 15px auto; padding:0;  }
.home .contentFull .subtitles{  margin:0 auto 15px auto; padding:0}

.mobile .home .contentFull *.pagetitles{ margin-bottom:10px; }
.mobile .home .contentFull *.subtitles{  }

.home .contentFull p{ font-size:18px}
.home .contentFull p a { color: #006699; border:none;  }







/* panellists */
#panellistsIcons {position:relative; margin:20px auto 30px auto; clear:both; padding:0}
#panellistsIcons li{ width:100%; height:auto; display:block; clear:both;text-align:left;margin: 10px auto;  position:relative; padding:0  }
.mobile #panellistsIcons li { margin-bottom:20px; }
 

#panellistsIcons li em { /*img wrap */
position:relative;
background-position:50% 20%;
width:100px;
height:100px;
display:block ; float:left; background-repeat:no-repeat;
border-radius:1%; border:0px solid #e1e1e1 ;
font-size:1px; text-indent:-20000px
}
.mobile #panellistsIcons li em { width:80px;height:100px;background-size:80px auto;background-position:50% 0%;}
 
 
#panellistsIcons li#signup em  { background-image:url(../images/panellistsIcons/signup.png); }
#panellistsIcons li#complete em{ background-image:url(../images/panellistsIcons/complete.png); }
#panellistsIcons li#earn em{ background-image:url(../images/panellistsIcons/earn.png); }
 
#panellistsIcons li p{
display:block; float:left;
padding: 10px 0  0  20px;
width: 800px; 
font-size:16px;
text-align:left;
font-weight: normal;
margin:0 auto;
color: #555;
text-transform: none; 
}	
#panellistsIcons li p a{ color:#006699; font-weight: bold}

.mobile #panellistsIcons li p{width:calc(100% - 90px); padding: 5px 10px  0 15px;} 

#panellistsIcons li strong{
display:block;
padding-bottom:5px;
clear:both;
text-align:left;
font-size:1.2em;
font-weight: 500;
color: #444
} 
#panellistsIcons li hr{ height:0px; background:none; border:none}
/*  panellists   */


#methodologies div{ margin:0 0 0x 0; border-bottom:3px solid #e1e1e1; padding:15px 0  5px 0 }
#methodologies div:last-child { border:0}
#methodologies h5{ font-size: 16px; font-weight:bold; color:#00806F; font-family: "Spinnaker" , Arial, Helvetica, sans-serif}