/* @import url(/includes/css/grid-flex.css); */
@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
body {margin:0;padding:0;-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

img{border: 0}
ul{padding-left: 0}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align: middle;text-align:left;}
body {background:#333}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
iframe[src="/management/login/persistSession.aspx"] {display: none}
/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp{width:100%;float:left;clear:left;display:block;}
body>*>.wrap,#alertApp>*, .wrap{width:100%;max-width: 76em;margin-left:auto;margin-right:auto;padding-left: 1.5em;padding-right: 1.5em;position:relative;overflow:auto;}
.map-embed { width: 100%; }
/* TYPEFACES ------------------------------ */

/* Roboto Light */
#history p {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
}

/* Roboto Regular */
#mainnav ul li ul li a, #alertApp h1, p, .text-section h1 span, #sidenav li li a {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}

/* Roboto Italic */
blockquote, blockquote p, figcaption {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-weight: 400;
}

/* Roboto Medium */
#mainnav a, blockquote footer {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
}

/* Roboto Bold */
#ancillary a {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 700;
}

/* Roboto Slab Medium */
#hero .button, .text-section .button {
	font-family: 'Roboto Slab', serif;
	font-style: normal;
	font-weight: 500;
}

/* Source Sans Pro Semi-bold */
h1, h2, h3, h4, h5, h6, body>footer address a, #sidenav li a,
button, .button, input[type="button"], input[type="submit"], input[type="reset"], #paypal input[name='submit'] {
	font-family: 'Source Serif Pro', serif;
	font-style: normal;
	font-weight: 600;
}


