@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}

figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}

.button, .download, .call-modal, .content-tabbed>h3>a, .semantic-content .close-action, .semantic-content .open-modal {
	font: 16px/1.4 sans-serif;
	color: #111;
	text-align: center
	-webkit-transition: .1s;
	transition: .1s;
	display: inline-block;
	background: #111;
	text-decoration: none;
	color: #fff;
	border-radius: 0px;
	padding: .6em 1em
}
.button:visited, .download:visited, .call-modal:visited, .content-tabbed>h3>a:visited, .semantic-content .close-action:visited, .semantic-content .open-modal:visited {
	color: #fff
}
.button:hover, .download:hover, .call-modal:hover, .content-tabbed>h3>a:hover, .semantic-content .close-action:hover, .semantic-content .open-modal:hover {
	background: #8EB2B5; text-decoration:none;
}

.site-footer {
	margin: 0 auto;
	padding: 2em 0;
	text-align: center
}
html {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}
.has-overlay {
	overflow: hidden;
	height: auto
}
.has-overlay>body {
	height: 100%;
	overflow: hidden
}
.modal--fade, .semantic-content, .modal--show {
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1005;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none\9
}
.modal--fade:target, .semantic-content:target, .modal--show:target, .is-active.modal--fade, .is-active.semantic-content, .is-active.modal--show {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	width: auto;
	height: auto;
	opacity: 1;
	filter: alpha(opacity=100)
}
.is-active.modal--fade, .is-active.semantic-content, .is-active.modal--show {
	display: block\9;
	height: 100% \9;
	width: 100% \9
}
.modal--fade:target, .semantic-content:target, .modal--show:target, .is-active.modal--fade, .is-active.semantic-content, .is-active.modal--show {
	display: block\9
}
.modal--fade .modal-inner, .semantic-content .modal-inner, .modal--show .modal-inner {
	position: absolute;
	top: 145px;  /*  was 60 */
	z-index: 20;
	right: 10%;	
	margin-right: 0; /* was -325px */
	/*width: 850; /* was 650px */
	overflow: hidden;
	-webkit-overflow-scrolling: touch
}
.modal--fade .modal-inner>img, .semantic-content .modal-inner>img, .modal--show .modal-inner>img, .modal--fade .modal-inner>video, .semantic-content .modal-inner>video, .modal--show .modal-inner>video, .modal--fade .modal-inner>iframe, .semantic-content .modal-inner>iframe, .modal--show .modal-inner>iframe {
	width: 100%;
/*	height: auto;
	min-height: 300px */
}

.modal--fade .modal-inner>img, .semantic-content .modal-inner>img, .modal--show .modal-inner>img, .modal--fade .modal-inner>video, .semantic-content .modal-inner>video, .modal--show .modal-inner>video, .modal--fade .modal-inner>object, .semantic-content .modal-inner>object, .modal--show .modal-inner>object {
	width: 100%;
/*	height: auto;
	min-height: 300px */
} 

.modal--fade .modal-inner>img, .semantic-content .modal-inner>img, .modal--show .modal-inner>img {
	width: auto;
	max-width: 100%
}
.modal--fade .modal-inner iframe, .modal-inner iframe, .semantic-content .modal-inner iframe, .modal--show .modal-inner iframe {
	display: block;
	width: 100%;
	border: 0
}

.modal--fade .modal-inner object, .modal-inner object, .semantic-content .modal-inner object, .modal--show .modal-inner object {
	display: block;
	width: 100%;
	border: 0
}

.modal--fade .modal-content, .semantic-content .modal-content, .modal--show .modal-content {
	position: relative;
	max-height: 400px;
	max-height: 60vh;
	overflow:hidden;
/*	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch */
}
.modal--fade .modal-content>*, .semantic-content .modal-content>*, .modal--show .modal-content>* {
	max-width: 100%
}
.modal--fade footer, .semantic-content footer, .modal--show footer {
	border-top: 1px solid white;
	padding: 0 1.2em 18px;
	background: #f0f0f0;
	border-radius: 2px
}
.modal--fade .modal-close, .semantic-content .modal-close, .modal--show .modal-close {
	display: block;
	height: 1px;
	clip: rect(0 0 0 0);
	margin: -1px;
	overflow: hidden
}
.modal--fade .modal-close:focus:after, .semantic-content .modal-close:focus:after, .modal--show .modal-close:focus:after {
	outline: 1px dotted;
	outline: -webkit-focus-ring-color auto 5px
}
.modal--fade .modal-close:before, .semantic-content .modal-close:before, .modal--show .modal-close:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10
}
.modal--fade .modal-close:after, .semantic-content .modal-close:after, .modal--show .modal-close:after {
	content: '\00d7';
	position: absolute;
	top: 120px; /*  was 35 */
	/*right: 10%;  we now handle this with jQuery */ 
	z-index: 20;
	margin-right: 0; /*  was 325 */
}

@media screen and (max-width:690px) {
.modal--fade .modal-inner, .semantic-content .modal-inner, .modal--show .modal-inner {
	width: auto;
	left: 20px;
	right: 20px;
	margin-left: 0
}
.modal--fade .modal-close:after, .semantic-content .modal-close:after, .modal--show .modal-close:after {
	margin-right: 0!important;
	right: 20px
}
}

