/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
th, td {
	padding: 6px;
}
th {
	font-weight: bold;
	text-align: left;
	background-color:#bbbbbb;
}
tr:nth-child(even) > td {
	background-color:#dddddd;
}

small {
	font-size: 85%;
}






















@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
	height: 100%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.3;
	min-width: 1000px;
	font-size: 14px;
}

ul {
	padding-left: 20px;
	margin-bottom: 1em;
}

ol {
	list-style-type: decimal;
	padding-left: 20px;
	margin-bottom: 1em;
}

video {
	max-width: 100%;
}

h1 {
	font-size: 30px;
	color:#20234e;
	margin-bottom: 20px;
	line-height: 1.1;
}

h2 {
	font-size: 24px;
	color:#20234e;
	margin-bottom: 14px;
	line-height: 1.1;
}

h3 {
	font-size: 18px;
	color:#20234e;
	margin-bottom: 14px;
	line-height: 1.1;
}

h4 {
	font-size: 16px;
	color:#20234e;
	margin-bottom: 14px;
	line-height: 1.1;
}

h5 {
	font-size: inherit;
	color:#20234e;
	margin-bottom: 1em;
	line-height: 1.1;
}

@media screen and (max-height: 766px) {
	h1, h2, h3, h4, h5 {
		margin-bottom: 12px;
	}
}

p {
	margin-bottom: 1em;
}

a {
	color:#0074BD;
	text-decoration: none;
	font-weight: normal;
	-o-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
}

