/* @override http://test.callagenix.com/stylesheets/typography.css */

/* @override http://test.callagenix.com/stylesheets/typography.css */

body {
	 font-size: 16px;
	 line-height: 25px;
}

a {
	 color: #0484cc;
}
a:hover {
	color: rgb(231, 108, 5);
}

ul li {
	font-size: 16px;
	line-height: 32px;
}

h1 {
	 font-size: 37px;
	 line-height: 60px;
	 margin: 20px 0px 15px 0px;
	 font-weight: 400;
	 font-style: normal;
	 font-family: "Noto Sans";
	 padding: 0px;
	 border-width: 0px 0px 1px 0px;
	 border-style: solid;
	 border-color: rgba(211, 211, 211, 1);
	 color: rgba(17, 89, 137, 1);
	 text-align: left;
}

h2 {
	 font-size: 30px;
	 line-height: 46px;
	 margin: 0px 0px 20px 0px;
	 font-family: "Noto Sans";
	 font-weight: 400;
	 font-style: normal;
	 color: rgba(17, 89, 137, 1);
	 border-style: solid;
	 border-color: rgba(224, 224, 224, 1);
	 border-width: 0px 0px 1px 0px;
	 text-align: left;
}

h3 {
	 font-size: 22px;
	 line-height: 36px;
	 margin: 0px 0px 10px 0px;
	 font-family: "Noto Sans";
	 font-weight: 400;
	 font-style: normal;
	 color: rgba(17, 89, 137, 1);
	 text-align: left;
}

h4 {
	 margin-bottom: 25px;
	 font-weight: 700;
	 font-style: normal;
	 font-family: "Noto Sans";
	 text-align: left;
}

p {
	 margin: 0px 0px 25px 0px;
	 text-transform: inherit;
	 font-size: 16px;
	 font-family: "Noto Sans";
	 font-weight: 400;
	 font-style: normal;
	 width: 100%;
	 text-align: left;
	 -webkit-column-count: 0;
	 -o-column-count: 0;
	 -moz-column-count: 0;
	 -ms-column-count: 0;
	 column-count: 0;
}

p.intro {
	 font-size: 22px;
	 line-height: 29px;
	 margin: 0px 0px 20px 0px;
	 color: #000;
}

/*
p.intro a {
		color: rgb(231, 108, 5);
}
*/

p.dark-callout {
	background-color: #0D4064;
	padding: 15px;
	color: #fff;
	border-radius: 7px;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
}
	p.dark-callout a {
		color: #ffd500;
	}

p.light-callout {
	background-color: #DAE8F3;
	padding: 15px;
	border-radius: 7px;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
}



blockquote.pull-quote:before, blockquote.pull-quote:after {
	content:'';
}

blockquote.pull-quote {
	 margin: -1em 1em .3em 40px;
	 border-left: 0px none #ccc;
	 padding: 0em 2em 0em 2.7em;
}

.brand-quotes blockquote {
	font-size: 16px;
	border-left-width: 2px;
	line-height: 25px;
	color: #0f74ae;
	border-left: 0px solid #8fb8dd !important;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
}

.brand-quotes blockquote::before, .brand-quotes blockquote::after {
	color: #496ea1;
}

blockquote.pull-quote:before {
	content: "\201C";
font-size: 70px;
text-align: center;
line-height: 80px;
color: #7fbdd8;
background: #1D6FA8;
font-family: Georgia;
float: none;
position: relative;
top: 50px;
left: -50px;
border-radius: 50px;
/** define it as a block element **/
display: block;
height: 50px;
width: 50px;
}



.brand-quotes small {
	font-size: 80%;
	font-style: italic;
}

@media only screen and (max-width: 479px) {
		.brand-quotes .columns {
			margin-bottom: 15px;
		}
	}

/*
div.content {
	 margin: 0 auto;
	 text-align: left;
	 width: 661px;
	 padding: 35px 250px 0px 0px;
	 height: 100%;
}
*/

h5 {
	 margin: 0px 0px 25px 0px;
	 font-family: "Noto Sans";
	 font-weight: 400;
	 font-style: normal;
}

