/* CSS Document */
body{
	background-color: #e2edfc;
	font-family: "Open Sans", "Avenir", Arial, sans-serif;
	margin:0;
}
footer{
	background-color: #e2edfc;
	border-top: 3px solid #fff;
	font-size: 1em;
}
footer div{
	margin: 2em 0;
	text-align: center;
	width: 100%;
}
h1{
	font-size: 2.4em;
}
h1.footer{
	font-weight:normal;
	font-size: 1em;
}
header{
	/*background-color:rgba(255,255,255,0.75); white background */
	background-color:rgba(226,237,252,0.75);
	height:12em;
	position: fixed;
	width:100%;
}
.benefits-content{
	color: #00598a;
	font-size: 1.7em;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
.benefits-content img{
	float: right;
	margin: 0 2em;
}
.body{
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.bold{
	font-weight: bold;
}
.btn1{
	background-color:#5090ce;
	border:none;
	border-radius:.2em;
	color:#fff;
	cursor: pointer;
	font-size:1.15em;
	font-weight:bold;
	padding:1em 2em;
}
.btn-contact-us{
	font-size: 1.9em;
}
.contact-btn{
	margin: 1.5em 0;
}
.contact-container, .contact-form-container{
	font-size: 1.5em;
}
.contact-container, .contact-field-email, .contact-field-name, .contact-field-message{
	display: grid;
}
.contact-content{
	font-size: 1.3em;
	line-height: 1.5em;
}
.contact-content img, .details-content img, .sites-content img{
	float: right;
	/*margin-left: 1em;*/
	margin: 0 0 1.5em 1em;
}
.contact-content, .contact-field-email label, .contact-field-email input, .contact-field-name label, .contact-field-name input, .contact-field-message label, .contact-field-message textarea, .contact-form-container{
	grid-column: 1;
	grid-row: 1;
}
.contact-field-message textarea{
	padding-top:1.7em;
}
.contact-form div{
	font-size: 0.6em;
	width: 100%;
}
.contact-form label{
	margin: 1.3em .5em;
	pointer-events: none;
	position: absolute;
}
.contact-form-container{
	background-color: #fff;
	width: 70%;
}
.contact-form-field{
	background-color: rgb(246, 246, 246);
	border: none;
	margin: 1em 0;
	padding: 1.2em .8em .6em;
	font-size: 1.2em;
}
.contact-info{
	color: #00598a;
}
.contact-list li, .details-list li{
	margin: .8em 0;
}
.contact-submit-btn{
	margin-bottom: 1.2em;
}
.clear{
	clear: both;
}
.content{
	margin: 0 auto;
	width: 80%;
}
.content-container{
	background-color: #fff;
}
.details-content-2{
	display: table;
	margin: 4em 0 0 0;
}
.details-content-2-row{
	display: table-row;
}
.details-content-table-1, .details-content-table-2, .details-content-table-3{
	display: table-cell;
}
.details-content-table-1, .details-content-table-2{
	color: #00598a;
	font-size: 1.6em;
	padding: 0 0.5em;
	width: 40%;
}
.details-content-table-1 li::marker, .details-content-table-2 li::marker{
	
}
.details-content-table-1 li, .details-content-table-2 li{
	padding: .5em 0;
	/*padding: .5em 0 .5em 2em;*/
}
.details-content-table-1 li div, .details-content-table-2 li div{
	
}
.details-content-table-3{
	vertical-align: top;
	width: 20%;
}
.details-content-table-3 img{
	padding-top: 2em;
}
.details-content-table-1 ul, .details-content-table-2 ul{
	padding: 0;
}
.details-content-table-1 ul li{
	/*list-style-image: url("/resources/images/bullet-2.png");*/
	list-style: none;
	background-image: url("/resources/images/bullet-2.png");
	background-repeat: no-repeat;
	/*width: 66px;*/
}
.details-content-table-2 ul li{
	/*list-style-image: url("/icare/resources/images/bullet-1.png");*/
	list-style: none;
	background-image: url("/resources/images/bullet-1.png");
	background-repeat: no-repeat;
	/*width: 44px;*/
}
.details-content-table-1 ul li, .details-content-table-2 ul li{
	padding-left: 3em;
}
.details-list{
	color: #00598a;
	font-size: 1.7em;
}
.details-list li:last-child{
	font-weight: bold;
}
.details-list-1{
	background-image: url("/resources/images/bg-2.png");
	background-size: cover;
	margin: 1em 0;
	padding: 0 1em;
}
.details-list-2{
	background-color: #96bce2;
	background-image: url("/resources/images/bg-1.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 1em 0;
	padding: 0 1em;
}
.document-container{
	padding: 1em;
}
.document-files{
	display: none;
}
.document-files-active{
	display: block;
}
.document-header{
	margin-top: 2em;
}
.document-header-item{
	background-color: #DADADA;
	border-bottom: 5px solid #CACACA;
	float: left;
	font-size: 1.5em;
	padding: .5em;
	width: 20%;
}
.document-header-item:hover{
	background-color: #CACACA;
	border-bottom: 5px solid #e75b6f;
	cursor: pointer;
	float: left;
	font-size: 1.5em;
	padding: .5em;
	width: 20%;
}
.document-header-item-active{
	background-color: #BABABA;
	border-bottom: 5px solid #e75b6f;
}
.filelist{
	margin:.2em 0;
}
.header{
	float:left;
	font-size: 2em;
	padding: .5em 0 0 2em;
}
.header-table{
	display: table;
	width: 100%;
}
.header-table-row{
	display: table-row;
}
.header-table-cell{
	display: table-cell;
	vertical-align: middle;
	width: 40%;
}
.header-table-cell:nth-child(1){
	padding-left: 2em;
}
.header-table-cell:nth-child(2){
	width: 20%;
}
.header-table-cell:nth-child(2) div{
	text-align: center;
	width: 100%;
}
.header-table-cell:nth-child(3){
	padding-right: 2em;
}
.header-table-cell:nth-child(3) div{
	float: right;
}
.header-table-cell div{
	float: left;
	padding: 0 1em;
}
.header-table a{
	color: #000;
	font-size: 1.2em;
	text-decoration: none;
}
.header-table a:hover{
	color: #073344;
}
.header-spacer{
	height: 12em;
}
.home1, .home2, .home3{
	/*background-attachment:fixed;*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 1px solid #fff;
	cursor: pointer;
	float: left;
	height: 400px;
	width: 33%;
}
.home1 div, .home2 div, .home3 div{
	font-size: 1.9em;
	margin: 1em auto;
	width: 80%;
}
.home1{
	background-blend-mode: lighten;
	background-color: rgba(255,255,255,0.6);
	background-image: url("/resources/images/home-1.jpg");
}
.home2{
	background-blend-mode: lighten;
	background-color: rgba(255,255,255,0.6);
	background-image: url("/resources/images/home-2.jpg");
}
.home3{
	background-blend-mode: lighten;
	background-color: rgba(255,255,255,0.6);
	background-image: url("/resources/images/home-3-2.jpg");
}
.home-content{
	margin: 0 auto;
}
.login-btn{
	margin: 1.5em 0;
}
.login-error{
	color: #E80000;
	font-size: 1.7em;
	margin: 1.2em 0;
	text-align: center;
}
.login-form{
	font-size: 1.7em;
	line-height: 1.5em;
	margin: 0 auto;
	width: 80%;
}
.login-password{
	padding: .4em;
}
.sites-btn{
	margin: 1.5em 0;
	text-align: center;
}
.sites-content img{
	height:300px;
	/*width:312px;*/
}
.sites-list{
	font-size: 1.7em;
	line-height: 1.5em;
}
.success{
	color: green;
	font-size: 1.6em;
}


.home_button{
                background-color:#5090ce;
                border:none;
                border-radius:.2em;
                color:#000;
                cursor: pointer;
                font-size:1.15em;
                font-weight:bold;
                padding:.2em;
    text-align: center;
}
.home_title{
    text-align: center;
    font-weight: bold;
}



.content{
	overflow-x:hidden;
}
.initPos{
	margin-left:900px;
}
.contact-form-container{
	animation: 2s;
	display:none;
	transition: 2s ease;
	/*width:900px;*/
}
.slideAnim{
	animation-name:slide;
	animation-duration:2s;
}
@keyframes slide {
	from {margin-left:-900px;}
	to {margin-left:0px;}
}



@media only screen and (max-width:1025px){
	body{width:100%;}
	.benefits-content img{display:none;}
	.cfdebug{display:none;}
	.contact-content img{display:none;}
	.content{width:90%;}
	.content-container{width:100%;}
	.details-content img{display:none;}
	.header-table-cell:nth-child(1){display:none;}
	.header-table-cell:nth-child(2){display:block;}
	.header-table-cell:nth-child(2) div{text-align:left;}
	.header-table-cell:nth-child(3){display:none;}
	.home1, .home2, .home3{background-size:100% 50%;width:32%;}
	.home1 div, .home2 div, .home3 div{font-size:0.8em;}
	.home-content{width:100%;}
	.sites-content img{display:none;}
}
@font-face{
	font-family: "Open Sans";
	src: url('/resources/includes/OpenSans-Variable.ttf');
}
/*
#073344 blue in logo
#e75b6f pink in logo
#00598a lighter blue
#5090ce even lighter blue
*/