/*@import url("http://fonts.googleapis.com/css?family=Comfortaa"); */
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,200,100");  
@import url("//fonts.googleapis.com/css?family=Montserrat:900,700,500,400,300,200,100");
/* also in questions results */
 

* {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size:16px;  
}
 


.pagetitles , 
a.pagetitles,
h1.pagetitles,
h2.pagetitles ,
h3.pagetitles {
margin: 0px 0 0px 0;
padding:0 0 4px 0;
font-weight:200;
text-transform:  none;
color: #333;
letter-spacing:-1px;
text-align:left; 
font-size:44px;
font-family: "Montserrat", sans-serif; display:block
}

.mobile .pagetitles{ 
font-size: 24px;
font-weight:500; line-height:1em;
margin: 0px 0 6px 0;
padding:0 0 6px 0;
}

/*results , resources and anything with sidebar*/
*.pagetitles.pagetitlesborder, *.subtitles.subtitlesborder {
	border-bottom:4px solid #e1e1e1;
	margin:0 0 10px 0;padding:0 0 0px 0;
font-size:30px;
}


.subtitles , 
a.subtitles,
h1.subtitles,  
h2.subtitles,  
h3.subtitles, 
h4.subtitles   {
margin:  0;
padding: 0px  0 5px 0;
font-weight: 300;
text-transform: none;
color: #555;
font-size: 20px;
letter-spacing:0px;
font-family: "Montserrat", sans-serif; display:block
}


.mobile .subtitles , 
.mobile a.subtitles,
.mobile h1.subtitles,
.mobile h2.subtitles ,
.mobile h3.subtitles{ 
	font-size:18px;
	font-weight: bold; 
	line-height:1em;
	padding-bottom: 20px;
}

 
.quotationsLeft,
h1.quotationsLeft,
h2.quotationsLeft,
h3.quotationsLeft ,
.quotationsRight,
h1.quotationsRight,
h2.quotationsRight,
h3.quotationsRight {
width: 225px;
min-height:80px;
background-image:url(../images/quotes.png);
background-repeat:no-repeat;
font-size:1.4em;
color: #006699; 
letter-spacing:0px;
line-height:24px; 
/*border-top:1px solid ;border-bottom:1px solid ; border-color:#ccc;*/
}

.quotationsLeft ,
.quotationsRight  ,
.quotationsLeft * , 
.quotationsRight * {
font-family:  Raleway ,Arial, Helvetica, sans-serif;
font-weight: 100
}
.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   0px; text-align: right; float:left ;	padding:  15px  15px  15px 5px;   } 
.quotationsRight{	margin:0 0 0 18px ; background-position: 0px  0px; float:right;text-align:right;	padding: 15px 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:1px solid ;border-bottom:1px solid ; border-color:#ccc;font-size:1.4em; color:#333 ;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 ,  *.red  { 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: #7DA900; }
.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; height:1px;}
.underline{ text-decoration:underline}

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

.smaller, *.smaller , .smaller * {
font-size: 0.9em;
}
.evenSmaller{
font-size: 0.7em;
}

.bigger{
font-size: 1.2em;
}

 .evenBigger{
font-size: 1.4em;
}

.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-position:inside;
color:#696969
}

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

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 ,
.introduction ul.tickList li{
list-style: none;
margin:5px 0px;
list-style-position:outside;
/* background-image:url(../images/listStyles/tick.png); */
/* padding-left:15px; */
background-position:left 8px;
background-repeat:no-repeat;
font-size: 16px;
}

ul.tickList li::before {
	content: "\f058";
	font-family: "FontAwesome" ;
	color: #CDDA00;
	padding-right: 10pt;
} 

.contentFull ul.xList,  .contentRight ul.xList,  ul.xList{list-style: none;}
.contentFull ul.xList li , 
.contentRight ul.xList li, 
ul.xList li ,
.introduction ul.xList li{
list-style: none;
margin:5px 0px;
list-style-position:outside;
background-image:url(../images/listStyles/xList.png);
padding-left:15px;
background-position:left 8px;
background-repeat:no-repeat;
background-size:10px auto;
}

.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;
}

.contentFull p,
.contentRight p{ margin:6px 0 10px 0 ; padding:0px 0; color:#595959 }

.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 }


.home #contentWrapper *{ }
.home #contentWrapper .pagetitles{   }
.home #contentWrapper .subtitles{  }
.mobile .home #contentWrapper h1.pagetitles{  }
.mobile .home #contentWrapper h1.subtitles{  }
.home #contentWrapper p{ }
.home .contentFull p a { color: #006699; border:none;  }





#topicTextWrap { background-color:#fff;}
#topicTextWrap hr{ border:none; background:none}


.topicTextBtn{
line-height:normal;
cursor:pointer;
color:#3E4812;
font-weight:bold;
text-align: center; 
display:block;
text-transform:capitalize;
font-size:14.2px;
padding:15px 15px;
border:none;
border-radius:25px;
background-repeat:no-repeat;
}

#startTopicTop {margin:0 0 30px 30px; float:right;width:180px;background-color: #79A300; 
background-image: url(../images/icons/arrowRwhite.png);
background-position: calc(100% - 8px)  50%;}
#startTopicBottom {
background-color: #CDDA00;
width:555px;
float: right;
background-image: url(../images/icons/arrowRwhite.png);
background-position: calc(100% - 8px) 50%;
}
#backToTopics{
color: white;
width:225px;
float:left;
background-color:#23649B;
background-image: url(../images/icons/arrowLwhite.png);
background-position: 8px  50%;
}
#startTopicTop:hover, #startTopicBottom:hover, #backToTopics:hover{ background-color:#333; color:#FFF}

.mobile #backToTopics, .mobile #startTopicBottom{ width:100%; margin:5px auto;}
/*questions new and topic splash page in comps*/