:root { --lightGreen: #9CBD00;
--lakeBlue: #6c8db4;
--darkBlue: #012970;
--lightOrange: #f9aa4e;
--grey: #3b3b3b;
--coolGrey: #2b3848;
--darkOrange:#ffa300;
--beige:#958a7c;
--spacing-unit: 6px;
--margins: 2;
--primary-color: #003594;
--primary-color-text: #FFF;
--grid-columns: 4;
--grid-columns2: 2;
--grid-columns3: 3;
--grid-columns4: 4;
--margin-size: (var(--margins) * 2);
--cell-padding: (4 * var(--spacing-unit));
--grid-gutter: (var(--margins) * var(--spacing-unit));
--grid-margin: (var(--margin-size) * var(--spacing-unit));
--cell-margin: (var(--grid-gutter) / 2);
}
input::placeholder {
color: #ccc!important;
font-size: .8em;
}
input::-webkit-input-placeholder {
color: #ccc!important;
font-size: .8em;
}
input::-moz-placeholder {
color: #ccc!important;
font-size: .8em;
}
input:-ms-input-placeholder {
color: #ccc!important;
font-size: .8em;
}
input:-moz-placeholder {
color: #ccc!important;
font-size: .8em;
}
input::-moz-focus-inner {
border:0;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0 0 0 0; color: #3b3c43; background: #fff; font: normal 17px/150% 'Open Sans', arial, verdana, sans-serif; text-shadow: 0px 0px 1px transparent; overflow-x: hidden }
body { overflow-x: hidden; }
#wrap { width: 100%; background: #fff; margin: 30px auto 30px auto; padding: 0 2%; border: 1px solid #ccc; }
#content { min-height: 400px; margin: 86px 0 32px 0; max-width: 90% }
#link-top { display: none; }
header { min-height: 86px; min-width: 100%; ; padding-top: 0px; ; position: fixed; background: #fff; top: 0; z-index: 99; border-bottom: 1px #ccc solid; }
body.Home header { margin: 0 0 0px 0px; }
footer { min-height: 200px; float: left; clear: left; width: 100%; background: rgb(22,29,91); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwMWM4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjA0MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(22,29,91,1) 0%, rgba(2,4,20,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(22,29,91,1)), color-stop(100%, rgba(2,4,20,1))); background: -webkit-linear-gradient(top, rgba(22,29,91,1) 0%, rgba(2,4,20,1) 100%); background: -o-linear-gradient(top, rgba(22,29,91,1) 0%, rgba(2,4,20,1) 100%); background: -ms-linear-gradient(top, rgba(22,29,91,1) 0%, rgba(2,4,20,1) 100%); background: linear-gradient(to bottom, rgba(22,29,91,1) 0%, rgba(2,4,20,1) 100%); color: #fff; border-top: 4px solid #ffc600; }
footer strong, footer a { color: #fff; text-decoration: none; }
footer ul { list-style: none; margin: 0 0 20px 27px; }
footer li { padding: 0; margin: 0; line-height: 120% }
footer li a { font-size: 100%; display: block; text-decoration: underline; padding: 0.35em 0; }
footer h4, footer h3 { color: #fff; font-size: 1.5em; border-bottom: 0px solid #ccc; padding-bottom: 0.3em; }
footer .grid { max-width: 97%; }
a { text-decoration: underline; }
#logo { margin: 10px 20px 0px 4px; height: 64px; }
.head_nav { margin: 60px 0 0px -4px; border-bottom: 4px solid #2a3386; }
#masthead { background: #646469; min-height: 300px; }
h1, .bluetext { color: #0D1775 }
.homeCopy p { font-size: 1.0em; }
.homeCopy p.callout { font-size: 1.3em; }
#content a:not(.button) { color: #0D1775 }
h1.slogan { line-height: 1.0em; margin: 24px 0; font-family: "Open Sans", "Myriad Pro Black", arial, verdana, sans-serif; }
h1.sloganbold { line-height: 1.0em; margin: 24px 0; font-family: "Open Sans", "Myriad Pro Black", arial, verdana, sans-serif; font-size: 2.1em; font-weight: bold; }
h1 small { font-size: 0.7em; }
h1 + h2 { margin-top: -18px; }
#topMenu { position: absolute; top: 0; right: 0; width: auto; z-index: 999; }
#topMenu ul ul { top: 72px; background: rgba(231,231,231,.98); }
#topMenu ul ul ul { top: 0px; background: rgba(231,231,231,.98); }
#topMenu ul ul.fullWidthContainer { background: rgba(231,231,231,.98); position: fixed; width: 100%; box-sizing: border-box; top: 72px; padding: 1em 4em; border-bottom: 12px solid #777; }
#topMenu ul ul.fullWidth { position: relative; left: 0; border: none; top: 0; box-shadow: none; column-count: 3; column-break-inside: avoid; display: block !important; }
#topMenu ul li a { border-right: 0px dotted #bbb; padding: 32px 16px; display: block; width: auto; color: #444; text-decoration: none; XXXwhite-space: nowrap; }
#topMenu ul li.last a { border-right: 0px dotted #bbb; }
#topMenu ul li a:hover, #topMenu ul li a ul:hover { color: #999!important; background: none; text-shadow: none; }
#topMenu ul ul li a { padding: 8px 16px; display: block; width: auto; color: #222; text-decoration: none; border: none; box-sizing: border-box; }
#topMenu .secondMenu { border-left: 1px dotted #bbb; box-sizing: border-box; padding: 0 12px; }
#topMenu .secondMenu p { font-size: 0.8em; line-height: 120%; }
#topMenu .secondMenu a:hover { background: 0; }
#leftcolumn { margin: 110px 12px 0 0 }
body.Home #sidenav2 { display: none!important; }
#sidenav ul { margin: 0 0 0 24px; padding: 0; list-style: none; }
#sidenav li { padding: 0 }
#sidenav li a { text-decoration: none; color: #2a3386; padding: 8px 6px; width: 90%; max-width: 220px; display: inline-block; border-radius: 0px; line-height: 1.2em; }
#sidenav li a:hover { border-bottom: none; }
#sidenav li a.act { text-decoration: none; color: #fff; background: #2a3386; }
.teamThb { display: inline-block; margin: 4px; border: 1px solid #000; }
a.topLevel { background: rgba(191,199,249,0.95); text-shadow: 0 0 1px transparent; border-top-left-radius: 12px; border-top-right-radius: 12px; margin-right: .2em!important; padding-left: .8em!important; }
.menu li.hover>a.topLevel { box-shadow: 4px 4px 4px rgba(0,0,0,.3) }
.navbar { position: fixed; top: 0; left: 0; width: 100%; background: #000; color: #fff; z-index: 1000; }
.navbar #logo { position: absolute; top: 0; right: 0; padding: 0.5em 1em; font-size: 1.7em; color: #efefef; text-decoration: none; }
.navbar span { color: #86dc00; }
.navbar ul { display: inline-block; margin: 0; padding: 0; }
.navbar li { margin: 0; padding: 0; list-style-type: 0; display: inline-block; }
.navbar li a { display: inline-block; color: #efefef; padding: 1em 1.3em; text-decoration: none; text-transform: uppercase; line-height: 100%; font-size: 1.2em; }
.callout { background: var( --grey); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAHlBMVEUAAABkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGSH0mEbAAAACnRSTlMAzDPDPPPYnGMw2CgMzQAAAChJREFUKM9jgAPOAgZMwGIwKkhXQSUY0BCCMxkEYUAsEM4cjI4fwYIAf2QMNbUsZjcAAAAASUVORK5CYII='); background-size: 15px; ; box-sizing: border-box; padding: 1.5em 2em; margin: 6px auto; color: #fff; width: 100%; text-align: center; display: inline-block; border-radius: 2px; font-size: 120%; line-height: 1.3em; box-shadow: 0 0 0px rgba(102,102,102,1); position: relative }
.callout + div.grid { margin-top: 50px; }
a.callout { cursor: pointer; }
.callout i.icon-4x { font-size: 6em; }
.callout h4 { margin-bottom: 30px; }
.callout-top { margin: 50px 0 0 0; }
.callout p { margin-bottom: 0; display: inline; }
.callout .button { margin-top: 0px; vertical-align: middle; }
.callout.green { background: #19ad0b; }
.callout.grey { color: #fff; background-color: #4b4949; }
.callout.blue { color: #000; background: var( --darkBlue); }
.callout.grey.home, .callout.blue.home { font-size: 1.8em; line-height: 1.2em; }
.callout.silver { background: #EFEFEF; box-shadow: 0 0 12px #4598ef; color: #000; }
#content .callout:not(.blue) a.button, input.submit { background: #ffc600; color: #000; border: 1px solid #555; text-shadow: 0 0 1px transparent; }
#content .callout:not(.blue) a.button { display: table; margin: 0 auto .5em; font-size: 1.2em; padding: .5em .75em; color: #000 !important; }
#content .callout.blue a.button { display: table; margin: 0 auto .5em; font-size: 1.2em; padding: .5em .75em; color: #fff !important; }
#content .callout a.button:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
.callout:hover { }
nav ul { list-style: none!important; margin: 0!important; padding: 0!important; }
nav ul a { text-decoration: none; }
.grabberText { font-size: 1.8em; line-height: 1.2em; font-weight: lighter; }
div.multiColumn { padding: 0em 0 0 0; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
div.multiColumn4 { padding: 1em 0 0 0; -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; text-align: center; }
.multiColumn li, .multiColumn4 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.multiColumn ul, ul.list { list-style: none; }
.multiColumn a, .list a { text-decoration: none; color: #036; font-size: 1.2em; }
.multiColumn a:hover, .list a:hover { text-decoration: underline; }
ul.check { list-style: none; }
ul.check li { padding: 10px 0; margin: 0 0 0 40px; font-size: 1.2em; }
ul.check li:before { color: green; font-weight: bold; content: '\2714\0020'; margin-left: -30px; font-size: 2rem; }
.gridFlex img { max-width: 100%; }
.gridFlex { margin: 0; border: 0; padding: 0; display: flex; flex-flow: row wrap; align-items: stretch; padding: calc(var(--grid-margin) - var(--cell-margin)); background-color: var(--grid-color); justify-content: center; }
.gridFlex.twoColumns .cell { width: 47%; width: calc(100% / var(--grid-columns2) - var(--grid-gutter)); }
.gridFlex.threeColumns .cell { width: 31%; width: calc(100% / var(--grid-columns3) - var(--grid-gutter)); }
.gridFlex.fourColumns .cell { width: 21%; width: calc(100% / var(--grid-columns4) - var(--grid-gutter)); }
.gridFlex.oneColumns .cell { width: 80%; margin-left: auto; margin-right: auto; padding: 1em; }
.cell { color: rgb(97, 97, 97); display: flex; flex-direction: column; box-sizing: border-box; margin: 6px; margin: calc(var(--cell-margin)); background-color: #333; background-color: var(--cell-color); width: 23%; width: calc(100% / var(--grid-columns) - var(--grid-gutter)); box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); position: relative; overflow: hidden; }
body.home .cell { min-height: 420px; }
.cell.white { --primary-color: #fff;
--primary-color-text: #333;
}
.cell.green { --primary-color: var(--darkGreen);
--primary-color-text: #FFF;
}
.cell.lightgreen { --primary-color: var(--lightGreen);
--primary-color-text: #FFF;
}
.cell.blue { --primary-color:#6c8db4;
--primary-color: var(--lakeBlue);
--primary-color-text: #FFF;
}
.cell.orange { --primary-color: var(--lightOrange);
--primary-color-text: #FFF;
}
.cell.darkOrange { --primary-color: var(--darkOrange);
--primary-color-text: #FFF;
}
.cell.beige { --primary-color: var(--beige);
--primary-color-text: #FFF;
}
.cell-title { font-size: 1.25em; font-size: calc(2.9 * var(--spacing-unit));
width: 100%; position: relative; }
.cell-header { display: flex; align-items: center; color: #fff; box-sizing: border-box; background-color: #2b3848; background-color: var(--primary-color); padding: 4px; height: calc(12 * var(--spacing-unit));
z-index: 2; justify-content: center; text-align: center; }
.gridFlex h4 { display: flex; align-items: center; text-align: center; box-sizing: border-box; padding: 4px; height: 2em; text-align: center; }
.cell-header.black { background-color: #2b3848; background-color: var(--coolGrey); }
.cell a { text-decoration: none }
.cell-content {
font-size: calc(2.5 * var(--spacing-unit)); padding: calc(var(--cell-padding)); flex-grow: 1; background: #fff; Xbackground: var(--primary-color); min-height: 322px; position: relative; transition: 1s all ease; }
.cell-content.text { background: rgba(255,255,255,0.9); font-size: 1.3em; text-align: center; position: absolute; top: -400px; left: 10px; right: 10px; z-index: 1; transition-delay: 1s; transition-property: top; }
.cell-content.photo { transition-delay: 1s; transition-property: filter; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.cell:hover .cell-content.text { top: 90px; transition-delay: 0s; transition-property: top; }
.cell-content photo { position: relative; z-index: 0; }
.cell-content.full { font-size: .8em; font-size: calc(2.0 * var(--spacing-unit));
padding: 8px 8px 16px 8px; ; flex-grow: 1; line-height: 130%; }
.cell-actions {
padding: calc(2 * var(--spacing-unit)); border-top: 1px solid rgba(0, 0, 0, 0.12); position: relative; z-index: 3; }
.cell-actions.full { padding: 0; border-top: none; }
#content a.button.picker-button { position: relative; font-size: calc(2 * var(--spacing-unit));
display: inline-block; box-sizing: border-box; border: none; border-radius: 2px; color: #fff; text-decoration: none; padding: calc(2 * var(--spacing-unit));
text-align: center; text-decoration: none; background: #333; Xbackground: var(--primary-color); cursor: pointer; overflow: hidden; text-transform: uppercase; transition: background-color 0.2s; }
.cell-actions.full .picker-button { display: block; width: 100%; }
a.picker-button { color: #fff; background: #333; text-decoration: none; }
.cell-actions.full a.picker-button { color: #fff; text-decoration: none; display: block; }
a.picker-button:hover { background: #6c8db4; background: var(--primary-color); opacity: 1; color: #000; border: none; box-shadow: 0 0 12px var(--primary-color); }
a.picker-button:focus { outline: none; }
a.picker-button:active { background-color: #DDD; }
a.button.fullWidth { width: 100%; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", arial, helvetica, sans-serif; font-weight: normal; color: #585570; }
h3 a { text-decoration: none; }
.menu li.menu-toggle a { display: none; background: #444; color: #fff; text-shadow: 0 0 1px transparent; text-align: center; font-size: 1.5em; }
thead th, tbody th { font-family: "Open Sans", arial, verdana, sans-serif; }
button, a.btn, input[type="submit"], input[type="reset"], input[type="button"] { font-family: "Open Sans", arial, verdana, sans-serif; }
.menu { font-family: "Open Sans", arial, verdana, sans-serif; }
blockquote { font-family: "Open Sans", arial, verdana, sans-serif; }
.grid { position: relative; }
small { display: inline-block; line-height: 110%; }
.bar { background: #2A3386; color: #fff!important; padding: .4em .5em .25em .5em; }
.blackBar { background: #000; color: #fff!important; padding: .4em .5em .25em .5em; }
.breakOut h2 { margin-left: 0%; }
.homeCopy .iFrame > h3 { margin-top: 0px!important; }
#homeChoices { position: relative; display: flex; flex-direction: row; align-items: flex-start; transition: ease-in .5s all; max-width: 1024px; margin: 0 auto; }
#homeChoices div.col_4, #homeChoices div.col_6 { position: relative; display: flex; height: 100%; min-height: 400px; flex-direction: column; margin-left: 2em; margin-right: 2em; }
#homeChoices .newsBlocks { padding: 1.0em 0.5em; }
#homeChoices .newsBlocks a { text-decoration: none; line-height: 120%; display: inline-block; }
#homeChoices .newsBlocks a:hover { text-decoration: underline; }
#homeChoices .newsBlocks:hover { transition: ease-in .5s all; background: #efefef; }
#homeChoices .colHeader { padding: 6px; background: var( --darkBlue); color: #fff; text-align: center; font-size: 1.3em; }
#homeChoices .title { font-weight: bold; padding: 4px; text-align: center; min-height: 4.2em; line-height: 4.2em; }
#homeChoices .title span { display: inline-block; vertical-align: middle; line-height: normal; }
#homeChoices .content { padding-bottom: 10px; text-align: center; }
#homeChoices .action { text-align: center; margin-top: .75em; position: absolute; bottom: 0; width: 100%; }
#homeChoices .action a { text-decoration: none; margin-top: 6px; display: inline-block; }
#homeChoices .action a.newslinks { line-height: 120%; margin: .75em 0; padding: 3px; border: 1px solid #fff; }
#homeChoices .action a.newslinks:hover { border: 1px solid #bbb; }
.homeIntro { font-size: 2em; text-shadow: 3px 3px .0em rgba(0,0,0,.8); text-transform: uppercase; height: 340px; max-width: 1200px; display: table-cell; vertical-align: middle; background: rgba(0,0,0,.2); }
.introwrap { background: #333 url(/assets/images/home-keyboard2.jpg) no-repeat center center; height: 360px; display: table; vertical-align: middle; text-align: center; padding: 0!important; }
.homeIntro, .homeIntro a, .homeIntro strong, .homeIntro *, .bigButton a { color: #fff!important; text-decoration: none; line-height: 140%; }
#tomMartin { padding: 2em 0; color: #fff !important; margin-top: 2em; margin-bottom: -4em }
#tomMartin img { margin: 1.6em 0; width: 300px; max-width: 90%; box-shadow: 0 0 20px rgba(255, 215, 0, .3); }
.bigButton { padding: .5em 1em; text-transform: uppercase; font-weight: bold; background: #9F0319; display: inline-block; margin: .75em auto; box-shadow: .25em .25em .5em rgba(0,0,0,.8); text-shadow: .25em .25em .5em rgba(0,0,0,.0); text-transform: uppercase; font-size: 2em; }
#bookPromote { display: flex; margin-top: 2em; margin-bottom: 2em; flex-wrap: wrap; }
.bookAside { width: 40%; padding: 2em 2em; ; float: left; display: flex; background: #333; justify-content: center; }
.bookAside img#DCAABook { max-height: 400px; box-sizing: border-box; width: auto; padding: 12px; background: #000; box-shadow: 0 0 16px rgba(0,0,0,0.7) }
.bookDesc { width: 60%; padding: 2em 2em; ; float: left; display: flex; flex-direction: column; }
#bookStats i { display: block; padding: 12px 0; }
#casestudies img { disply: block; padding: 2px 0; border: 1px solid #ccc; overflow: auto; }
#mc_embed_signup { padding: 30px 0; }
#ui-preview { border: 5px solid #ddd; margin: 30px 0; display: block; }
.reviewName { display: block; text-align: right; font-size: 1em; }
.two_cols { columns: 2; -webkit-columns: 2; -moz-columns: 2; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; -moz-column-rule: 1px solid #ddd; -webkit-column-rule: 1px solid #ddd; column-rule: 1px solid #ddd; }
ul.two_cols li { margin-left: 2.4em; Xtext-indent: -1em; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; Xbreak-before: column; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #1424B8; }
ul.two_cols { list-style: outside disc; padding: 0.5em; margin: 1em 0 0 0; }
.greyText, a.greyText { color: rgb(131, 131, 131); }
.border { 1px solid #000
}
.border3 { 3px solid #000
}
.question{font-weight: bold;}
.answer {padding-left: 2em;}
.border2 { padding: 6px; background: #fff; }
.halo { box-shadow: 0 0 8px rgba(0,0,0,.5) }
.blueText { color: #0D1775; }
.bar { width: 100%; padding: 1.5em .5em; margin: 1em 0; }
.headerBar { width: 100%; padding: .5em .5em; margin: 1em 0 0; }
.coolGreyBG { background: var(--coolGrey); }
.blueBar { background: #0D1775; color: #fff; }
.blackBar { background: #333; color: #fff; }
.bigText { font-size: 130%; line-height: 1.3em; }
.largerText { font-size: 125%; line-height: 1.3em; }
.introText { font-size: 130%!important; line-height: 1.2em; margin: 1em .5em; }
.codeSection { font-weight: bold; margin-top: 18px; }
.codeSection ~ p:not(.codeSection) { margin-left: 19px; }
#socialLogos img { max-height: 40px; max-width: 40px; margin: 4px; }
#assoclogos img { max-height: 60px; width: auto; margin: 4px; vertical-align: middle; }
#content button a, #content button a:hover { text-decoration: none; border-bottom: none; }
.slideMsg { position: absolute; padding: 10%; z-index: 99; }
.homeCopy { margin: 0 15%; }
.padH { padding-left: 5%; padding-right: 5%; }
.padV { padding-top: 2em; padding-bottom: 2em; }
.breakout, .breakOut { margin: 0 calc(50% - 50vw); overflow: auto; }
.breakout:before, .breakOut:before { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
.breakOut h2 { margin-top: 0; padding: 1.36em; }
#st-1 { font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif; direction: ltr; display: block; opacity: 1; text-align: center; z-index: 94034; padding: 8px 0; background: #333; color: #fff; }
#Xmasthead { background: rgba(0,0,0,1); XXopacity: .4; position: relative; }
#Xmasthead img { background: rgba(0,0,0,1); position: relative; }
#Xmasthead:after { background: rgba(0,0,0,1); content: ""; width: 100%; height: 100%; opacity: .4; background-blend-mode: darken; position: absolute; top: 0; left: 0; }
#Xmasthead h1.sloganbold { color: #fff; margin: 0em 1em 0.9em 1em; bottom: 0em; position: absolute; z-index: 9; opacity: .75; border-bottom: 1px solid #ccc; text-shadow: 0 0 12px rgba(0,0,0,1); transition: all .75s; text-align: left; }
#Xmasthead + h1.sloganbold { color: #fff; margin: -2em 1em 2.0em 1em; bottom: 0em; position: relative; z-index: 9; opacity: .75; border-bottom: 1px solid #ccc; text-shadow: 0 0 12px rgba(0,0,0,1); transition: all .75s; }
#Xmasthead:hover + h1.sloganbold { opacity: 1; }
#bookBug img#DCAABook { padding: 1em; display: block; box-sizing: border-box; margin: 12px 0; }
aside #bookPageAside div.hide-phone { margin-left: 0!important; margin-right: 0!important; }
article#newsArticle h3 { margin-top: 1.25em; font-size: 1.35em; }
.hide { display: none; }
.show { display: block; }
.hide, .grid *[class*="col_ hide"] { display: none; }
.fullWidth { margin: 0 calc(50% - 50vw); }
#bookBug { margin: 2em 2em 3em 0; max-width: 300px; }
#bookBug .title { font-size: 1.2em; font-weight: bold; line-height: 110%; background: black; color: #fff; padding: 10px 20px; ; }
img#DCAABook { padding: 1em; display: block; box-sizing: border-box; }
#bookBug img#DCAABook { padding: 0em; display: block; box-sizing: border-box; max-width: 100%; }
#bookBug .action a { font-size: 1.4em; font-weight: bold; line-height: 110%; border-radius: 6px; }
#sideSealAnny { text-align: center; margin: 1em 2em 2em 0; }
hr.thin { margin: 0 }
.colBox a { text-decoration: none; }
.colBox a:not(.button):hover, .colBox h3 a:hover { color: green!important; text-decoration: none; }
.two_columns { -webkit-column-count: 2; -webkit-column-gap: 32px; -webkit-column-rule: 0px solid #ccc; -moz-column-count: 2; -moz-column-gap: 32px; -moz-column-rule: 0px solid #ccc; column-count: 2; column-gap: 32px; column-rule: 0px solid #ccc; }
.two_columns div { break-inside: avoid-column; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; display: inline-block; width: 100%; }
.colBox { display: inline-table; height: 210px; position: relative; border-bottom: 1px #ccc dotted; margin-bottom: 18px; }
.colBox div.button { position: absolute; bottom: 12px }
.colBox h3 { display: table-cell; height: 2.24em; }
a.paginate, a.current { padding: 2px 8px; text-decoration: none; border: 1px solid #777; margin: 0 4px 0 0; color: #000; }
a.current { background: #444; color: #fff; }
a.paginate:hover { background: #900; color: #fff; }
.dim { opacity: .5; }
a.pager { display: inline-block; padding: 2px 8px; background: #333; color: #fff!important; text-decoration: none; margin: 4px; }
a.pager.thisPage { color: #FC0; cursor: not-allowed; background: rgba(51,51,51,.5); }
footer .footerContact a.button { display: table; margin: .5em auto .5em; font-size: 1.1em; padding: .5em .75em; color: #000 !important; border: 1px solid #555; text-shadow: 0 1px 0 #000; background: #ffc600; }
footer .footerContact a.button strong { color: #000 !important; }
#mobileMenuWrap { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; }
#mobileMenuToggle { display: none; position: fixed; top: 0; right: 0; width: auto; background: none; cursor: pointer; color: #000; text-align: right; font-size: 2rem; padding: .5em 8px; z-index: 9999999; box-sizing: border-box; }
#mobileMenuToggle.closeMenu { background: #000; color: #fff; width: 100%; text-align: right; }
#mobileMenu { position: absolute; z-index: 999999; width: 100%; height: 100vw; padding-bottom: 200px; overflow: scroll; top: 58px; left: 151%; }
#mobileMenu ul { background: #333; color: #fff; list-style: none; margin: 0; overflow: scroll; height: auto; position: relative; display: block; }
#mobileMenu ul a { color: #fff; font-size: 1.5rem; text-align: left; display: block; padding: 0.8rem .1em; text-decoration: none; margin: 0 0 0 10% }
.clickme { }
#arrowup { width: 32px; height: 32px; }
@media all and (min-width: 1281px) {
}
@media all and (min-width: 1024px) and (max-width: 1280px) {
.grid *[class*="col_"] { }
.grid { max-width: 100%; }
.show-desktop { display: block; }
.hide-desktop { display: none; }
.show-tablet { display: none; }
.hide-tablet { display: block; }
.show-phone { display: none; }
.hide-phone { display: block; }
header { max-width: 100%!important; }
hr.show-phone { clear: none }
.gridFlex.fourColumns .cell { width: 48%; width: calc(200% / var(--grid-columns4) - var(--grid-gutter)); }
}
@media all and (max-width: 1024px) {
xheader { margin-left: -20px!important; }
#content.col_8 { width: 74%; }
#topMenu ul li { }
#homeIntro { font-size: 1.8em; padding-top: 10px; }
.introText { font-size: 130%!important; line-height: 1.2em; margin: 1em .5em; }
.homeCopy { margin: 0 5%; }
}
@media all and (min-width:800px) and (max-width:1200px) {
.grid { max-width: 100%; margin: 0 auto; padding: 0 0em }
#leftcolumn { margin: 110px 0 0 12px; }
#Xmasthead + h1.sloganbold { border-bottom: none; margin: -2em 0em 2em .5em; }
ul.two_cols { margin: 0 0 1em 0; ; }
}
@media all and (min-width: 800px) and (max-width: 1023px) {
a.topLevel { border-top-left-radius: 0px!important; border-top-right-radius: 0px!important; }
header { margin-left: 0!important; ; }
.head_nav { margin: 60px 0 16px 0px!important; }
.grid *[class*="col_"] { }
.grid { max-width: 100%; }
.grid .col_4.photo { width: 31.666666666667%; margin-left: .83333333333333%; margin-right: .83333333333333%; margin-top: 0.5em; margin-bottom: 0.5em; float: left; display: block; }
.grid .col_4.photo > .col_8 { width: 65%; margin-left: .83333333333333%; margin-right: .83333333333333%; margin-top: 0.5em; margin-bottom: 0.5em; float: left; display: block; }
.show-desktop { display: none; }
.hide-desktop { display: block; }
.show-tablet { display: block; }
.hide-tablet { display: none; }
.show-phone { display: block; }
.hide-phone { display: none; }
header { max-width: 100%!important; left: 0; }
#content { margin: 125px 0 0 0!important; max-width: 100%!important; }
#teamPhoto { float: left; clear: none!important; margin: 0 12px 12px 0; width: auto; }
#teamInfo { clear: none!important; width: auto }
.teamThb { margin: 2px!important; }
.slideMsg { padding: 2%!important; max-width: 45%; }
}
@media all and (min-width: 600px) and (max-width: 903px) {
#logo { margin: 12px auto 12px auto!important; display: block; float: none; }
#topMenu { min-width: 100%; position: relative; text-align: center }
#topMenu ul { background: #333; }
#topMenu ul li a { padding: 12px 16px; color: #fff; text-align: left; }
#topMenu ul li.menu-toggle a { color: #fff; }
#topMenu ul ul { top: 0; }
#topMenu ul ul li a { }
#topMenu ul ul.fullWidthContainer { top: 122px; }
#homeChoices div.col_4, #homeChoices div.col_6 { min-height: 422px; }
}
@media all and (min-width: 480px) and (max-width: 800px) {
#homeIntro { font-size: 1.6em; padding-top: 10px; }
.homeCopy { margin: 0 2%; }
#homeChoices .colHeader { margin: .25em 0; background: #000; }
#homeChoices div.col_4, #homeChoices div.col_6 { min-height: 452px; }
.grid *[class*="col_"] { float: none; width: auto; clear: both; display: block; }
.grid *[class*="col_"] [class*="col_"] { margin-left: 0; margin-right: 0; width: 100%; }
.grid { max-width: 100%; }
.show-desktop { display: none!important; }
.hide-desktop { display: block; }
.show-tablet { display: block; }
.hide-tablet { display: none; }
.show-phone { display: none; }
.hide-phone { display: block; }
header { max-width: 100%!important; padding-top: 0; }
.head_nav { margin: 60px 0 2px -14px; }
#leftcolumn { margin: 200px 0 0 -20px; padding: 0 12px 0 12px; }
#logo { margin: 0 112px 0 0px!important; }
#logo { margin: 16px auto 18px auto!important; display: block; float: none; }
#content { margin: 140px 0 0 0!important; width: 100%!important; max-width: 100%!important; }
ul.two_cols li:before { display: none!important; }
#leftcolumn { display: none; }
#elTeamMain { display: block; margin-bottom: 3em; }
#elTeam { display: none; }
nav#sidenav { margin-bottom: 3em; }
}
@media all and (max-width: 840px) {
#sidenav > ul > li > a { font-size: 1.3em; text-align: center; width: 100%; max-width: 100%!important; }
#sidenav > h3 { font-size: 1.6em; font-weight: bold; margin-bottom: 1.05em; }
h1.homeBar { font-size: 2.4rem; }
html, body { font-size: 16px; position: relative; min-height: 100%; overflow-x: hidden; }
* { max-width: 100vw }
ul.two_cols li:before { display: none!important; }
.two_cols { columns: 1!important; -webkit-columns: 1!important; -moz-columns: 1!important; }
header { max-width: 100%!important; padding: 0; position: relative; text-align: center; background: none; }
#content { margin: 0px 0 0 0!important; max-width: 100%!important; min-height: 120px!important; }
.grid *[class*="col_"]:not(.hide):not(.photo):not(.csdescription) { float: none; width: auto; clear: both; display: block; }
.grid *[class*="hide col_"] { float: none; width: auto; clear: both; display: none; }
.grid *[class*="col_"] [class*="col_"]:not(.photo):not(.csdescription) { margin-left: 0; margin-right: 0; width: 100%; }
.grid { max-width: 100%; padding: 0 0em; }
header .grid { padding: 0; }
#homeChoices div.col_4, #homeChoices div.col_6 { margin-left: 0em; margin-right: 0em; }
.show-desktop { display: none!important; }
.hide-desktop { display: block; }
.show-tablet { display: none!important; }
.hide-tablet { display: block; }
.show-phone { display: block; }
.hide-phone { display: none!important; }
#leftcolumn { display: none; }
#sideSealAnny { margin-top: 24px; margin-left: 2em; }
header .grid { margin: 0; padding: 0; }
footer, footer .right, footer .left { text-align: center; }
footer ul li a { font-size: 1.0em; margin: 12px 0; display: block; line-height: 110%; }
.homeCopy { margin: 0 2%; }
#logo { margin: 16px auto 18px auto!important; display: block; float: none; }
#Xmasthead { width: 100vw!important; margin: 0 0 0 0em; margin: 0 calc(50% - 50vw); }
a.topLevel { border-top-left-radius: 0px!important; border-top-right-radius: 0px!important; }
#content { font: normal 1.1em/150% 'Open Sans', arial, verdana, sans-serif!important; }
h1.slogan { border-bottom: 1px none rgb(100, 100, 105)!important; line-height: 1.1em!important; text-align: center; }
h1, h2, h3, h4, h5, h6 { text-align: center!important; text-align: center; display: block; }
.two_columns { -webkit-column-count: 1; -webkit-column-gap: 32px; -webkit-column-rule: 0px solid #ccc; -moz-column-count: 1; -moz-column-gap: 32px; -moz-column-rule: 0px solid #ccc; column-count: 1; column-gap: 32px; column-rule: 0px solid #ccc; }
.colBox { display: block; height: auto; position: relative; border-bottom: 1px #ccc dotted; margin-bottom: 18px; }
.colBox div.button { position: relative; padding-top: 12px; bottom: 12px }
#elTeamMain { display: block; margin: 1em 2em 3em; }
#elTeam { display: none; }
.teamThb { }
nav#sidenav { margin-bottom: 3em; }
#bookBug { margin: 2em auto 3em auto; }
#content:not(h1):not(h2):not(h3):not(.breakthrough):not(.breakout):not(.phoneBlueBreakout):not(p) > * { padding-left: 0em; padding-right: 0em; }
#content #Xmasthead, #content .breakthough { padding: 0; width: 100%; }
h3 { margin: 20px 1em; }
p, #sidenav2, body.News #content { padding: 10px!important; }
menu ul { margin: 0; padding: 1em; line-height: 120%; }
#homeChoices .colHeader { padding: 15px 6px; }
}
@media all and (max-device-width: 600px) {
#topMenu { position: relative; margin-bottom: 0px; margin-top: .75em; }
#topMenu ul.menu { background: rgba(191,199,249,.95); position: sticky; }
#topMenu ul li a { color: #fff!important; min-width: 100% }
#topMenu { min-width: 100%; max-width: 100%; position: relative; }
#topMenu ul.menu { text-align: center; background: rgba(0,0,0,0.95); }
#topMenu ul ul { top: 0px; background: #333; }
#topMenu ul li a { padding: 1.5em 8px; font-size: 1em; box-sizing: border-box; }
#topMenu ul ul li a { padding: 18px 10px; }
#topMenu { position: relative; margin-bottom: 00px; text-align: right; ; }
#mobileMenu ul a.topLevel { margin: 0; margin-right: .0em!important; text-align: center; ; }
#topMenu ul ul.fullWidthContainer { position: relative; top: 0px; width: 100%; box-sizing: border-box; background: #333; color: #fff; padding: 1em 4em; min-height: 33vh; border-bottom: 12px solid #777; }
#topMenu ul ul.fullWidth { background: #333; position: relative; left: 0; width: 100%; margin: 0; border: none; top: 0; box-shadow: none; color: #fff; column-count: 1; column-break-inside: avoid; display: block !important; }
#topMenu ul ul.fullWidthContainer *, #topMenu ul ul.fullWidthContainer h5, #topMenu ul ul.fullWidthContainer a { color: #fff!important }
#logo { margin: 16px auto 18px auto!important; display: block; float: none; }
}
@media all and (max-device-width: 480px) {
h1, h2, h3, h4, h5, h6 { text-align: center; padding-left: 1em!important; padding-right: 1em!important; }
.grid *[class*="col_"]:not(.hide) { float: none; width: auto; clear: both; display: block; }
#casestudies img { display: block; width: 50%; text-align: center; margin: 0 auto; }
#casestudies .csdescription { padding: 0 1em; }
.cell { width: 100%!important; }
.cell-content.text { top: 73 px; left: 0px; right: 0px; }
.breakOut h2 { margin-left: 0%; }
body.Home .bookAside, body.Home .bookDesc, body.Home #bookPromote { display: block; width: 100%; }
*[class*="col_"].delta { padding-left: 0; }
*[class*="col_"].gamma { padding-right: 0; }
#homeChoices { flex-direction: column; }
#homeChoices div.col_4 { min-height: 400px; }
#homeChoices .content { padding-bottom: 86px; }
#mobileMenu ul a.topLevel { background: #0D1775; padding: 0.45em 8px; margin: 16px 0; font-size: 1.8rem; display: block; line-height: 2.1rem; }
#mobileMenu ul a.topLevel.first { margin: 0 0 16px 0; }
.fullWidth { }
footer ul, ol { margin: 0 0 20px 0px; }
footer ul li a { padding: .75em 1em; display: block; text-align: center; width: 100%; }
#sidenav2 { text-align: center; }
#contactInfo { text-align: center; margin-bottom: 2em; }
#sideSealAnny { margin: 2em 0 2em 0; text-align: center; }
img.align-left, .img-wrap.align-left { float: none; margin: .5em auto; text-align: center; display: block; }
.homeCopy { margin: 0 5%; }
#bookBug { }
#logo { margin: 16px auto 18px auto!important; display: block; float: none; }
body.Home #sidenav2 { display: none!important; }
.introText { text-align: center; }
#Xmasthead h1.sloganbold, #Xmasthead + h1.sloganbold { color: #333; margin: 1em 1em 0.9em 1em; bottom: 0em; position: relative; z-index: 9; opacity: 1; border-bottom: 0px none #ccc; text-shadow: none; transition: all .75s; text-align:;
}
#Xmasthead:after { display: none; }
.phoneBlueBreakout h3 { color: #fff; }
#content .phoneBlueBreakout { color: #fff; padding: 2em 1em!important; background: rgba(0, 0, 0, 0.45) url('/assets/home/blueBG.jpg'); background-blend-mode: darken; background-size: cover; text-shadow: 0 0 12px rgba(0,0,0,0.99); margin: 0 calc(50% - 50vw); overflow: auto; }
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13/10), (min-device-pixel-ratio: 1.3), (min-resolution: 2dppx), (min-resolution: 120dpi) {
}
@media print {
nav, .menu, #Xmasthead, .noprint, #socialLogos, #assoclogos { display: none!important; }
header { position: relative; background: none; }
#content { margin-top: 2em!important; }
footer, footer a, footer strong { background: none !important; color: #000 !important; }
.hide, .grid div[class*="col_12 hide column"], .grid div[class*="col_8 hide column"] { display: none; }
.show { display: block; }
.grid [class*="col_ hide"] { }
}