p.quote {
	 font-size: 23px;
	 line-height: 28px;
	 font-style: normal;
	 color: rgba(255, 140, 5, 1);
	 margin: 0px;
	 font-family: "PT Sans Narrow";
	 font-weight: 400;
	 padding-left: 20px;
}

blockquote {
	 font-size: 26px;
	 line-height: 37px;
	 margin-bottom: 25px;
}

div.basic {
	 margin: 0 auto;
	 text-align: center;
	 width: 100%;
	 background-color: rgba(22, 90, 135, 1);
	 height: 234px;
}

strong {
	 font-family: "Noto Sans";
	 font-weight: 700;
}

div.left-head:before {
	 content: "";
	 display: table;
}

div.left-head:after {
	 content: "";
	 display: table;
	 clear: both;
}

div.left-head {
	 width: auto;
	 margin: 20px 0;
	 padding: 20px;
	 border-width: 1px 0px;
	 border-style: dotted;
	 background-color: rgba(246, 252, 244, 1);
	 border-color: rgba(164, 206, 130, 1);
}

div.left-head p.box-icon {
	float: left;
clear: left;
width: 40%;
margin: 0px;
padding: 0px;
margin-top: -5px;
text-align: center;
}
div.left-head p.box-icon img {
	margin: 0px 0px;
}


div.left-head.pdfbox h2.left-head-h2 {
	text-align: center;
}