a:hover {
	opacity: 0.8;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

blockquote {
	position: relative;
	display: block;
	margin-left: 28px;
	padding-left: 28px;
	margin-bottom: 1em;
	min-height: 26px;
}

blockquote:before {
	display: block;
	font-family: FontAwesome;
	content:"\f10d";
	color:#d8cfe8;
	top: 0;
	left: 0;
	position: absolute;
	font-size: 24px;
}

hr {
	display: block;
	border: 0;
	border-bottom: 1px solid #20234e;
	margin-top: 0;
	margin-bottom: 1em;
}

.emphasized-larger {
	font-size: 22px;
	font-weight: bold;
}

.everything-but-footer {
	min-height: 100%;
	position: relative;
	margin-bottom:-205px;
}

.everything-but-footer__small {
	margin-bottom:-50px;
}

.everything-but-footer:after {
	display: block;
	height: 205px;
	content:"";
}

.everything-but-footer__small:after {
	height: 50px;
}

@media screen and (max-height: 766px) {
	.everything-but-footer {
		margin-bottom:-185px;
	}
	.everything-but-footer__small {
		margin-bottom:-40px;
	}
	.everything-but-footer:after {
		height: 185px;
	}
	.everything-but-footer__small:after {
		height: 40px;
	}
}

.header--top {
	background-color:#ffffff;
}

.header--top-inner {
	height: 120px;
}

.header--top-inner,
.header--bottom-inner,
.footer--title-wrapper,
.footer--products-wrapper-inner,
.footer--smallprint--items,
.content--inner,
.header--bottom-nav-inner {
	max-width: 70%;
	overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.header--breadcrumb {
	margin-bottom: 1em;
}

/*
.header--top-inner,
.header--bottom-inner,
.header--bottom-nav-inner,
*/
.footer--smallprint--items {
	max-width: 1200px;
}

.header--top-logo-link {
	display: block;
	float: left;
	padding: 28px 10px 27px 0;
	position: relative;
}

.header--top-right {
	float: right;
	padding-top: 20px;
}

.header--top-right-nav {
	display: flex;
}

.header--top-member {
	text-align: right;
}

.header--top-member-name {
	font-size: 16px;
}

.header--top-member-name a {
	font-weight: bold;
}

.header--bottom-nav {
	display: block;
	background:#E3F9E1;
	padding: 1em 0;
}

.header--bottom-nav-left {
	float: left;
	margin-left:-7px;
}

.header--bottom-nav-right {
	text-align: right;
	float: right;
	margin-right:-7px;
}

.header--bottom-nav--item {
	display: inline-block;
	padding: 0 7px;
}

.header--bottom-nav--link {
	font-size: 15px;
	color:#333333;
	display: block;
	position: relative;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	padding-left: 25px;
}

.header-bottom {
	background-color:#e0e0e0;
}

.header--bottom-tagline {
	float: left;
	color:#20234e;
	font-weight: normal;
	font-size: 18px;
	height: 38px;
	line-height: 38px;
	margin: 0;
}

.header--bottom-welcome {
	float: right;
	color:#20234e;
	font-weight: normal;
	font-size: 15px;
	height: 38px;
	line-height: 38px;
	margin: 0;
}

@media screen and (max-height: 766px) {
	.header--bottom-welcome,
	.header--bottom-tagline {
		height: 28px;
		line-height: 28px;
	}
}

.footer--container {
	background-color: #424242;
	width: 100%;
	height: auto;
	float: left;
}

.footer {
	display: flex;
	position: relative;
	justify-content: space-between;
}
.footer_links{
	display: flex;
}

.footer__small {
	width: 70%;
	margin: auto;
}
.footer-logo{
	display: flex;
	vertical-align: middle;
}

.footer--title {
	height: 32px;
	display: inline-block;
	color:#20234e;
	border: 3px solid #20234e;
	border-bottom: 0;
	background-color:#e0e0e0;
	font-size: 18px;
	line-height: 32px;
	position: relative;
	padding-left: 12px;
	padding-right: 12px;
	margin: 0 0 0 20px;
}

.footer--products-wrapper {
	margin-top:-3px;
	border-top: 3px solid #20234e;
	height: 120px;
	background-color:#e0e0e0;
}

@media screen and (max-height: 766px) {
	.footer--products-wrapper {
		height: 110px;
	}
}

.footer--description {
	font-size: 12px;
	color:#20234e;
	margin: 10px 15px 0 15px;
}

.footer--products {
	display: block;
	margin: 10px 15px 0 15px;
	padding: 0;
}

.footer--product,
.popup-product {
	display: inline-block;
	margin-right: 3px;
	margin-left: 3px;
}

.footer--product-link,
.popup-product--link {
	display: table;
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	text-decoration: none;
	font-weight: normal;
	color:#ffffff;
}

.footer--product-link-inner,
.popup-product--inner {
	display: table-row;
}


.footer--product-link-inner-2,
.popup-product--inner-2 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	padding: 4px;
	line-height: 1.1;
}

.footer--smallprint {
	background-color:#424242;
}

.footer--smallprint--items {
	font-size: 0;
	margin-top: 20px;
}

.footer--smallprint--item {
	font-size: 14px;
}

.footer--smallprint--text,
.footer--smallprint--link {
	display: block;
	position: relative;
	color:#ffffff;
	font-size: 14px;
	padding: 10px 8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
}

@media screen and (max-height: 766px) {
	.footer--smallprint--text,
	.footer--smallprint--link {
		height: 40px;
		line-height: 28px;
	}
}

.content:after {
	content:"";
	display: block;
	height: 20px;
}

.content--inner {
	padding-top: 10px;
	padding-bottom: 60px;
	margin-bottom:-60px;
	max-width: 70%;
}

@media screen and (max-height: 766px) {
	
}

.content--video-wrapper {
	width: 75%;
	margin-right: 12px;
	float: left;
}

.content--right {
	overflow: hidden;
	padding: 1px;
}

@media screen and (max-height: 766px) {
	.content--video-wrapper {
		width: 75%;
		margin-right: 8px;
	}
}

.content--video-trigger {
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url('../imgs/videoposter.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	-o-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
}

.content--video-trigger:hover {
	opacity: 0.8;
}

.content--video-trigger:before {
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	font-size: 128px;
	line-height: 128px;
	font-family: FontAwesome;
	content:"\f144";
	color:#ffffff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 12%;
	background-color: rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.content--video-trigger:after {
	display: block;
	position: absolute;
	text-align: center;
	width: 86%;
	top: 75%;
	font-size: 20px;
	padding-left: 7%;
	padding-right: 7%;
	content:"Video Tutorial";
	color:#ffffff;
}

.content--video {
	height: 200px;
	background:#000000;
	position: relative;
	margin-bottom: 12px;
}

@media screen and (max-height: 766px) {
	.content--video {
		width: 504px;
		height: 315px;
	}
}

.content--row-1 {
	height: 200px;
	margin-bottom: 12px;
}

.content--col-1 {
	width: 145px;
	margin-right: 12px;
	float: left;
}

@media screen and (max-height: 766px) {
	.content--col-1 {
		width: 149px;
		margin-right: 8px;
	}
}

.content--col-2 {
	overflow: hidden;
}

.button-arrow {
	font-family: FontAwesome;
	font-size: 36px;
	line-height: 1;
}

.button--text {
	position: relative;
}

.button-1 {
	border-radius: 0;
	background-color:#20234e;
	padding: 20px 14px;
	display: table;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#ffffff;
	font-size: 15.5px;
	font-weight: normal;
	height: 175px;
	margin-bottom: 12px;
}

.button-1--inner {
	display: table-row;
}

.button-1--inner-2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.button-1--inner-2 > * {
	vertical-align: middle;
}

@media screen and (max-height: 766px) {
	.button-1 {
		height: 153px;
		margin-bottom: 8px;
	}
}

.button-2 {
	border: 1px solid #424242;
	padding: 20px 14px;
	display: block;
	color:#000000;
	font-size: 15.5px;
	font-weight: normal;
	overflow: hidden;
	position: relative;
	margin-bottom: 12px;
}

@media screen and (max-height: 766px) {
	.button-2 {
		height: 114px;
	}
}

.button-3,
.button-4 {
	position: relative;
	border: 1px solid #424242;
	padding: 20px 14px;
	display: block;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	color:#000000;
	font-size: 14px;
	margin-bottom: 12px;
}

.button-4 {
	padding-top: 12px;
	margin-bottom: 0;
}

@media screen and (max-height: 766px) {
	.button-3 {
		margin-bottom: 8px;
	}
	.button-3,
	.button-4 {
		height: 61px;
		padding: 6px 50px 6px 10px;
	}
}

.rss {
	height: 159px;
	background-color:#e0e0e0;
	border-radius: 0;
	padding: 8px 14px;
	margin-bottom: 12px;
}

@media screen and (max-height: 766px) {
	.rss {
		height: 163px;
		margin-bottom: 8px;
	}
}

.rss--header {
	color:#20234e;
	font-size: 15px;
	margin-bottom: 4px;
}

.rss--items {
	list-style: none;
	padding: 0;
}

.rss--item {
	display: block;
	margin-bottom: 6px;
	line-height: 1.2;
}

.rss--link {
	display: block;
	border-left: 3px solid #20234e;
	background-color:#f3f3f3;
	padding: 2px 6px;
	font-weight: normal;
}

.rss--title {
	margin-bottom: 1px;
}

.rss--description {
	color:#000000;
	font-size: 11px;
}

.rss--date {
	text-align: right;
	color:#616161;
	font-size: 11px;
	height: 16px;
	line-height: 16px;
}


.popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 5;
}

.popup__hidden {
	display: none;
}

.popup--inner {
	display: table;
	width: 100%;
	height: 100%;
}

.popup--inner-2 {
	display: table-row;
}

.popup--inner-3 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.popup--inner-4 {
	position: relative;
	display: inline-block;
	background:#ffffff;
	padding: 30px;
	max-width: 615px;
	text-align: left;
}

.popup--close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	line-height: 40px;
	-ms-transition: opacity 200ms;
	-o-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
}

.popup--close:hover {
	opacity: 0.8;
}

.popup--close:before {
	display: block;
	font-family: FontAwesome;
	content:"\f00d";
	font-size: 23px;
	color:#5b5b5b;
}

.popup-title {
	font-size: 18px;
	color:#20234e;
}

.popup-description {
	font-size: 12px;
}

.popup-products {
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 0;
}

.popup-table--wrapper {
	padding: 6px 10px;
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	flex-flow: column wrap;
	display: flex;
}

.sub-prod--group {
	overflow: hidden;
	float: left;
}

.sub-prod--type-wrap {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	flex-flow: wrap;
	display: flex;
	max-height: 500px;
}

.sub-prod--header {
	font-size: 16px;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 2px;
}

.sub-prod--group-header {
	font-weight: bold;
	font-size: 22px;
	margin-top: 9px;
	margin-bottom: 8px;
	display: block;
	color: inherit;
	float: left;
}

.sub-prod--group-body {
	display: block;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 8px;
}

.sub-prod--group-body__hidden {
	display: none;
}

.sub-prod--group-body-inner {
	font-size: 0;
	margin-left:-1px;
	margin-right:-1px;
}

.sub-prod--type {
	display: inline-block;
	font-size: 13px;
	vertical-align: top;
	padding-left: 1px;
	padding-right: 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sub-prod--type-subjects {
	position: relative;
	overflow: hidden;
	max-height: 500px;
	font-size: 16px;
}

.sub-prod--type-subjects_half {
	width: 50%;
}

.sub-prod--title {
	display: block;
	height: 22px;
	font-weight: normal;
	margin: 15px 1px;
	left: 0;
	width: calc(100% - 2px);
	font-size: 16px;
}

.sub-prod--title__not-subscribed {
	pointer-events: none;
	opacity: 0.1;
	cursor: default;
}

#EstablishmentSearchForm_EstablishmentSearchForm [type=text] {
	max-width: 100%;
}

#EstablishmentSearchForm_EstablishmentSearchForm fieldset {
	font-size: 0;
	background-color:#dddddd;
	position: relative;
}

