/* -------------------------------------------------- */
/* These are global styles, shared among all pages
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* Reset - http://purecss.io/base
/* -------------------------------------------------- */
svg:not(:root){overflow: visible;}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, main{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}.hide{display:none;}html{box-sizing: border-box;}*,*:before,*:after{box-sizing:inherit;}.clear{font-size:0px;clear: both;height: 0px;}*:focus{outline: none;}strong{font-weight:bold;}em{font-style:italic;}input:invalid{box-shadow: none;}button{border:none;background:none;padding:0;margin: 0;}button::-moz-focus-inner{border:0;}input,button{border-radius:0;border-radius:none;}html{scroll-behavior: smooth;}

/* -------------------------------------------------- */
/* Common 
/* -------------------------------------------------- */
body{
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #00205c;
}
h1, h2, h3, h4, h5{
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-weight: 800;
	line-height: 1.2em;
	margin-bottom: 21px;
}
h2{
	font-size: 27px;
	margin-bottom: 24px;
}
.content h2{
	text-transform: none;
	background: url('/assets/images/hr-alt.svg') no-repeat left bottom;
	padding-bottom: 24px;
}

.rule{
	background: url('/assets/images/hr.svg') no-repeat left bottom;
	padding-bottom: 24px;
	margin-bottom: 24px;
}
.rule.center{
	background-position: center bottom;
}
h2.hd-icon span{
	display: block;
}