div.left-head.pdfbox a {
	display: block;
margin-top: 10px;
width: 70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

div.left-head.supporting-services {
	background-color: #e4f2fe;
border-color: #96a0a7;
}
	div.left-head.supporting-services h2.left-head-h2 {
		color: #226FA6 ;
	}
		div.left-head.supporting-services ul.block-grid {
			border-left:2px solid #8ed0ee;
		}

div.left-head.additional-services {
background-color: #e4f2fe;
border-color: #96a0a7;
}
	div.left-head.additional-services h2.left-head-h2 {
			color: #226FA6 ;
	}
		div.left-head.additional-services ul.block-grid {
			border-left:2px solid #8ed0ee;
		}

.additional-services h2 + p, .supporting-services h2 + p {
	float: left;
	width: 40%;
	position: relative;
	clear: left;
}

.left-head a.large.button.radius {
	display: block;
	clear: left;
	float: left;
}

.left-head-header {
	float: left;
}
.supporting-services .left-head-header p {
	width: 100%;
}

.left-head-h3 {
	font-size: 1.75em;
}

h2.left-head-h2 {
	 float: left;
	 width: 40%;
	 font-size: 1.75em;
	 line-height: 1.2em;
	 border-width: 0px;
	 margin: 15px 10px 30px 0px;
	 color: rgba(39, 135, 17, 1);
	 text-align: left;
}

.double-col h2 {
	border-bottom: 1px solid #8ed0ee;
}

div.left-head.supporting-services.double-col ul.block-grid {
	border-left: 2px none #8ed0ee;
	padding-left: 0px;
}
div.left-head.supporting-services.double-col .first-col {
	border-right:2px solid #8ed0ee;
}

p.three-col {
	 -webkit-column-count: 3;
	 -o-column-count: 3;
	 -moz-column-count: 3;
	 -ms-column-count: 3;
	 -webkit-column-gap: 20px;
	 -o-column-gap: 20px;
	 -moz-column-gap: 20px;
	 -ms-column-gap: 20px;
	 column-count: 3;
	 column-gap: 20px;
}

h1.intro-h1 {
	 text-align: center;
	 font-size: 36px;
	 line-height: 1.2em;
	 margin-bottom: 1em;
}

p.intro-p {
	 text-align: center;
	 font-size: 18px;
	 margin-bottom: 1em;
}

em {
	 font-family: "Noto Sans";
	 font-weight: 400;
	 font-style: italic;
}

p.intro-paragraph {
   text-align: center;
   font-size: 22px;
   line-height: 39px;
   padding: 1em 1em 1em 1em;
/*
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
*/
   color: #000;
/*    border-color: rgba(1, 98, 142, 1); */
   width: 100%;
   margin: 1.6em 0px 26.399999618530273px;
   background-color: #FEC739;
   border-radius: 10px;
}



section.thirds:before {
	 content: "";
	 display: table;
}

section.thirds:after {
	 content: "";
	 display: table;
	 clear: both;
}

section.thirds {
	 margin: 0 auto;
	 text-align: center;
	 width: auto;
}

div.third {
	 float: left;
	 width: 33.33%;
	 text-align: center;
	 margin: 0;
	 padding-right: 10px;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}

section.slice:before {
	 content: "";
	 display: table;
}

section.slice:after {
	 content: "";
	 display: table;
	 clear: both;
}

section.slice {
	 background: #dedede;
	 margin: 0 30%;
	 padding: 15px;
	 width: 940px;
	 background-color: rgba(22, 90, 135, 1);
	 float: none;
	 text-align: center;
	 color: rgba(255, 255, 255, 1);
	 -webkit-column-count: 4;
	 -o-column-count: 4;
	 -moz-column-count: 4;
	 -ms-column-count: 4;
	 column-count: 4;
	 -webkit-column-gap: 10px;
	 -o-column-gap: 10px;
	 -moz-column-gap: 10px;
	 -ms-column-gap: 10px;
	 column-gap: 10px;
}

p.intro-paragraph a, a.cta-link {
	 color: rgba(255, 88, 6, 1);
	 font-weight: bold;
}
p.intro-paragraph a:hover, a.cta-link:hover {
	 color: rgba(5, 159, 255, 1);
}


img {
	 max-width: 100%;
	 margin: 20px 0px;
	 float: none;
	 clear: none;
}

ul.block-grid {
	 font-weight: 400;
	 font-style: normal;
	 margin-top: 20px;
border-left:2px solid #eee;
padding-left: 35px;
padding-bottom: 20px;
	line-height: 28px;
}

ul.block-grid li {
	list-style-type: disc;
	list-style: disc;
/* display: inline-block; */
margin-left: 20px;
margin-bottom: 10px;
font-size: 16px;
	line-height: 20px;
	width: 90%;
}

img.benefits-icon {
	 margin: 100px 0px 10px -260px;
	 float: left;
}
ul.block-grid li a {
	color: #ff6705;
}


div.benefit-cols {
	 background-color: rgba(235, 244, 232, 1);
	 text-align: left;
	 margin: 0px 0px 30px 0px;
	 -webkit-border-radius: 8px;
	 -o-border-radius: 8px;
	 -moz-border-radius: 8px;
	 -ms-border-radius: 8px;
	 border-radius: 8px;
}

h2.benefits {
	 color: rgba(33, 127, 2, 1);
	 text-align: left;
	 padding: 0px 0px 0px 10px;
	 font-size: 24px;
	 font-family: "Noto Sans";
	 font-weight: 400;
	 font-style: normal;
	 background-color: rgba(213, 232, 197, 1);
	 -webkit-border-radius: 8px 8px 0px 0px;
	 -o-border-radius: 8px 8px 0px 0px;
	 -moz-border-radius: 8px 8px 0px 0px;
	 -ms-border-radius: 8px 8px 0px 0px;
	 border-radius: 8px 8px 0px 0px;
	 border-color: rgba(136, 191, 91, 1);
}

#entry-blocks h2 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}

#main-text h2 {
	text-align: center;
	font-size: 21px;
	border-bottom: 0px none #fff;
	margin-bottom: 30px;
}

#main-text .columns p {
	text-align: center;
}

/* Numbered list styles */
ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:20px; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
margin-top: 20px;
margin-bottom: 30px;
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    font-size: 16px;
/*     font-weight: bold; */
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    color:#fff;
    background:#1D6FA8;
    font-weight:bold;
    text-align:center;
    border-radius: 1em;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}



@media only screen and (min-width: 1200px) {
		#entry-blocks h2, #main-text h2 {
			font-size: 26px;
			font-weight: bold;
			margin-bottom: 10px;
		}
	}