#EstablishmentSearchForm_EstablishmentSearchForm fieldset:after {
	display: block;
	content:"OR";
	position: absolute;
	top: 40%;
	right: calc(50% - 48px);
	left: calc(50% - 48px);
	font-size: 20px;
	text-align: center;
	color:#333333;
}

#EstablishmentSearchForm_EstablishmentSearchForm fieldset > .fieldgroup {
	display: inline-block;
	width: 50%;
	font-size: 14px;
	margin: 0;
}

#EstablishmentSearchForm_EstablishmentSearchForm fieldset > .fieldgroup > .fieldgroup {
	padding: 24px 32px 24px 96px;
}

#EstablishmentSearchForm_EstablishmentSearchForm fieldset > .fieldgroup:first-of-type > .fieldgroup {
	padding-left: 32px;
	padding-right: 96px;
}

#EstablishmentSearchForm_EstablishmentSearchForm .fieldholder-small-label {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color:#333333;
}

#EstablishmentSearchForm_EstablishmentSearchForm .Actions {
	margin-top: 24px;
	text-align: center;
}

.header--tray-sharing {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header--tray-sharing-item {
	list-style: none;
	margin: 6px 2px;
	padding: 0;
	clear: both;
	padding: 20px 20px;
}

.header--tray-sharing-item-link-block {
	float: left;
	margin-right: 1em;
}

.header--tray-sharing-item-link {
	display: block;
	width: 28px;
	height: 27px;
	background-image: url('../imgs/sprite-social-media.png');
	background-repeat: no-repeat;
	text-decoration: none;
}

.header--tray-sharing-item-link__fb {
	background-position: 0 0;
}

.header--tray-sharing-item-link__tw {
	background-position:-27px 0;
}

.header--tray-sharing-item-link__li {
	background-position:-28px -27px;
}

.header--tray-sharing-item-link__yt {
	background-position: 0 -27px;
}

.header--tray-sharing-item-link-title {
	float: left;
	margin-top: 4px;
	color:#ffffff;
	font-weight: bold;
}
.header--breadcrumb a {
	text-decoration: none;
	color: #000000;
}
.popup-table--wrapper {
	height: 500px;
}
.footer-logo img {
	height: auto;
	width: 400px;
	margin: auto;
}

.email-content {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
}

.black {
	color: #000000;
}

.email-content--link {
	color:#0D2A5E;
	font-weight:bold;
	text-decoration:none;
}