/* text */
body, .text, input, button, select, textarea {font-family: Roboto, sans-serif;font-style: normal;font-weight: 400;line-height:1.5;color:#666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.text{font-size: 1rem}
a, a *{color: #AF492C;text-decoration:none;}
a:hover, a:active, a:hover *, a:active *{color: #037A8B;}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
h1, h2, h3, h4, h5, h6, th { line-height: 1.2; }
p + h2, p + h3, p + h4, p + h5, p + h6, 
ul + h2, ul + h3, ul + h4, 
ol + h2, ol + h3, ol + h4,
.content .flex-images + h2, .content .flex-images + h3, .content .flex-images + h4 {margin-top:2em;}
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}

h1 {color: #2F2F2F;font-size: 2.5em;}
h2 { color: #373737; font-size: 1.5em; }
h3 { color: #373737; font-size: 1.375em; }
h4, th { color: #373737; font-size: 1.25em; }
h5 { color: #373737; font-size: 1.125em; }
h6 { color: #373737; font-size: 1.0625em; }

.highlight h2 { color: #023A54; font-size: 1.5em; }

.intro, p.intro {color: #252525;font-size: 1.125em;margin: 0 0 1.5em;}
p {color: #252525;font-size: 1em;line-height: 1.75;}

.content figure {margin: 0 auto 2rem}
.content figure:not(.photoright):not(.photoleft) figcaption {text-align:center}


sup, sub {font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

figcaption {color: #7A7A7A;font-size: .875em;text-align: right;}

blockquote {
	background: url('/images/icons/quote.svg') no-repeat right 1em top;
	border-right: .1875em solid #ACA999;
	float: right;
	margin: 1em 0 1em 2em;
	max-width: 50%;
	padding: 4em 1em .875em 0;
	text-align: right;
	width: 18em;
}

blockquote, blockquote p { color: #252525; }
blockquote p {font-size: 1rem;line-height: 1.5;}
blockquote footer {color: #252525;font-size: .875em;margin: 1.5em 0 0;}
blockquote footer::before { content: '- '}

/* MAIN ------------------------------ */
main.interior { font-size: 1rem; position: relative; }
main.interior>.wrap { max-width: 76em; }

main.interior::before {
	background: #FAFAFA;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ACA999), color-stop(98%, rgba(172,169,153,0)));
	background-image: -o-linear-gradient(top, #ACA999 0%, rgba(172,169,153,0) 98%);
	background-image: linear-gradient(180deg, #ACA999 0%, rgba(172,169,153,0) 98%);
	-webkit-box-shadow: 0 -2px 0 0 #EEE;
	box-shadow: 0 -2px 0 0 #EEE;
	content: '';
	height: 9.375em;
	left: 0;
	opacity: .1;
	position: absolute;
	top: 0;
	width: 100%;
}


main, .mceContentBody{ background: #FFF }

.menu{cursor: pointer}
.contentEditor{background:#fff;min-width:100%;}

/* sidenav */
#sidenav{width:100%;overflow:hidden;margin: 0 0 3em;}
#sidenav ul{padding: 0; margin:0}
#sidenav li{overflow:hidden;}
#sidenav li a{color: #037A8B;padding: .75em .875em;line-height:1.1em;display:block;font-size: .9375em;}
#sidenav li a:hover, #sidenav li a:active{color: #023A54;}
#sidenav li.on {background: #EEE;}
#sidenav li.on>a{color: #023A54;}
#sidenav>ul>li.on {border-radius: .25em;}
/* t2 */

#sidenav li.on ul li a{padding: .5em .5em .5em 2.375em;position: relative;font-size: .8125em;color:#6A6A6A;}
#sidenav li.on ul li a::before {content: '-';left: 1.625em;margin: 0 .3125em 0 0;position: absolute;}
#sidenav li ul li a:hover,
#sidenav li ul li a:active,
#sidenav li ul li.on>a{color: #023A54;}
/* t3 */
#sidenav ul ul {padding: 0 0 .75em;}
#sidenav li ul li.on ul{padding-bottom:.5em;border:0}
#sidenav li ul li.on ul li{border:0}
#sidenav li ul li.on ul li a{padding-left:1rem;font-size:.8em;color:#666}
#sidenav li ul li ul li a:hover,
#sidenav li ul li ul li a:active,
#sidenav li ul li ul li.on>a{color:#000; background:#e5e5e5;}
/* t4 */
#sidenav ul ul ul { display: none; }
#sidenav li ul li ul li.on ul li a{padding-left:1.5rem;font-size:.7em;color:#666}
#sidenav li ul li ul li ul li a:hover,
#sidenav li ul li ul li a:active,
#sidenav li ul li ul li ul li.on>a{color:#000; background:#f5f5f5;}

/*section callouts*/
main>div>aside section{margin:0 0 20px;padding:10px}
main>div>aside section:hover{background:#FFC}
main>div>aside section h1{margin:0;font-size:1.2em}
main>div>aside section p{margin:0}

/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

/* content */
.content h1 { position: relative; }
.content h1::after {
	background: #AF492C;
	border-radius: .25em;
	content: '';
	display: block;
	height: .3125rem;
	margin: .3125em 0 .625em;
	width: 4.5rem;
}

.content{word-wrap:break-word}
.content .photoright, .content .photoleft{max-width:50%;height:auto}
.content .photoright img,.content .photoleft img {max-width:100%; width:100%; height:auto;margin: 0;float: none}
.content img.phototreatment{max-width:50%;height:auto}
.content figure.phototreatment{width: 100%;text-align: center}
.content figure.phototreatment img{max-width: 100%;width: auto;height: auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {max-width: 100%;height: auto}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight{background: #EEE;border: 1px solid #E5E5E5;padding: 2.5em 2em;margin: 3em 0;}
small, .textSm{font-size:.8em}
.content table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

/* list */
.content ol{margin-left:2em}
.content ol li {
	color: #252525;
	line-height: 1.75;
	margin: 0 0 .75em;
	padding-left: 1em;
	position: relative;
}
.content ol ol li {list-style: lower-alpha;}
.content ul li{color: #252525;line-height: 1.75;margin: 0 0 .75em;padding-left: 2.5em;position: relative;}
.content ul ul, .content ol ol { margin: .5em 0 0; }
.content ol ol { margin: .75em 0 0 1.75em; }

.content ul li:before {
	background: #AF492C;
	content: '';
	height: .3125em;
	left: 1.25em;
	position: absolute;
	top: .625em;
	width: .3125em;
}
.content ul li ul li:before{opacity: .5}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
	-webkit-column-rule:1px outset rgba(0,0,0,.15);
	-moz-column-rule:1px outset rgba(0,0,0,.15);
	column-rule:1px outset rgba(0,0,0,.15);
	-webkit-column-gap:2em;
	-moz-column-gap:2em;
	column-gap:2em;
}

.twoCol li, .threeCol li, .resCol li{
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}

/* forms */
input, button, select, textarea {font-size:1rem;line-height: 1.2em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], input[type="reset"]{border-radius:0;outline: none;-webkit-appearance:none;font-size: 1rem;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border: 1px solid rgba(0,0,0,.1);background-color: rgba(0,0,0,.03);padding: .5em .5em;width: 100%;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{background-color: #FFF;}
textarea{display:block;}

select::-ms-expand {
	display: none;
}

select {
	background-image: url('/images/icons/select-arrows.svg');
	background-repeat: no-repeat;
	background-position: -webkit-calc(100% - .875em) -webkit-calc(50% + .0625rem);
	background-position: -webkit-calc(100% - .875em) calc(50% + .0625rem);
	background-position: calc(100% - .875em) calc(50% + .0625rem);
	padding-right: 2.15rem;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"],
input[type="reset"], #paypal input[name='submit'] {
	background:#AF492C;
	border-radius: .43375em;
	display: inline-block;
	color:#fff;
	border:0;
	font-size: 1em;
	margin: .25em 0;
	padding: .875em 2em;
	line-height: 1.1;
	cursor:pointer;
}

.button + .button { margin-left: .5em;}


input::-moz-focus-inner {border:0;padding:0;}
button:hover,.button.hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,
.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus,
#paypal input[name='submit']:hover {background-color: #023A54;color:#fff;}
.button{display: inline-block}
button img{height:1em;width:auto;vertical-align:top}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.formEdit select, .formBuilder select { width:40%; }

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* page header */
.pageHeader{width:100%;height:auto;margin-bottom:2em}

/* alert */
#alertApp {background: #023A54;cursor: pointer;position: relative;width: 100%;padding: .625em 0;z-index: 1;}
#alertApp:hover {background: #037A8B;}
#alertApp.alertStatic { cursor: default;}
#alertApp h1 {color: #FFF;font-size: .9375em;line-height: 1.25em;margin: 0 auto;text-align: center;}
#alertApp:hover h1,#alertApp.expand h1 {color: #FFF;}
#alertApp #alertDesc {height: 0;overflow: hidden;}
#alertApp p {color: #FFF;font-size: .9375rem;line-height: 1.5;margin: 0;padding: .5rem 0 .75rem;position: relative;text-align: center; z-index: 1;}

/* management overrides */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td:nth-child(2) {overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.manageLinks select { width: auto; }
.wsReturnToButton {float:right;margin-top:-3.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:inline-block}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }


/* FOOTER ------------------------------ */
body>footer{
	background: #023A54 url('/images/logo-footer.svg') no-repeat center bottom;
	font-size: 1rem;
	padding: 3.5em 0 2.75em;
	color: rgba(255,255,255,.75);
	text-align: center;
}

body>footer a { color:#FFF; }
body>footer a:hover, footer a:active{ color: rgba(255,255,255,.5); }

body>footer address {line-height: 1.8;margin: 0 0 1.5em;}

body>footer .social {margin: 0 0 1.5em;}
body>footer .social a:hover svg path { fill: rgba(255,255,255,.75); }

body>footer nav {display: block;font-size: .875em;margin: 0 0 .6875em;}
body>footer nav a { display: inline-block; }
body>footer nav span:not(:first-of-type):before {content: "|"; margin: 0 0.5em}

body>footer address a { font-size: 1.125em; }

body>footer a.on, footer .on>a { color: rgba(255,255,255,.5);  }

body>footer #web-solutions a { font-size: .875em; }
body>footer #web-solutions a:not(:hover) { color: rgba(255,255,255,.75); }

/* HOMEPAGE ORDER ------------------------------ */

.flex-order {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
}

#hero { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
#callouts { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
#history { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }
#welcome { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }

/* HERO ------------------------------ */
#hero {
	font-size: 1rem;
	position: relative;
}
#hero:after {content:""; display: block; width:100%; height: 100%; position: absolute; top:0; left:0; background-image: linear-gradient(268deg, rgba(238,238,238,0.00) 28%, rgba(255,255,255,0.80) 70%)}
#hero .wrap {
	left: 50%;
	overflow: visible;
	position: absolute;
	z-index: 3;
	top: calc(50% - 4.5em);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#hero .textbox {
	max-width: 25.9375em;
}

#hero h2 {
	font-size: 3.125em;
}

#hero h2>span { color: #AF492C; }

#hero .button {
	background-image: url('/images/icons/arrow-right.svg');
	background-repeat: no-repeat;
	background-position: -webkit-calc(100% - 1.375em) -webkit-calc(50% + .125em);
	background-position: calc(100% - 1.375em) calc(50% + .125em);
	font-size: 1.25em;
	padding: .875em 3.5em .9375em 2em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#hero .button { background-position: right 1.375em center; }
}


/* CALLOUTS ------------------------------ */
#callouts {
	background: #ACA999;
	border-top: .1em solid #FFF;
	font-size: 1rem;
	padding: 5em 0 2.5em;
	text-align: center;
}

#callouts .wrap { max-width: 81.3125em; overflow: visible; }

#callouts ul {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
}

#callouts li {
	margin: 0 0 2.5em;
	width: -webkit-calc(33% - 2em);
	width: calc(33% - 2em);
}

#callouts li>a {
	display: block;
	position: relative;
}

#callouts li>a>div {
	background-position: center center;
	background-size: cover;
	-webkit-box-shadow: inset 0 0 0 .375em #FFF;
	box-shadow: inset 0 0 0 .375em #FFF;
	margin: 0 0 1.5em;
	padding: 0 0 81%;
	position: relative;
}

#callouts li>a>div::after {
	background: rgba(255,255,255,.4) url('/images/icons/arrow-right.svg') no-repeat center center / 1.25em 1.25em;
	border-radius: 50%;
	content: '';
	height: 3.5em;
	left: 50%;
	opacity: 0;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 3.5em;
}

#callouts h2 {
	color: #FFF;
	font-size: 1.4375em;
	line-height: 1.26;
}

#callouts h2::before {
	background: #AF492C;
	border-radius: .25em;
	content: '';
	display: block;
	height: .3125rem;
	margin: .375em auto .625em;
	width: 7.75rem;
}

#callouts li>a:hover>div {
	-webkit-box-shadow: inset 0 0 0 .375em #FFF, inset 0 0 0 1000px rgba(47,47,47,.6);
	box-shadow: inset 0 0 0 .375em #FFF, inset 0 0 0 1000px rgba(47,47,47,.6);
}

#callouts li>a:hover>div::after { opacity: 1; }


#callouts li:nth-child(3n+2) a { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; }
#callouts li:nth-child(3n+3) a { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }

/* HISTORY ------------------------------ */
#history {
	padding: 4em 0;
	font-size: 1rem;
}

#history .wrap {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 69em;
	overflow: visible;
}

#history img {
	width: 44.5%;
}

#history .textbox {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	width: 50%;
}

#history h2 {
	font-size: 2.625em;
}

#history h2::after {
	background: #037A8B;
	border-radius: .25em;
	content: '';
	display: block;
	height: .3125rem;
	margin: .3125em 0 .625em;
	width: 4.5rem;
}

#history p {
	color: #2F2F2F;
	font-size: 1.125em;
	line-height: 1.55;
}

/* WELCOME / CALL TO ACTION------------------------------ */
.text-section {
	background: #F7F2DC;
	font-size: 1rem;
	padding: 5.75em 0 6.75em;
	text-align: center;
}

.text-section .wrap {
	margin: 0 auto;
	max-width: 46.8125em;
}

#call-to-action {clear:both}
#call-to-action.text-section .wrap {
	max-width: 47.8125em;
}

.text-section h1 {
	font-size: 2.625em;
	margin: 0 0 .875em;
}

.text-section h1::after {
	background: #037A8B;
	border-radius: .25em;
	content: '';
	display: block;
	height: .3125rem;
	margin: .3125em auto .625em;
	width: 4.5rem;
}

.text-section h1 span {
	color: inherit;
	display: block;
	font-size: .6428em;
	margin: 0 0 .25em;
}

.text-section p {
	font-size: 1.125em;
	font-weight: 300;
}

.text-section .buttons {
	margin: 2.5em 0 0;
}

.text-section .button {
	background-position: 1.375em center;
	background-repeat: no-repeat;
	font-size: 1.125em;
	margin: .5em .5625em;
	padding: .875em 2em .9375em 3.5em;
}

.text-section .button:nth-of-type(1) { background-image: url('/images/icons/user-plus-white.svg'); }
.text-section .button:nth-of-type(2) { background-image: url('/images/icons/renew.svg'); }

.content .photo-text-block {margin-bottom: 1em; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;}
.content .photo-text-block .image {width: 20%}
.content .photo-text-block .image a {display: block}
.content .photo-text-block .image a img {display: block; max-width:100%; height:auto}
.content .photo-text-block .photo-text {width:80%; padding: 0.5rem 0 0 1rem}
.content .photo-text-block .photo-text h3 {margin-bottom:0.5rem}

body.fullWidth main.interior.fullWidth > .wrap {max-width:66.75em}
.content .icon-links {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.content .icon-links li {width: 33.333%; margin:0; padding:5px; background: none}
.content .icon-links li:before {display:none}
.content .icon-links a {display: block; padding:2rem 1rem; line-height:1em; background:#f6f5f4; border-radius: 6px; height:100%; text-align:center; font-family: 'Source Serif Pro', serif; font-size: 1.125rem; color: #023A54; text-align: center;}
.content .icon-links a:hover {box-shadow: inset 0 0 0 1px #037A8B;}
.content .icon-links a:before {content: ""; display: block; height: 2rem; margin-bottom:0.75em}
	.content .icon-links a.become-a-member:before {background: url(/images/icons/icon-links-become-a-member.svg) no-repeat center / auto 100%}
	.content .icon-links a.make-a-donation:before {background: url(/images/icons/icon-links-make-a-donation.svg) no-repeat center / auto 100%}
	.content .icon-links a.research:before {background: url(/images/icons/icon-links-research.svg) no-repeat center / auto 100%}
	.content .icon-links a.volunteer:before {background: url(/images/icons/icon-links-volunteer.svg) no-repeat center / auto 100%}
	.content .icon-links a.share-your-story:before {background: url(/images/icons/icon-links-share-your-story.svg) no-repeat center / auto 100%}
	.content .icon-links a.shop:before {background: url(/images/icons/icon-links-shop.svg) no-repeat center / auto 100%}

/* TRANSITIONS ------------------------------ */
a, a::before, a::after, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,
#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger, #mobilenav span, #mobilenav span svg path,
#callouts li>a>div, #callouts li>a>div::after {
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease
}

input:focus, select:focus, textarea:focus {
	-webkit-transition: background-color 150ms ease;
	-o-transition: background-color 150ms ease;
	transition: background-color 150ms ease
}


/* ANIMATIONS CSS ------------------------------ */
.fade-in, .flip-in a, .drop-in,
.translate-left, .translate-right, .translate-down, .translate-up {
	opacity: 0;
	position: relative;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.translate-left { -webkit-transform: translate(3em,0); -ms-transform: translate(3em,0); transform: translate(3em,0); }
.translate-right { -webkit-transform: translate(-3em,0); -ms-transform: translate(-3em,0); transform: translate(-3em,0); }
.translate-up { -webkit-transform: translate(0,3em); -ms-transform: translate(0,3em); transform: translate(0,3em); }
.translate-down { -webkit-transform: translate(0,-3em); -ms-transform: translate(0,-3em); transform: translate(0,-3em); }

.flip-in { -webkit-perspective: 1000px; perspective: 1000px; }
.flip-in a { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.flip-in a { opacity: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
}

.translate-left.animated, .translate-right.animated, .translate-up.animated, .translate-down.animated {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.flip-in.animated a { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
.animated { opacity: 1; }

.stop-animations * {
	-webkit-animation: none !important;
	animation: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

/* -------======= STYLE.CSS =======------- */