@charset "UTF-8";
/* CSS Document */
@import url("https://use.typekit.net/gyt4fxu.css");
html, body {margin:0; padding:0; font-size:14px; font-family:Helvetica, Arial, sans-serif;}
* {margin:0; padding:0;}

/*LINK AND BUTTON ATTRIBUTES*/
a, p a, h1 a, h2 a, .caption a, .footer-text a {color:inherit; font-style:inherit; font-weight:inherit;font-size:inherit;text-decoration:none; color:#333333;}
h3 a, h4 a {color:inherit; font-style:inherit; font-weight:inherit;font-size:inherit;text-decoration:none; color:#0072ce;}
a:hover {color:#00148c;}
.btn-box {background-color: #fdb913; border-radius: 3px;display: inline-block;}
.btn-box:hover {box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.2);}
.btn-link {display:block; padding:8px 15px; text-decoration: none;color:#333333!important;font-weight: 700; white-space: nowrap;}
/*hoverable image buttons */
.btn-image-container {padding: 20px 0; display:flex; justify-content: center; text-decoration: none;  displa:inline-block;}
.btn-image:hover {transform: scale(1.2);}
/*end hoverable image buttons */
/*END LINK AND BUTTON ATTRIBUTES*/

/*IMAGE attributes*/
.fluid-img {width:100%;min-width:100%;max-width:100%;height:auto;}
img {display:block;}
/*END image attributes*/

/*ALL TEXT ATTRIBUTES*/
p {margin:0; padding:0; font-weight:300; font-size:1rem;font-style:normal;}
h1 {margin:0; padding:0; font-weight:700; font-size:2rem;font-style:normal;}
h2 {margin:0; padding:0; font-weight:700; font-size:1.8rem;font-style:normal;}
h3 {margin:0; padding:0; font-weight:700; font-size:1.4rem; font-style:normal; color:#0072ce;}
h4 {margin:0; padding:0; font-weight:300; font-size:1rem; font-style:normal;}
.caption, .copyright {margin:0; padding:0; font-weight:100; font-size:.8rem;font-style:normal;}

/*text-colors*/
.client-color-one-text {color:#00148c;}
.client-color-one-bg {background-color:#08a4de;}
.client-color-two-text {color:#fdb913;}
.client-color-two-bg {background-color:#fdb913;}
.client-color-three-text {color:#0072ce;}
.client-color-three-bg {background-color:#00148c;}
.text-white {color:#ffffff;}
/*end text-colors*/
/*END ALL TEXT ATTRIBUTES*/

/*LAYOUT AND FORMATTING*/
	button#ot-sdk-btn {
	    background-color: #fff !important;
	    color: #333 !important;
	    border: none;
	    font-style: inherit;
	    font-weight: inherit;
	    font-size: inherit;
	    text-decoration: none;
	}
	#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
    color: rgba(255, 161, 0, 1.00) !important;
   
	}
/*header*/
.header {
	display:flex; 		
	align-items: flex-end;
	justify-content: center;
	margin: 10px 0;
}
.header-column {
	box-sizing:border-box; 
	display:flex; 
	align-items:flex-end;
	justify-content:center;
	flex-basis:93%; 
	flex-flow: row nowrap;
}
.header-col-logo {order:1;}
.header-col-title {order:2;flex-basis:78%}
.header-col-btn {order:3;}
.header-image {flex-basis: 100%;}
/*END header*/
/*body*/
.col-intro {box-sizing:border-box;flex-basis:95%;padding-left:20px;padding-right:20px;}
.row {
	display:flex; 
	flex-flow: row wrap;
	align-items: flex-end;
	justify-content: center;
}
.container {max-width:1300px; flex:1; }
.column {
	display:flex; 
	flex-flow:row wrap; 
	box-sizing:border-box; 
	align-items:flex-start; 
	justify-content: left; 
}
	/*children*/
	/*column width by ratio*/
	.col1 {flex:1;padding:10px 20px;max-width:350px}/* default size of 1 */
	.col2 {flex:2;padding:10px 20px;max-width:325px}/* 2x default size of 1 */
	.col3 {flex:3;padding:10px 20px;max-width:325px}/* 3x default size of 1 */
	.col4 {flex:4;padding:10px 20px;max-width:325px}/* 4x default size of 1 */
	/*column width by percentage*/
	.col25 {box-sizing:border-box;flex-basis:23%;padding:10px 20px;}
	.col33 {box-sizing:border-box;flex-basis:30%;padding:10px 20px;}
	.col50 {box-sizing:border-box;flex-basis:47%;padding:10px 20px;}
	.col66 {box-sizing:border-box;flex-basis:63%;padding:10px 20px;}
	.col75 {box-sizing:border-box;flex-basis:73%;padding:10px 20px;}
	.col90 { box-sizing:border-box;flex-basis:88%;padding:10px 20px;}
	.col100 {box-sizing:border-box;flex-basis:97%;padding:10px 20px;}
	/*END column width by percentage*/
	/*END children*/
.center { margin:0 auto;}
.footer {padding-top:20px; display:flex; flex-flow:column nowrap; box-sizing:border-box; align-items:flex-end; justify-content: flex-end; flex-basis:92%;}
.footer-col { padding:5px ;}


@media screen and (max-width:800px) {
	.header-column {justify-content:center;text-align: center; flex-flow:wrap!important;}
	.header-col-logo, .header-col-title, .header-col-btn, .col25, .col33, .col50, .col66, .col75, .col90, .footer-col  {flex-basis: 97%!important; justify-content: space-evenly;}
	.header-col-title, .header-col-btn {padding-top:15px!important;}
	.center-after {margin:0 auto;text-align: center;}
	.col1, .col2,.col3, .col4  {max-width:400px; justify-content: space-evenly;}
}