@import url('fontawesome-all.min.css');

/*
	font-family: 'Open Sans', sans-serif;
*/
html{
    font-size:16px;
}
body {
	font-family: 'museo-sans-rounded', sans-serif;
	font-weight: 400;
	color: #1a1a1a;
	margin: 0;
	padding: 0;
	max-width: 720px;
}
img{
	border: none;
	height: auto;
	max-width: 100%;
	margin: 0 0 20px 0;
}
select{
    border:none;
    padding:15px;
    font-size:1rem;
}
strong, b {
	font-weight: 600;	
}
address{
    font-style:normal;
    margin-bottom:10px;
}
input,
button,
a.cm-btn,
.cm-btn a {
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.2rem;
	font-weight: 300;
	border: none;
    border-radius: 20px;
}
input[type=text]{
	padding:15px;
    background: #FFF;
    color: #0071cd;
    border: 2px solid rgba(26,26,26,.2);
    border-radius: .2em;
}
input[type=text].search{
	padding:15px 15px 15px 50px;
}
input[type=text].search:focus{
    outline: none;
    border-color: #002776;
}
.search-container{
    position:relative;
}
.search-container:before{
    font-family: 'Font Awesome 5 Pro';
    content: "\f002";
    font-style: normal;
    color: #5a5a5a;
    position: absolute;
    z-index: 1;
    top: 0;
    left:0;
    padding:18px;

}
.select{
    position:relative;
    
}
.select:after {
    padding: 15px;
    content: "\f0d7";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}
a {
	color: #0071cd;
	text-decoration: none;
}
a:hover {
	color: #0071cd;
    text-decoration: none;
}
p,h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}
p {
	font-size: 1rem;
	line-height: 1.5;
	padding-bottom: 20px;
	font-weight:500;
}
p.small,
small{
	font-size: 0.9rem;
	font-weight: 700;
}
p.introtext{
    font-size: 1.6rem;
    font-weight: 500;
}
a.introtext{
    font-size: 1.25rem;
}
h1,h2,h3,h4,h5 {
	font-weight: 700;
	padding-bottom: 10px;
	line-height: 1.25;
    color: #002776;
}
h1 {
	font-size: 4.250rem;
}
h2 {
	font-size: 2.3rem;
}
h3 {
	font-size: 1.4rem;
	padding-bottom: .8em;
}
h4 {
	font-size: 1.2rem;
}
h5{
    font-size:1.2rem;
}
.bold{
    font-weight:600;
}
.extrabold{
    font-weight:900;
}
a.cm-btn,
.cm-btn a,
button, .cm-btn {
	padding: .7rem 2.2rem;
	display: inline-block;
	text-align: center;
	width: auto;
	cursor: pointer;
	line-height: normal;
	font-weight:500;
	margin-right:20px;
}
.wide {
	width: 100% !important;
}
hr {
    border: 0;
    height: 1px;
    background: rgba(0,0,0,0.5);
}
.caps {
	text-transform: uppercase;	
}

/* ### UL / LIST ### */
ul {
	padding-left:20px;
	list-style: none;
}
ul, ol {
	margin: 0;
	padding-bottom: 10px;
}
ul li { 
	position: relative;
	padding-bottom: 10px;
}
ul li:before {
    content: "■ ";
	color: #1c3f93;
	font-family: Arial, sans-serif;
	position: absolute;
	left: -20px;
}
ul li ul{
    padding-bottom:0px;
}
ul li ul li{
    padding-bottom:0px;
    padding-top:10px;
}
iframe{
    width:100%;
}
ul.inline {
	padding: 0;
	margin: 0 0 20px;	
	list-style: none;
}
ul.inline li {
	display: inline-block;
	padding-left: 0;
	padding-right: 10px;
    text-indent: 0;
	padding-bottom: 0;
}
ul.clean li:before {
	display: none;
}

/* ### TABLE ### */
table {
    border-spacing: 0px;
	width: 100%;
    overflow-x: auto;
	margin-bottom: 20px;
}
th, thead td {
    color:#1c3f93;
	font-size: 1rem;
	font-weight: 600;
}
td {
    padding: 1.6rem 1rem;
}
table tbody tr:nth-child(even) {
    background: rgba(248,245,235,1);
}
table tbody tr:nth-child(odd) {
    background: rgba(248,245,235,.5);
}
th, thead tr{
    background: rgba(248,245,235,1);
}
/* ### BLOCKQUOTE ### */
blockquote {
	color: #002776;
	font-weight: 700;
}
blockquote p::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f10d";
	font-weight: 400;
	margin-right: 10px;
	display: inline-block;
	color: #0071cd;
	font-size:2.6rem;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
blockquote p{
	font-weight: 700;
	font-size: 2rem;
    line-height: 1.35;
    padding:0;
}
.primary-color{
    color:#002776!important;
}
.secondary-color{
    color:#0071cd;
}
.bg-primary{
    background-color:#002776!important;
    color: #FFF;
}
.bg-secondary{
    background-color:#0071cd!important;
    color: #FFF;
}
.bg-white{
    background-color: #FFF;
}
.bg-light{
    background-color: #f8f5eb!important;
}
.bg-green{
    background-color: rgb(205,236,207);
}
.cm-btn.cm-btn-primary{
	background-color:#0071cd;
	color:#FFF;
}
.cm-btn.cm-btn-primary:hover{
	background-color:#FFF;
	color:#007bff;
}
.cm-btn.cm-btn-secondary{
    border: 2px solid #008a00;
	background-color:#008a00;
	color:#FFF;
    border-radius: .2em;
}
.cm-btn.cm-btn-secondary:hover{
    border-color: #FFF;
	background-color:#FFF;
	color:#6c757d;
}
.cm-btn.cm-btn-outline{
    background: #FFF;
    color: #0071cd;
    border: 2px solid rgba(26,26,26,.2);
    border-radius: .2em;
}
.cm-btn.cm-btn-outline:hover{
    border-color: #008a00;
	background-color:#008a00;
	color:#FFF;
}
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
    float: left;
}
input[type=radio   ]:not(old) + label{
  margin-left  : 0;
  line-height  : 1.5em;
}
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 20px;
  height           : 20px;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border-radius    : 100%;
  background       : #FFF;
  vertical-align   : bottom;
}

input[type=radio]:not(old):checked + label > span > span{
  display          : block;
  width            : 12px;
  height           : 12px;
  margin           : 0.27em;
  border-radius    : 100%;
  background       : #1c3f93;
}
input[type=checkbox   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
    float:left;
}
input[type=checkbox   ]:not(old) + label{
  margin-left  : 0;
  line-height  : 1.5em;
}
input[type=checkbox   ]:not(old) + label > span{
  display          : inline-block;
  width            : 20px;
  height           : 20px;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  background       : #FFF;
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span > span{
  display          : block;
  width            : 12px;
  height           : 12px;
  margin           : 0.27em;
  background       : #1c3f93;
}