@media screen and (max-width:30em) {
.modal--fade, .semantic-content, .modal--show {
	-webkit-transform: translate(0, 400px);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: opacity 1ms .25s;
	transition: opacity 1ms .25s;
	display: block;
	right: auto;
	bottom: auto
}
.modal--fade:target, .semantic-content:target, .modal--show:target, .is-active.modal--fade, .is-active.semantic-content, .is-active.modal--show {
	width: 100%;
	height: 100%
}
.modal--fade:target .modal-close, .semantic-content:target .modal-close, .modal--show:target .modal-close, .is-active.modal--fade .modal-close, .is-active.semantic-content .modal-close, .is-active.modal--show .modal-close {
	display: block
}
.modal--fade .modal-inner, .semantic-content .modal-inner, .modal--show .modal-inner {
	box-sizing: border-box;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	overflow: hidden;
}
.modal--fade .modal-content, .semantic-content .modal-content, .modal--show .modal-content {
	max-height: none;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
.modal--fade .modal-close, .semantic-content .modal-close, .modal--show .modal-close {
	display: none;
	right: auto
}
.modal--fade .modal-close:before, .semantic-content .modal-close:before, .modal--show .modal-close:before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 200
}
.modal--fade .modal-close:after, .semantic-content .modal-close:after, .modal--show .modal-close:after {
	top: 5px!important;
	right: 5px;
	left: auto;
	margin-left: 0
}
}

@media screen and (max-height:46em) and (min-width:30em) {
.modal--fade .modal-content, .semantic-content .modal-content, .modal--show .modal-content {
	max-height: 340px;
	max-height: 50vh
}
}

@media screen and (max-height:36em) and (min-width:30em) {
.modal--fade .modal-content, .semantic-content .modal-content, .modal--show .modal-content {
	max-height: 265px;
	max-height: 40vh
}
}
.is-stacked.modal--fade, .is-stacked.semantic-content, .is-stacked.modal--show {
	-webkit-transform: translate(0, 0) scale(1, 1);
	-ms-transform: translate(0, 0) scale(1, 1);
	transform: translate(0, 0) scale(1, 1);
	opacity: 1;
	filter: alpha(opacity=100)
}
.is-stacked.modal--fade .modal-inner, .is-stacked.semantic-content .modal-inner, .is-stacked.modal--show .modal-inner {
	-webkit-animation: scaleDown .7s ease both;
	animation: scaleDown .7s ease both
}
.is-stacked.modal--fade .modal-close, .is-stacked.semantic-content .modal-close, .is-stacked.modal--show .modal-close {
	opacity: 0;
	filter: alpha(opacity=0)
}

@media screen and (max-width:30em) {
.is-stacked.modal--fade, .is-stacked.semantic-content, .is-stacked.modal--show {
	-webkit-animation: scaleDown .7s ease both;
	animation: scaleDown .7s ease both
}
.is-stacked.modal--fade .modal-inner, .is-stacked.semantic-content .modal-inner, .is-stacked.modal--show .modal-inner {
	-webkit-animation: none;
	animation: none
}
.is-stacked.modal--fade .modal-close, .is-stacked.semantic-content .modal-close, .is-stacked.modal--show .modal-close {
	opacity: 1;
	filter: alpha(opacity=100)
}
}

@media screen and (min-width:30em) {
.modal--fade, .semantic-content {
	-webkit-transition: opacity .4s;
	transition: opacity .4s
}
}
.modal--fade, .semantic-content, .modal--show {
	color: #222;
	line-height: 1.3
}
.modal--fade .modal-inner, .semantic-content .modal-inner, .modal--show .modal-inner {
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,.6);
	max-width: 100%;
	-webkit-transition: max-width .25s linear, margin-left .125s linear;
	transition: max-width .25s linear, margin-left .125s linear
}
.modal--fade header, .semantic-content header, .modal--show header {
	border-bottom: 1px solid #ddd;
	padding: 0 1.2em
}
.modal--fade header>h2, .semantic-content header>h2, .modal--show header>h2 {
	margin: .5em 0
}
.modal--fade .modal-content, .semantic-content .modal-content, .modal--show .modal-content {
	border-bottom: 1px solid #ddd;
	padding: 15px 1.2em
}
.modal--fade footer, .semantic-content footer, .modal--show footer {
	border-top: 1px solid white;
	padding: 0 1.2em 18px;
	background: #f0f0f0;
	border-radius: 2px
}
.modal--fade .modal-close, .semantic-content .modal-close, .modal--show .modal-close {
	text-indent: -100px
}
.modal--fade .modal-close:before, .semantic-content .modal-close:before, .modal--show .modal-close:before {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII=)
}
.modal--fade .modal-close:after, .semantic-content .modal-close:after, .modal--show .modal-close:after {
	content: '\00d7';
	background: #fff;
	border-radius: 2px;
	padding: 2px 8px;
	font-size: 1.2em;
	text-decoration: none;
	text-indent: 0
}

@media screen and (max-width:30em) {
.modal--fade .modal-close:before, .semantic-content .modal-close:before, .modal--show .modal-close:before {
	background: #27aae2;
	height: 3em;
	box-shadow: 0 0 5px rgba(0,0,0,.6)
}
.modal--fade .modal-inner, .semantic-content .modal-inner, .modal--show .modal-inner {
	padding-top: 3em;
	box-shadow: none
}
.modal--fade .modal-close, .semantic-content .modal-close, .modal--show .modal-close {
	text-decoration: none
}
.modal--fade .modal-close:after, .semantic-content .modal-close:after, .modal--show .modal-close:after {
	content: attr(data-close);
	font-size: 1em;
	padding: .5em 1em
}
}
.semantic-content footer>p {
	margin-bottom: 0
}
.semantic-content .close-action, .semantic-content .open-modal {
	margin-right: 5px
}