.center h2.rule{
	text-align: center;
	background-position: center bottom;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
	font-weight: 700;
}
h5{
	text-transform: uppercase;
	font-weight: 700;
}
p.callout{
	font-size: 18px;
	font-weight: 500;
	color: #507abd;
	padding-bottom: 21px;
	line-height: 1.4em;
}
h3.fill,
h4.fill{
	display: inline-block;
	background: #00205c;
	padding: 6px;
	margin-left: -6px;
	color: #fff;
	font-weight: 700;
}
a, a:active, a:visited{
	color: #0075f7;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
strong{
	font-weight: 700;
}
sup{
  font-size: 50%;
	font-weight: 400;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.75em;
  padding-left:  3px;
}
p{
	line-height: 1.6em;
	padding-bottom: 24px;
}
.center{
	text-align: center;
}
img.flex{
	width: 100%;
	height: auto;
}

/* -------------------------------------------------- */
/* Containers
/* -------------------------------------------------- */
.container,
.container-med,
.container-sm,
.container-lrg{
	width: 100%;
	max-width: 1280px;
	padding:  0 27px;
	margin: 0 auto;
}
.container-med{
	max-width: 1080px;
}
.container-sm{
	max-width: 750px;
}
.container-lrg{
	max-width: 1600px;
}

/* -------------------------------------------------- */
/* Topmast
/* -------------------------------------------------- */
.topmast{
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
}
header{
	background: #00205c;
	padding: 12px 0;
}
.head-wrap{
	display: flex;
	align-items: center;
}
.logo{
	display: inline-block;
	background: url('/assets/images/cdl-logo-wtag.png') no-repeat;
	background-size: 246px 120px;
	width: 246px;
	height: 120px;
}

/* -------------------------------------------------- */
/* Utility Navigation
/* -------------------------------------------------- */
.u-nav{
	background: #001743;
}
.u-nav ul{
	padding-right: 3px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.u-nav a{
	display: block;
	padding: 12px;
	font-size: 12px;
	color: #95ccf4;
	text-decoration: none;
}
.u-nav .active a{
	text-decoration: underline;
}

/* -------------------------------------------------- */
/* Top Navigation
/* -------------------------------------------------- */
.top-nav{
	margin-left: auto;
}
.top-nav ul{
	display: flex;
}
.top-nav li{
	position: relative;
	margin: 0 15px;
}
.top-nav li li{
	margin: 0;
}
.top-nav ul ul li:first-child{
	display: block;
}
.top-nav ul a{
	color: #fff;
	display: block;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 36px;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
}
.top-nav li.active a{
	border-color: #fff;
}
.top-nav ul ul{
	display: block;
	width: 260px;
	position: absolute;
	left: 50%;
	z-index: 100;
	transform: translate(-50%, 10px);
	visibility: hidden;
	background: #fff;
	box-shadow: 0 0 36px rgba(0,0,0,.1);
	opacity: 0;
	-webkit-transition: visibility .25s ease, opacity .25s ease, transform .25s ease; /* Safari */
	transition: visibility .25s ease, opacity .25s ease, transform .25s ease;
}
.top-nav li li a,
.top-nav li.active li a{
	color: #0075f7;
	border: none;
	text-align: center;
	text-transform: none;
	border-bottom: 1px solid #e5f1fe;
	line-height: 1.2em;
	padding: 15px;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: normal;
}
.top-nav li li:first-child a{
	padding-top: 21px;
}
.top-nav li li:last-child a{
	padding-bottom: 21px;
}
.top-nav li li a:hover{
	background: #f3f9ff;
}
.top-nav li:hover ul{
	transform: translate(-50%, 0);
	visibility: visible;
	opacity: 1;
}

/* -------------------------------------------------- */
/* Home, Hero
/* -------------------------------------------------- */
.hhero{
	background: #001743 url('/assets/images/hero-bg-swoosh-dark.webp') no-repeat center;
	background-size: cover;
	padding: 54px 0 108px 0;
	overflow: hidden;
}
.hhero-img{
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #001743 url('/assets/images/hero-heart-particles-bg.webp') no-repeat center;
	background-size: 100% auto;
	transform: scale(1.2);
  animation-name: kenburns;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes kenburns{ 100% { transform: scale(1) }}
.hhero-img-ghost{
	position: absolute;
	z-index: 11;
	top: 0;
	bottom: 0;
	width: 100%;
	background-image: linear-gradient(to right, rgba(0,23,67,.5), rgba(0,23,67,0));
}

.hhero-box-wrap{
	position: relative;
	z-index: 12;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: -24px;
}
.hhero-box{
	width: 25%;
	padding: 18px;
	opacity: 0; 
  animation-name: slide;
  animation-delay: .5s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	transform: scale(1.5);
}
.hhero-box.slide2{
  animation-delay: 1s;
}
.hhero-box.slide3{
  animation-delay: 1.5s;
}
.hhero-box.slide4{
  animation-delay: 2s;
}
@keyframes slide {
  0% {
  	opacity: 0; 
  }
  100% { 
  	opacity: 1; 
  	transform: scale(1);
  }
}
a.hhero-box img{
	width: 95%;
	height: auto;
	border-radius: 50%;
	transform: scale(1);
	-webkit-transition: all .25s; /* Safari */
	transition: all .25s;
}
.hhero h1{
	color: #fff;
	font-size: 33px;
	font-weight: 600;
	line-height: 1.3em;
	text-align: center;
	margin: 0 0 36px 0;
}
a.hhero-box h2{
	color: #fff;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 1.3em;
	text-align: center;
	padding-top: 12px;
	margin: 0;
}
a.hhero-box:hover img{
	transform: scale(1.1);
}
.hhero-choices{
	position: relative;
	z-index: 0;
	display: flex;
	justify-content: center;
	margin: 0 -9px;
}
.hhero-choices a{
	display: flex;
	align-items: flex-end;
	width: 50%;
	background: #507abd no-repeat center top;
	background-size: cover;
	margin: 0 9px 9px 0;
	padding: 0;
	height: 324px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1.2em;
}
.hhero-choice{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(80,122,189,.8);
	width: 100%;
	height: 324px;
	-webkit-transition: height .25s ease, background-color .25s ease; /* Safari */
	transition: height .25s ease, background-color .25s ease;
}
.hhero-choices a:hover .hhero-choice{
	height: 144px;
	background-color: rgba(0,32,92,1);
}
.hhero-choice svg{
	display: block;
	margin: 0 auto 9px auto;
}
@media (orientation: portrait) {
	.hhero-img{ background-size: auto 100%; }
}
@media screen and (max-width: 700px) {
	.hhero h1{ font-size: 30px; }
	.hhero-choices{
		flex-wrap: wrap;
	}
	.hhero-choices a{
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.hhero-img{
		animation: none;
	}
	a.hhero-box{
		width: 100%;
	}
	a.hhero-box img{
		max-width: 200px;
	}
	.hhero h1{ font-size: 24px; }
	.hhero-box h2{ font-size: 18px; }
}

/* -------------------------------------------------- */
/* Inside, Hero
/* -------------------------------------------------- */
.ihero{
	background: #061033 url('/assets/images/hero-heart-particles-bg.webp') no-repeat center;
	background-size: cover;
}

.insidebanner{	
	background: #001743 no-repeat right center;
	background-size: cover;
	display: flex;
	align-items: center;
	padding: 54px 0;
	min-height: 600px;
}
.insidebanner-text {
	width: 100%;
	max-width: 540px;
}
.insidebanner-text h2,
.insidebanner-text p,
.insidebanner-text p.ihero-tag{
	color: #fff;
	margin-bottom: 12px;
	padding: 0;
}
.insidebanner-text h2{
	text-transform: uppercase;
}
.insidebanner-text p.insidebanner-tag{
	font-size: 21px;
	font-weight: 700;
}
.insidebanner-text .insidebanner-blurb{
	font-size: 18px;
	font-style: italic;
}
.insidebanner-text p:last-of-type{
	margin-bottom: 24px;
}


/* -------------------------------------------------- */
/* Landing Page 
/* -------------------------------------------------- */
.landing #page{
	padding-top: 0;
}

.landing-hero{
	padding: 54px 0 108px;
	background: #061033 url('/assets/images/hero-heart-particles-bg-alt.webp') no-repeat center;
	background-size: cover;
	text-align: center;
}
.landing-hero p{
	padding: 54px 0 0 0;
	font-size: 39px;
	font-weight: 700;
	color: #fff;
}
.vidcover:hover{
	cursor: pointer;
}
button.close-button{
	width: 36px;
	height: 36px;
	background: url('/assets/images/close.svg') no-repeat center;
	position: absolute;
	top: 12px;
	right: 12px;
}
.landing .videos h3{
	font-size: 24px;
}

/* -------------------------------------------------- */
/* Buttons
/* -------------------------------------------------- */
a.button,
button.button{
	background: #ed135d url('/assets/images/chevron-right.svg') no-repeat right;
	border-right: 9px solid #ed135d;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 15px 27px 15px 15px;
	font-size: 15px;
	text-align: center;
	line-height: 1em;
	white-space: nowrap;
	-webkit-transition: background-color .25s, border-color .25s; /* Safari */
	transition: background-color .25s, border-color .25s;
}
a.button:hover,
button.button:hover{
	background-color: #0075f7;
	border-color: #0075f7;
	cursor: pointer;
}
.icon-button{
	width: 42px;
	height: 42px;
	background: #ed135d no-repeat center;
	margin: 0 3px;
	-webkit-transition: background-color .25s; /* Safari */
	transition: background-color .25s;
}
.icon-button:hover{
	background-color: #0075f7;
}
a.button.icon{
	background-image: none;
	display: flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	padding: 9px 18px 9px 9px;
}
a.button.icon svg{
	margin-right: 9px;
}
p.buttons a{
	margin: 0 6px 6px 0
}
.btn-edit{
	background-image: url('/assets/images/pencil.svg');
	position: fixed;
	z-index: 30;
	right: 27px;
	bottom: 27px;
}

/* -------------------------------------------------- */
/* Columns
/* -------------------------------------------------- */
.cols-2{
	display: flex;
	flex-wrap: wrap;
	margin: -54px;
}
.cols-2.tight{
	margin: -27px;
}
.cols-2 .col{
	width: 50%;
	padding: 54px;
}
.cols-2.tight .col{
	width: 50%;
	padding: 27px;
}
.col.right{
	margin-left: auto;
}
.cols-3{
	display: flex;
	flex-wrap: wrap;
	margin: -27px;
}
.cols-3 .col{
	width: 33.33%;
	padding: 27px;
}

/* -------------------------------------------------- */
/* Rows 
/* -------------------------------------------------- */
.row{
	padding: 108px 0;
}
.row.bg-fill-1{ /* light blue */
	background: #ecf4fa; 
}
.row.bg-fill-2{ /* light gradient */
	background-image: linear-gradient(to right, #fff, #e5ebf3);
}
.row.pad-alt{
	padding: 54px 0;
}
.dark-bg{
	background-color: #001743;
	color: #cbced7;
}
.dark-bg strong{
	color: #fff;
}
.dark-bg h2{
	color: #fff;
}
.row.aside-img,
.row.img-aside{
	background: #fff no-repeat right center;
}
.row.aside-img .cols-2,
.row.img-aside .cols-2{
	align-items: center;
	min-height: 600px;
}
.row.img-aside{
	background-position: left center;
}


/* -------------------------------------------------- */
/* Page Head, Crumbs
/* -------------------------------------------------- */

.page-head{
	background: #00205c no-repeat left center;
	background-size: cover;
}
.page-head-bg{
	display: flex;
	background-image: linear-gradient(to right, rgba(0,32,90,.5), rgba(0,32,90,0));
	padding:  54px 0;
	min-height: 300px;
	align-items: flex-end;
}
.page-head-txt{
	width: 100%;
	/* max-width: 540px; */
}
.page-head h1,
.page-head p{
	color: #fff;
}
.page-head h1{
	font-size: 30px;
	margin: 0;
	text-transform: uppercase;
}
.page-head .article-date{
	color: #507abd;
	color: #fff;
	font-weight: 400;
	text-transform: none;
	font-size: 13px;
	margin: 0;
	padding: 24px 0 0 0;
}

.crumbs{
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 12px;
	color: #fff;
}
.crumbs span{
	display: inline-block;
	padding: 0 3px;
	opacity: .25;
}
.crumbs ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.crumbs li{
	padding: 0;
	background: none;
	margin: 0;
}
.crumbs a,
.crumbs a:visited,
.crumbs a:active{
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
}
.crumbs a:hover{
	text-decoration: underline;
}

/* -------------------------------------------------- */
/* Block
/* -------------------------------------------------- */
.block{
	position: relative;
	margin-bottom: 36px;
	padding-right: 40%;
}
.block-img{
	width: 100%;
	background: #001743 no-repeat center;
	background-size: cover;
	padding-bottom: 56.25%;
}
.block-txt{
	position: absolute;
	top: 50%;
	left: 40%;
  transform: translateY(-50%);

  background: #00205c;
  background-color: rgba(0,32,92, .9);
  border-left: 8px solid #507abd;
  padding: 36px 27px;
  color: #fff;
  line-height: 1.6em;
  font-size: 21px;
}

/* -------------------------------------------------- */
/* Main Content
/* -------------------------------------------------- */
.content{
	background: #ecf3fa;
	position: relative;
	padding: 54px 0 81px 0;
}

main ul{
	margin: 0 1em 21px 1em;
}
main ol{
	margin: 0 1em 21px 2em;
}
main li{
	background: url('/assets/images/bullet.svg') no-repeat left .6em;
	padding-left: 12px;
	line-height: 1.4em;
	margin-bottom: 9px;
}
main li p{
	display: inline;
	margin: 0;
	padding: 0;
}
ul.check-boxes{
	margin: 0 0 21px 0;
}
ul.check-boxes li{
	background: url('/assets/images/check-box.svg') no-repeat left top;
	min-height: 24px;
	padding-top: 1px;
	padding-left: 33px;
	font-size: 16px;
}
.dark-bg ul.check-boxes li{
	background-image: url('/assets/images/check-box-w.svg');
}
ol li{
	background: none;
	list-style-type: decimal;
	padding-left: 0;
}
ol.lower-alpha li{
	list-style-type: lower-alpha;
}
ul.icons{
	padding: 9px 0;
	margin: 0;
}
ul.icons li{
	display: flex;
	align-items: center;
	background: none;
	padding: 0;
}
ul.icons .icon, 
ul.icons .icon-outline{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #507abd;
	margin-right: 12px;
	flex-shrink: 0;
}
ul.icons .icon svg{
	fill: #fff;
}
ul.icons .icon-outline{
	background: #fff;
	border: 1px solid #00205c;
}
ul.icons .icon-outline svg{
	fill: #00205c;
}
.references{
	padding-top: 21px;
}
.references li{
	margin-bottom: 3px;
}
.references ul li{
	background: none;
	padding-left: 0;
}
.references,
.references h5{
	font-size: 11px;
}
blockquote{
	background: url('/assets/images/blockquote-bg.svg') no-repeat right bottom;
	margin-bottom: 3px;
}
blockquote div{
	background: url('/assets/images/quotes.svg') no-repeat 18px 27px;
	padding: 27px 27px 45px 63px;
	line-height: 1.4em;
	font-style: italic;
	color: #fff;
}
blockquote span{
	display: none;
}
hr{
	border: none;
	border-bottom: 1px solid #dce5f2;
	padding-bottom: 21px;
	margin-bottom: 36px;
}
figure{
	padding-bottom: 24px;
}
figure img{
	width: 100%;
	height: auto;
}
figure.imgs{
	display: flex;
	flex-wrap: wrap;
	margin: -3px;
}
figure.imgs img{
	width: 33.33%;
	padding: 3px;
}
figcaption{
	width: 100%;
	font-size: 11px;
	text-align: right;
	line-height: 1.2em;
}
.bubbles{
	display: flex;
	flex-wrap: wrap;
	margin: -9px;
	padding-bottom: 54px;
}
.bubbles li{
	background-image: none;
	width: 25%;
	padding: 9px;
	text-align: center;
	font-size: 14px;
	line-height: 1.2em;
}
.bubbles span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	margin-bottom: 9px;
	border-radius: 50%;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 39px;
	font-weight: 700;
	color: #fff;
	background-color: #00205c;
}
.video { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
} 
.video iframe, .video object, .video embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videos img{
	width: 100%;
	height: auto;
	margin-bottom: 24px;
}
table.data{
	width: 100%;
	margin-bottom: 24px;
}
table.data th, 
table.data td{
	padding: 9px 9px 9px 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.2em;
}
table.data th:first-child,
table.data td:first-child{
	text-align: left;
}
table.data th{
	color: #507abd;
	border-bottom: 1px solid #507abd;
	font-weight: 700;
	padding: 0 0 9px 0;
	font-size: 12px;
}
table.data td{
	border-bottom: 1px solid #dce5f2;
}
.quote-wrap{
	margin-bottom: 24px;
}
.quote{
	background: url('/assets/images/blockquote-bg.svg') no-repeat right bottom;
	margin-bottom: 3px;
}
.quote-text{	
	line-height: 1.6em;
	font-style: italic;
	color: #fff;
	margin-bottom: 18px;
}
.quote-cite{
	color: #507abd;
}
.quote-marks{
	background: url('/assets/images/quotes.svg') no-repeat 18px 27px;
	padding: 27px 27px 45px 63px;
}
span.check{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/assets/images/single-check.svg') no-repeat center;
}
.logos-wrap{
	margin-bottom: 24px;
}
.logos{
	display: flex;
	align-items: center;
	padding: 0;
	margin: -9px;
}
.logos li{
	background: none;
	margin: 0;
	padding: 9px;
}
.logos img{
	width: auto;
}
.related{
	padding-top: 27px;
}
.form-wrap{
	padding-top: ;
}
.form-row{
	padding-bottom: 12px;
}
.form-cols{
	display: flex;
	flex-wrap: wrap;
	margin: -6px;
}
.form-cols div{
	padding: 6px;
	width: 50%;
}
@media screen and (max-width: 600px) {
	.form-cols div{
		width: 100%;
	}
}
.form-row label{
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	padding-bottom: 6px;
}
input, select, textarea{
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #00205c;
	width: 100%;
	padding: 12px;
	border: none;
	/* border-bottom: 1px solid #7689ab; */
}
p.alert{
	color: red;
}
.days,
.days-lt,
.days-rt,
.days-img-txt{
	display: flex;
	align-items: center;
}
.days{
	margin-bottom: 24px;
}
.days-lt,
.days-rt{
	font-weight: 700;
	text-transform: uppercase;
	color: #182857;
}
.days img{
	width: 100px;
	height: auto;
	margin-right: 9px;
}
.days-img-txt{
	padding: 0 9px;
}
.days-img-txt div{
	flex-grow: 1;
	line-height: 1.2em;
	color: #507abd;
}
.days span{
	display: block;
	font-size: 11px;
	font-style: italic;
	color: #666;
}
@media screen and (max-width: 600px) {
	.days,
	.days-lt,
	.days-rt{
		display: block;
		width: 100%;
		text-align: center;
	}
	.days-img-txt{
		text-align: left;
		padding: 9px;
	}
}

/* -------------------------------------------------- */
/* List Articles
/* -------------------------------------------------- */
.articles{
	padding-top: 18px;
	display: flex;
	flex-wrap: wrap;
	margin: -9px;
}
.articles a,
.article{
	position: relative;
	padding: 9px;
	width: 33.333%;
}
.articles.solutions a,
.articles.solutions .article{
	width: 50%;
}

.article-container{
	position: relative;
	background: #fff;
	height: 100%;
	box-shadow: 0 0 9px rgba(0,0,0,.05);
	padding-bottom: 50px;
}
.articles img{
	width: 100%;
	height: auto;
}

.article-text{
	padding: 27px 27px 21px 27px;
}
.articles a,
.article,
.article h3,
.articles a h3{
	color: #00205c;
	text-decoration: none;
}
.article-date{
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 9px;
	color: #ed135d;
}
.event-date{
	color: #ed135d;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
	margin-bottom: 24px;
}
.article-venue{
	font-size: 14px;
	margin: -12px 0 18px 0;
	opacity: .7;
}
.article-excerpt{
	font-size: 15px;
	line-height: 1.4em;
}
.article-link{
	color: #0075f7;
	font-size: 14px;
	position: absolute;
	bottom: 36px;
	text-decoration: underline;
}
.article-link:hover{
	text-decoration: none;
}
.pagination{
	padding: 54px 0 0 0;
	display: flex;
	justify-content: center;
}
.icon-button.next{
	background-image: url('/assets/images/arrow-forward.svg');
}
.icon-button.prev{
	background-image: url('/assets/images/arrow-back.svg');
}
.pagination span.icon-button.prev,
.pagination span.icon-button.next,
.pagination span.icon-button.prev:hover,
.pagination span.icon-button.next:hover{
	opacity: .1;
	background-color: #000;
}

/* -------------------------------------------------- */
/* Event
/* -------------------------------------------------- */
table.event-data{
	width: 100%;
}
table.event-data td,
table.event-data th{
	padding: 12px;
	border-bottom: 1px solid #dce5f2;
	text-align: left;
}
table.event-data tr:last-child td,
table.event-data tr:last-child th{
	border-bottom: none;
}
table.event-data th{
	padding-left: 0;
	font-weight: 700;
	color: #507abd;
	border-right: 1px solid #dce5f2;
}
.event-img img{
	width: 75%;
	height: auto;
}

/* -------------------------------------------------- */
/* Solution Titles
/* -------------------------------------------------- */
.spec-solutions{
	display: flex;
	flex-wrap: wrap;
	margin: -9px;
	padding: 18px 0;
}
.spec-solutions li{
  width: 300px;
	padding: 9px;
	text-align: center;
	background-image: none;
}
.spec-solutions span{
	display: block;
	padding: 18px;
	font-size: 21px;
	font-weight: 400;
}
.spec-solutions svg{
	width: 120px;
	height: 120px;
}
@media screen and (max-width: 900px) {
	.spec-solutions li{width: 100%;}
}



/* -------------------------------------------------- */
/* Leadership
/* -------------------------------------------------- */
.leaders{
	display: flex;
	flex-wrap: wrap;
	margin: -6px;
}
.leader{
	padding: 6px;
	width: 33.33%;
	line-height: 0;
}
.leader-card{
	position: relative;
	height: 100%;
}
.leader-text{
	display: flex;
	flex-direction: column-reverse;
	position: absolute;
	z-index: 10;
	width: 100%;
	top: 0;
	bottom: 9px;
	background-image: linear-gradient(transparent, transparent, rgba(0,0,0,.9));
	padding: 0 18px 12px 18px;
}
.leader img{
	width: 100%;
	height: auto;
	filter: grayscale(1);
	transition: filter .25s;
}
.leader-text h3{
	color: #fff;
	line-height: 1.2em;
	margin: 0;
}
.leader-text span{
	color: #95ccf4;
	line-height: 1.2em;
}
.leader-line{
	background: #00205c;
	height: 9px;
}
.leader-line div{
	background: #ed135d;
	height: 9px;
	width: 0;
	transition: width .25s;
}
.leader:hover .leader-line div{
	width: 75%;
}
.leader:hover img{
	filter: grayscale(0);
}
@media screen and (max-width: 780px) {
	.leader{ width: 50%; }
}
@media screen and (max-width: 560px) {
	.leader{ width: 100%; }
}

/* -------------------------------------------------- */
/* Leader Modal
/* -------------------------------------------------- */

.modal .member-name{
	font-size: 18px;
}
.modal .member-position{
	margin: 0;
}
.modal p{
	display: block;
	padding-top: 0;
	margin-bottom: 12px;
}
.member-btn{
	display: inline-block;
	width: 27px;
	height: 27px;
	background: transparent url('/assets/images/subject.svg') no-repeat left top;
}
.member-btn:hover{
	cursor: pointer;
}
.modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  overflow: hidden;
  background: rgba(0,32,92, 0.8);
  z-index: 9999;
}
.modal-window {
  position: relative;
  background-color: #ffffff;
  width: 100%;
  max-width: 800px;
  height: 100%;
  max-height: 800px;
  padding: 36px;
  box-shadow: 0 0 18px rgba(0,0,0,.2);
  text-align: left;
  font-size: 16px;
  line-height: 1.4em;
  overflow-y: auto;
}
.modal-window.video-modal-window{
	padding: 0;
	max-width: 1280px;
	height: auto;
	max-height: 720px;
	overflow: hidden;
}
.modal-window.video-modal-window .video{
	margin: 0;
}
.modal-window img{
	float: right;
	margin: 18px -36px 18px 27px;
	width: 100%;
	max-width: 288px;
}
@media screen and (max-width: 480px) {
	.modal-window img{
		float: none;
		max-width: 100%;
		margin: 0 0 12px 0;
	}
}
.close {
	background: url('/assets/images/close-alt.svg') no-repeat center;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 9px;
	right: 9px;
}
.close:hover,
.close:focus {
   cursor: pointer;
}
.open {
	display: flex;
}
body.active-modal{
	overflow: hidden;
}


/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
footer{
	background: #001743 url('/assets/images/swoosh.svg') no-repeat left bottom;
	min-height: 801px;
	color: #fff;
}
footer h3{
	color: #507abd;
	font-size: 18px;
}
footer a,
footer a:visited,
footer a:active{`
	color: #fff;
}
.foot-cta{
	padding: 54px 0;
	text-align: center;
}
.stroke{
	padding: 54px;
	border: 1px solid #507abd;
}
.foot-cta p{
	font-size: 27px;
}
section p:last-child{
	margin: 0;
	padding: 0;
}

ul.icon-btns{
	display: flex;
	margin: -3px;
}
ul.icon-btns li{
	padding: 3px;
}
ul.icon-btns a{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	width: 42px;
	height: 42px;
}
.foot-btm-row{
	padding: 54px 0;
	font-size: 13px;
}
.foot-btm-row p{
	margin-bottom: 3px;
}
p.mouse{
	font-size: 12px;
}
p.tagline{
	margin-top: -15px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #507abd;
}

input, button, textarea, select{
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
	background: #fff;
	color: #00205c;
	font-size: 14px;
	border-radius: 0;
}
form.optin{
	display: flex;
	margin-bottom: 21px;
}
form.optin input{
	flex-grow: 1;
	padding: 0 18px;	
	height: 48px;
	border: 0;
	background: #fff;
	width: 50px;
}
form.optin button{
	height: 48px;
	padding: 0 24px 0 18px;
}

/* -------------------------------------------------- */
/* Row - Side by Side Compare
/* -------------------------------------------------- */
.cols-2.sbs-compare{
	margin: 0;
}
.sbs-icon{
	width: 120px;
	height: 120px;
	margin: -60px 0 12px -27px;
}

/* -------------------------------------------------- */
/* Mobile Navigation
/* -------------------------------------------------- */
#page{
	padding-top: 180px;
	background: #ffffff;
	position: relative;
	z-index: 20;
	width: 100%;
	left: 0;
	background: #fff;
	-webkit-transition: left .25s; /* Safari */
	transition: left .25s;
}
#page.show{
	left: -240px;
}

.mnav{
	background: #001743;
	position: fixed;
	z-index: 10;
	height: 100vh;
	overflow-y: scroll;
	width: 240px;
	padding: 39px 21px 21px 21px;
	top: 0;
	right: 0;
}
.mnav a{
	display: block;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
	padding: 6px;
	font-size: 15px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
.mnav li{
	margin-bottom: 6px;
}
.mnav li li{
	margin-bottom: 0;
}
.mnav li li a{
	font-size: 14px;
	letter-spacing: normal;
	font-weight: 400;
	text-transform: none;
	color: #507abd;
}

.top-nav button{
	display: none;
	background: transparent url('/assets/images/menu.svg') no-repeat center;
	width: 42px;
	height: 42px;
}
#page.show .top-nav button{
	background-image: url('/assets/images/close.svg');
}

/* -------------------------------------------------- */
/* Mobile Cardiac
/* -------------------------------------------------- */
.trailer{
	background: url('/assets/images/mobile-trailer.png') no-repeat;
	background-size: 100% auto;
	width: 100%;
	max-width: 900px;
	padding-bottom: 31.83%;
}



/* -------------------------------------------------- */
/* Breakpoints
/* -------------------------------------------------- */

@media screen and (max-width: 1920px) {
	.row.aside-img,
	.row.img-aside{
		background-position: center;
	}
}
@media screen and (max-width: 1393px) {
	.cols-2{
		margin: -27px;
	}
	.cols-2 .col{
		padding: 27px;
	}
}
@media screen and (max-width: 900px) {
	.row.aside-img .cols-2,
	.row.img-aside .cols-2{
		min-height: 0;
	}
	.row.aside-img,
	.row.img-aside{
		background-image: none !important;
		border-bottom: 1px solid #efefef;
	}
	.col,
	.cols-2 .col,
	.cols-3 .col,
	.cols-2.tight .col,
	.article,
	.articles a{
	 width: 100% !important;
	}
	.block{ padding: 0; }
	.block-img{ border-left: 8px solid #507abd; }
	.block-txt{
		position: static;
		top: 0; left: 0;
		transform: none;
		background-color: rgba(0,32,92, 1);
	}
}
@media screen and (min-width: 1001px) {
	#page{ 
		left: 0 !important; 
	}
}
@media screen and (max-width: 1000px) {
	.logo{
		width: 246px;
		height: 96px;
	}
	.top-nav ul{
		display: none;
	}
	.top-nav button{
		display: block;
	}
	#page{
		padding-top: 150px;
	}
	.u-nav ul{
		padding-right: 0;
		justify-content: center
	}
	.u-nav a{
		padding: 9px;
	}
}
@media screen and (max-width: 600px) {
	.row{
		padding:  54px 0;
	}
	.stroke{
		padding: 27px 0;
	}
	.foot-cta p{
		font-size: 24px;
	}
	ul.icons li{
		width: 100%;
	}
	.row.img-aside{
		background-position: left bottom;
		background-size: 200% auto;
	}
}
@media screen and (max-width: 500px) {
	.bubbles li{
		width: 33.33%;
	}
}
@media screen and (max-width: 400px) {
	.bubbles li{
		width: 50%;
	}
}