/*
	Theme Name: Teachers Retirement Association
	Description: Teachers Retirement Association
	Version: 1.0
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* Reset */
:link, :visited {
	text-decoration: none;
}

ul, ol {
	list-style: none;
}

h1, h2, h3, h4, h5, h6, pre, code, p {
	font-size: 1em;
}

ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}

a img, :link img, :visited img {
	border: none;
}

address {
	font-style: normal;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 20px 0px 10px 0;
	font-weight: normal;
}

h1 {
	font: 50px Bitter;
	margin: 0 0 15px 0;
	color: #003594;
	letter-spacing: 0.7px;
}

h2 {
	font: 36px Bitter;
	text-transform: uppercase;
	color: #003594;
	margin: 0 0 30px 0;
}

	h2.large {
		font-size: 37px;
	}

h3 {
	font: 32px Bitter;
	color: #003594;
	margin: 0 0 10px 0;
}

	h3 strong {
		font-size: 30px;
	}

h4 {
	font: 24px Bitter;
	color: #003594;
	margin: 0 0 15px 0;
	line-height: 1.4em;
}

	h4.border {
		color: #7c878e;
		border-bottom: 2px solid #7c878e;
		padding: 0 0 5px 0;
		margin: 0 0 30px 0;
	}

h5 {
	font: 700 20px Raleway;
	color: #003594;
	margin: 0 0 10px 0;
}

	h5.semibold {
		font-weight: 600;
		margin-bottom: 14px;
	}

	h5.extrabold {
		font-weight: 800;
	}

	h5 a:link,
	h5 a:visited {
		color: #003594;
	}

	h5 a:hover,
	h5 a:focus {
		color: #000;
	}


/* Button */

h6 {
	margin: 20px 0 10px 0;
	font: italic 16px Bitter;
	color: #FFF;
	text-align: center;
}

	h6.inline {
		display: inline-block;
		margin: 10px 25px 0 0;
	}

		h6.inline:last-child {
			margin-right: 0;
		}

	h6 a:link,
	h6 a:visited,
	.submit {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display: inline;
		color: #FFF;
		background: #003593;
		padding: 4px 15px 6px 15px;
		font: italic 16px Bitter;
		text-align: center;
		text-transform: none;
		line-height: 1.1em;
		border: 2px solid #003593;
		-webkit-border-radius: 0 9px 0 9px;
		border-radius: 0 9px 0 9px;
		cursor: pointer;
		-webkit-transition: all 350ms;
		transition: all 350ms;
		text-decoration: none;
		position: relative;
	}

	h6.inline a:link,
	h6.inline a:visited {
		min-width: 120px;
		text-decoration: underline;
	}

	h6 a:hover,
	.submit:hover,
	h6 a:focus,
	.submit:focus {
		background-color: transparent;
		color: #003593;
	}

.submit {
	margin: 7px 0 14px 0;
	min-width: 110px;
}

.gform_button {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	color: #FFF !important;
	background: #407ec9 !important;
	padding: 4px 15px 6px 15px !important;
	font: italic 16px Bitter !important;
	text-align: center !important;
	text-transform: none !important;
	line-height: 1.1em !important;
	letter-spacing: 0px !important;
	border: 2px solid #407ec9 !important;
	-webkit-border-radius: 0 9px 0 9px !important;
	border-radius: 0 9px 0 9px !important;
	cursor: pointer !important;
	-webkit-transition: all 350ms;
	transition: all 350ms;
	text-decoration: none !important;
	position: relative !important;
}

	.gform_button:hover,
	.gform_button:focus {
		background-color: transparent !important;
	}


/* Links */

a {
    text-decoration: underline;
}

a:link,
a:visited,
a:active {
	color: #3776C3;
	-webkit-transition: all 350ms;
	transition: all 350ms;
	font-weight: bold;
}

a:hover,
a:focus {
	color: #003594;
	text-decoration: underline;
}


/* Paragraphs */

p {
	margin: 0 0 12px 0;
	line-height: 1.75em;
}

	p.large {
		font: 400 24px Bitter;
		color: #7c878e;
		line-height: 1.9em;
	}

.callout {
	background: #ebedee;
	border: 0 solid #ebedee;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 10px;
	text-align: center;
	font-style: italic;
}

.alignleft {
	float: left;
	display: inline;
	margin: 0 52px 30px 5px;
	clear: both;
}

.alignright {
	float: right;
	display: inline;
	margin: 5px 0 45px 47px;
}

.aligncenter {
	display: block;
	margin: 0 auto 36px auto;
}


/* Lists */

.content ul {
	margin: 0 0 10px 28px;
}

	.content ul li {
		list-style: disc;
		margin: 0 0 12px 0;
		padding: 0;
		line-height: 1.6em;
	}

	.content ul.checkmark li {
		list-style: none;
	}

		.content ul.checkmark li:before {
			content: '\2610\0020';
		}

.content ol {
	margin: 0 0 25px 40px;
}

	.content ol li {
		list-style: decimal;
		margin: 0 0 4px 0;
		line-height: 1.45em;
		font-style: italic;
	}


/* Clearfix */

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

.clear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
}


/* Layout */

body {
	font: 500 14px Raleway, Arial, Helvetica, sans-serif;
	-webkit-font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	font-feature-settings: "lnum";
	color: #000;
}

html,
body,
.all {
	position: relative;
	min-height: 100%;
}

.all {
	width: 100%;
}

table {
	width: 100%;
}

td {
	vertical-align: top;
}

.frame {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	/*border: 1px solid;*/
}

.wide-frame {
	width: 1420px;
}


/* Header Area */

.header-area {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 210;
	background: #FFF;
}

.admin-bar .header-area {
	top: 32px;
}

.login-page .header-area {
	position: static;
}


/* Alert */

.alert {
	font-size: 20px;
	background: #D6D2C4;
	letter-spacing: 1.9px;
	display: none;
	flex-flow: column;
	justify-content: center;
	overflow: hidden;
	-webkit-transition: all 550ms;
	transition: all 550ms;
	height: auto;
	opacity: 0;
	text-align: right;
}

.alert-open .alert {
	opacity: 1;
	-webkit-transition: none;
	transition: none;
    display: flex;
}

.alert .frame {
	padding: 12px 0 10px 0;
	font-size: 12px;
	color #2c2a29;
}

.alert .frame > * {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	line-height: 1.75em;
}

.alert .fas {
	color: #003594;
	font-size: 1.5em;
	padding-right: .25em
}

.alert .fa-exclamation-triangle {
	color: #991e66;
	font-size: 1.5em;
	padding-right: .25em
}

.alert p {
	margin: 0;
	letter-spacing: 1.9px;
	line-height: 1.5em;
}

.alert p a:link,
.alert p a:visited {
	color: #2c2a29;
	font-weight: bold !important;
	text-decoration: none;
	margin-left: 2em
}

.alert p a:focus,
.alert p a:hover,
.alert p a:active {
	text-decoration: underline;
}


.alert .close {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	position: static;
	cursor: pointer;
	-webkit-transition: color 350ms;
	transition: color 350ms;
	line-height: 1.75em;
	margin: 0 0 0 15px;
	padding: 2px 12px;
	text-decoration: none;
	display: inline-block;
}

.alert .close:hover,
.alert .close:focus {
	color: #000;
}

.alert a.close:link,
.alert a.close:visited {
	color: #FFF;
	vertical-align: top;
}

.alert a.close:hover,
.alert a.close:focus {
	color: #003594;
	background: #fff;
}


/* Header */

.header {
	padding: 15px 0 15px 13px;
}

.header {
	display: flex;
}

.logo {
	position: absolute;
	z-index: 1;
}

.logo > a > img {
	height: 120px;
	width: 395px;
}

.header-login {
	float: right;
	margin: 12px 14px 0 0;
}

.header-login a:link,
.header-login a:visited {
	display: block;
	font-size: 12.12px;
	font-weight: 700;
	color: #414042;
	text-transform: uppercase;
	height: 45px;
	background: #ebedee url('i/ico-mytra-36.png') no-repeat;
	padding: 0 19px 0 71px;
	line-height: 45px;
	text-decoration: none;
	-webkit-border-radius: 0 7px 7px 7px;
	border-radius: 0 7px 7px 7px;
	letter-spacing: 0.4px;
}

	.header-login a:hover,
	.header-login a:focus {
		background-color: #407ec9;
		color: #FFF;
	}

.header-phones {
	float: right;
	border-right: 0;
	font-size: 12.2px;
	font-weight: 700;
	text-decoration: none;
	color: #3776C3;
	margin: 8px 28px 0 0;
	padding: 3px 0x 0 45px;
	line-height: 45px;
	letter-spacing: 1.8px;
}

.header-phones:hover {
	color: #3776C3;
	text-decoration: underline;
}

	.header-phones p {
		line-height: 1.3em;
		margin: 0;
	}

	.header-phones a:link,
	.header-phones a:visited {
		color: #3776C3;
		text-decoration: none;
	}

	.header-phones a:hover,
	.header-phones a:focus {
		color: #003594;
	}

.menu-button,
.mobile-phones {
	display: none;
}

.header-search-right {
	font-size: 12.2px;
    float: right;
}


.header-search-right a {
    display: block;
	width: 33px;
	margin: 11px 0 0 0;
    padding: 10px 10px 9px 10px;
    border: 0;
    border-radius: 7px;
}

.header-search-right a:link,
.header-search-right a:visited {
  background-color: #fff;
  color: #7C878E;
}

.header-search-right a:hover,
.header-search-right a:focus,
.header-search-right a:active {
  background-color: #407ec9;
  color: #fff;
}


/* Menu */

.menu-line {
	background: #fff;
}

.menu-line .frame {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	width: auto;
}

.submenu-outter {
	background: #c8d8eb;
}

.main-menu,
.submenu {
	flex-grow: 1;
	width: 1420px;
	margin: 0 auto;
}

.static-header .menu,
.static-header .submenu {
	height: 40px;
}

.main-menu > ul,
.submenu > ul {
	display: flex;
	flex-flow: row nowrap;
}

.main-menu>ul {
	justify-content: flex-end;
	margin-top: 30px;
}

.submenu>ul {
	justify-content: space-around;
}

.main-menu>ul>li,
.submenu>ul>li {
	letter-spacing: 1.5px;
	position: relative;
}

.main-menu>ul>li:hover,
.main-menu>ul>li.hover,
.submenu>ul>li:hover,
.submenu>ul>li.hover {
	overflow: visible;
}

.main-menu>ul>li {
	font-size: 22px;
	font-weight: 700;
	text-transform: none;
	color: #003594;
}

.submenu>ul>li {
	flex: 1 1 auto;
	font-size: 20px;
	font-weight: 600;
}

.main-menu>ul>li>a:link,
.main-menu>ul>li>a:visited,
.submenu>ul>li>a:link,
.submenu>ul>li>a:visited {
	color: #003594;
	text-decoration: none;
	width: 100%;
	height: 50px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.main-menu>ul>li>a {
	display: block;
	padding: 0 0 15px 3em;
	height: auto;
	color: #003594;  
}

.submenu>ul>li>a {
	display: flex;
}

.main-menu>ul>li:hover>a,
.main-menu>ul>li.hover>a {
	color: #3776C3;
	text-decoration: underline;
}

.submenu>ul>li:hover>a,
.submenu>ul>li.hover>a {
	text-decoration: underline;
}

.main-menu>ul>li>a>span {
	display:block;
	border-right: 2px solid #dedede;
	padding: 5px 3em 5px 0;
}

.main-menu>ul>li:last-child>a>span {
	border-right: 0;
	padding-right: 0;
}

/* Dropdown */

.menu > ul > li > ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 999;
	min-width: 340px;
	max-height: 0;
	background: #FFF;
	margin: 0;
	text-align: left;
	padding: 9px 40px 17px 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	opacity: 0;
	-webkit-transition: none;
	transition: none;
	pointer-events: none;
	width: auto;
	max-height: 9999px;
}

.menu>ul>li:hover>ul,
.menu>ul>li.hover>ul {
	opacity: 1;
	-webkit-transition: opacity 250ms ease-in;
	transition: opacity 250ms ease-in;
	pointer-events: inherit;
}

.menu > ul > li.hover > ul {
	-webkit-transition: none;
	transition: none;
}

.menu > ul > li.wide-dropdown > ul {
	padding-right: 0;
	width: 650px;
}

.menu > ul > li.wide-dropdown:hover > ul {
	max-height: 430px;
}


/* IE11 */

*::-ms-backdrop,
.menu > ul > li.wide-dropdown:hover > ul {
	height: 430px;
}


/* Dropdown First Level */

.menu > ul > li > ul > li {
	line-height: 1.1em;
	position: relative;
	margin: 0 0 7px 20px;
	font-size: 20px;
	text-transform: none;
	letter-spacing: 1.8px;
	line-height: 1.6em;
	max-width: 285px;
	/*flex: 1 1 auto;*/
}

	.menu > ul > li > ul > li > a:link,
	.menu > ul > li > ul > li > a:visited {
		text-decoration: none;
		color: #7c878e;
	}

.menu>ul>li>ul>li>a:hover,
.menu>ul>li>ul>li>a:focus {
	text-decoration: underline;
}

	/* Dropdown Second Level */

	.menu > ul > li > ul > li > ul {
		margin: 0 0 0 11px;
	}

		.menu > ul > li > ul > li > ul > li {
			font-size: 16px;
			font-weight: 600;
			text-transform: none;
			margin: 0 0 1px 0;
			padding: 0 0 0 11px;
			letter-spacing: 0.5px;
			line-height: 1.6em;
			position: relative;
		}

			.menu > ul > li > ul > li > ul > li:before {
				content: '';
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				background: #407ec9;
				width: 3px;
				height: 3px;
				-webkit-border-radius: 50%;
				border-radius: 50%;
			}

.menu > ul > li li li a:link,
.menu > ul > li li li a:visited {
	text-decoration: none;
	color: #3776C3;
}


/* Dropdown Third Level */

.menu > ul > li > ul > li > ul > li > ul {
	margin: 0 0 8px 7px;
}

	.menu > ul > li > ul > li > ul > li > ul > li {
		margin: 0 0 1px 0;
		padding: 0 0 0 11px;
		position: relative;
	}

.menu > ul > li li li li a:link,
.menu > ul > li li li li a:visited {
	color: #7c878e;
}

.menu > ul > li > ul > li > ul > li > ul > li:before {
	content: '';
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	background: #7c878e;
	width: 5px;
	height: 1px;
}

.menu ul li li a:hover,
.menu ul li li a:focus {
	color: #003594 !important;
}


/* Slider */

.slider {
	width: 100%;
	position: relative;
}

.slide,
.page-title {
	width: 100%;
	height: 475px;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}

.page-title {
	height: 310px;
	text-align: center;
}

.tall-page-title {
	height: 475px;
}

.page-title:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	opacity: 0.45;
	z-index: 10;
}

.tall-page-title:before {
	display: none;
}

.page-title .frame {
	z-index: 20;
}

.page-title h1 {
	font-size: 54px;
}

.tall-page-title h1 {
	font-size: 50px;
}

.slide .frame,
.page-title .frame {
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.slide-text,
.the-page-title {
	width: 100%;
	max-width: 742px;
	background: rgba(64, 126, 201, 0.55);
	-webkit-border-radius: 0 22px 0 22px;
	border-radius: 0 22px 0 22px;
	height: 220px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 10px;
}

.the-page-title {
	max-width: 883px;
}

.slide-text h6 {
	margin: 22px 0 0 0;
}

	.slide-text h6 a:link,
	.slide-text h6 a:visited {
		font-size: 20px;
	}

.slider > .frame {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 110;
}

a.slider-prev,
a.slider-next {
	position: absolute;
	top: 50%;
	width: 75px;
	height: 75px;
	cursor: pointer;
	font-size: 54px;
	color: #FFF;
	line-height: 68px;
	letter-spacing: 4px;
	z-index: 110;
	background: rgba(64, 126, 201, 0.55);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: center;
	-webkit-border-radius: 37px;
	border-radius: 37px;
	-webkit-transition: all 350ms;
	transition: all 350ms;
	text-decoration: none;
}

.slider-prev {
	left: 0;
}

a.testimonials-prev,
a.testimonials-next {
	background: transparent;
	color: #7c878e;
}

a.testimonials-prev:hover,
a.testimonials-next:hover,
a.testimonials-prev:focus,
a.testimonials-next:focus {
	background: transparent !important;
	color: #000;
}

a.testimonials-prev {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

a.testimonials-next {
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.slider-next {
	right: 0;
	letter-spacing: -4px;
}

	.slider-prev:hover,
	.slider-next:hover,
	.slider-prev:focus,
	.slider-next:focus {
		background: rgba(64, 126, 201, 0.8);
	}

.slider-nav {
	position: absolute;
	bottom: 7.5%;
	left: 50%;
	z-index: 110;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

	.slider-nav span {
		float: left;
		width: 12px;
		height: 12px;
		margin: 0 7px;
		background: #FFF;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		opacity: 0.6;
		-webkit-transition: all 350ms;
		transition: all 350ms;
		cursor: pointer;
	}

		.slider-nav span:hover,
		.slider-nav span:focus,
		.slider-nav span.cycle-pager-active {
			opacity: 1;
		}


/* Content */

.page-content {
	background-color: #fff;
}

.content {
	padding: 20px 0 10px 0;
}

	.content.content-white {
		padding: 0;
		margin: 20px 0 10px 0;
	}

	.content:last-of-type {
		padding-bottom: 10px;
		margin-bottom: 0;
	}

.columns {
	padding: 5px 0;
}

	.columns .frame {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}

.column {
	width: 46.5%;
	margin: 0 auto;
}

.columns-two-third .column {
	width: 30%;
}
.columns-two-third .column:first-of-type {
	width: 60%;
}

.white-text,
.white-text * {
	color: #FFF;
}

	.white-text a:link,
	.white-text a:visited {
		color: #FFF;
	}

	.white-text h6 a:link,
	.white-text h6 a:visited {
		border-color: #FFF;
		background-color: transparent;
		color: #FFF;
	}

	.white-text .gform_button {
		border-color: #FFF !important;
		background-color: transparent !important;
		color: #FFF !important;
	}

		.white-text h6 a:hover,
		.white-text h6 a:focus,
		.white-text .gform_button:hover {
			background-color: #FFF !important;
			color: #407ec9 !important;
			border-color: #407ec9 !important;
		}

.graphic-background {
	position: relative;
	margin: 0;
	padding: 20px 0 40px 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.mytra-area {
	padding: 75px 0 80px 0;
}

.background-image {
	display: none;
}

	.background-image img {
		display: block;
		width: 100%;
		height: auto;
	}

.right-text {
	text-align: right;
}

.text {
	width: 50%;
	display: inline-block;
	text-align: left;
	margin: 0 2.6% 0 0;
	position: relative;
}

.right-text .text {
	width: 46.4%;
}


/* Thumbnails */

.intro {
	max-width: 900px;
	margin: 0 auto 10px auto;
	font-size: 15px;
	text-align: center;
}

	.intro h3 {
		font-size: 33px;
	}

.thumbnails-area {
	margin: 30px 0 0 0;
	padding: 0;
}

.four-thumbnails {
	margin: 25px 0 10px 0;
}

ul.thumbnails {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 -28px;
}

.news-area ul.thumbnails {
	margin-top: 20px;
	font-size: 15px;
	color: #000000;
}

ul.thumbnails li {
	flex-grow: 1;
	min-width: 25%;
	max-width: 33.3%;
	padding: 0 28px 10px 28px;
	list-style: none;
	margin: 0;
}

.four-thumbnails ul {
	margin: 0 -7px;
}

	.four-thumbnails ul li {
		width: 25%;
		padding: 0 7px;
	}

.news-area h5,
.news-area h5 a:link,
.news-area h5 a:visited {
	text-decoration: none;
}

.thumbnail {
	position: relative;
	margin: 0 0 8px 0;
}

.news-area .thumbnail {
	margin-bottom: 10px;
}

.thumbnail img {
	display: block;
	width: 100%;
	height: auto;
}

.four-thumbnails h6 {
	margin-top: 0;
}

.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 18px;
	background: rgba(64, 126, 201, 0.8);
}

.no-lines .caption {
	background: transparent !important;
}

.four-thumbnails .caption {
	top: 0;
	height: auto;
	font: 400 46px Bitter;
	text-align: center;
	color: #FFF;
	padding: 5px 5px;
	-webkit-transition: opacity 350ms;
	transition: opacity 350ms;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	opacity: 0;
}

.four-thumbnails a:hover .caption,
.four-thumbnails a:focus .caption {
	opacity: 1;
}

.has-overlay:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.7;
	z-index: 10;
}

.has-overlay .frame {
	z-index: 20;
}


/* Colors */

.blue .caption {
	background: rgba(0, 53, 148, 0.8);
}

.blue h6 a:link,
.blue h6 a:visited,
h6.blue a:link,
h6.blue a:visited {
	border-color: #003594;
	background: #003594;
}

.blue h6 a:hover,
h6.blue a:hover,
.blue h6 a:focus,
h6.blue a:focus {
	background: transparent;
	color: #003594;
}

.blue-overlay:before {
	background: #003594;
}

.light-blue .caption {
	background: rgba(20, 216, 235, 0.8);
}

.light-blue h6 a:link,
.light-blue h6 a:visited,
h6.light-blue a:link,
h6.light-blue a:visited {
	border-color: #cbd9eb;
	background: #cbd9eb;
}

.light-blue h6 a:hover,
h6.light-blue a:hover,
.light-blue h6 a:focus,
h6.light-blue a:focus {
	background: transparent;
	color: #cbd9eb;
}

.light-blue-overlay:before {
	background: #cbd9eb;
}

.lime .caption {
	background: rgba(132, 189, 0, 0.8);
}

.lime h6 a:link,
.lime h6 a:visited,
h6.lime a:link,
h6.lime a:visited {
	border-color: #84bd00;
	background: #84bd00;
}

.lime h6 a:hover,
h6.lime a:hover,
.lime h6 a:focus,
h6.lime a:focus {
	background: transparent;
	color: #84bd00;
}

.lime-overlay:before {
	background: #84bd00;
}

.magenta .caption {
	background: rgba(153, 30, 102, 0.8);
}

.magenta h6 a:link,
.magenta h6 a:visited {
	border-color: #991e66;
	background: #991e66;
}

.magenta h6 a:hover,
.magenta h6 a:focus {
	background: transparent;
	color: #991e66;
}

.magenta-overlay:before {
	background: #991e66;
}

.tan .caption {
	background: rgba(214, 210, 196, 0.8);
	color: #000;
}

.tan h6 a:link,
.tan h6 a:visited {
	border-color: #d8d2c3;
	background: #d8d2c3;
	color: #000;
}

.tan h6 a:hover,
.tan h6 a:focus {
	background: transparent;
	color: #000;
}

.tan-overlay:before {
	background: #d8d2c3;
}

.gold .caption {
	background: rgba(255, 184, 28, 0.8);
}

.gold h6 a:link,
.gold h6 a:visited {
	border-color: #fdb524;
	background: #fdb524;
}

.gold h6 a:hover,
.gold h6 a:focus {
	background: transparent;
	color: #fdb524;
	color: #000;
}

.gold-overlay:before {
	background: #ffb81c;
}

.perwinkle-overlay:before {
	background: #447abf;
}

.black .caption {
	background: rgba(44, 42, 41, 0.8);
}

.black h6 a:link,
.black h6 a:visited {
	border-color: #221e20;
	background: #221e20;
}

.black h6 a:hover,
.black h6 a:focus {
	background: transparent;
	color: #221e20;
}

.black-overlay:before {
	background: #221e20;
}

.gray .caption {
	background: rgba(124, 135, 142, 0.8);
}

.gray h6 a:link,
.gray h6 a:visited {
	border-color: #7c878d;
	background: #7c878d;
}

.gray h6 a:hover,
.gray h6 a:focus {
	background: transparent;
	color: #7c878d;
}

.gray-overlay:before {
	background: #7c878d;
}

.white .caption {
	background: rgba(255, 255, 255, 0.8);
	color: #000;
}

.white h6 a:link,
.white h6 a:visited {
	border-color: #fff;
	background: #fff;
	color: #000;
}

.white-overlay:before {
	background: #fff;
}

.white h6 a:hover,
.white h6 a:focus {
	background: transparent;
	color: #000;
}

.thumbnail-details {
	padding: 5px 10px 0px 10px;
	text-align: center;
}

.news-area .thumbnail-details {
	padding-left: 2px;
	padding-right: 2px;
}

.four-thumbnails .thumbnail-details p {
	margin: 0 0 8px 0;
	line-height: 1.75em;
	min-height: 100px;
}

.news-area .thumbnail-details p {
	min-height: 1px;
}

.mytra-area .text:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	background: url('i/logo-mytra.png') no-repeat;
	width: 139px;
	height: 117px;
	transform: translate(-190%, 0);
}

.mytra-area a:link,
.mytra-area a:visited,
.mytra-area a:active {
	color: #003594;
}

.mytra-area h6 a:link,
.mytra-area h6 a:visited,
.mytra-area .submit {
	color: #fff;
}

.mytra-area h6 a:hover,
.mytra-area h6 a:focus {
	color: #003594;
}


/* Testimonials */

.testimonials-area {
	margin: 0;
	background: url('i/testimonials-bg.jpg') no-repeat 50% 0;
	background-size: cover;
	padding: 20px 0 20px 0;
	position: relative;
	overflow: hidden;
}

	.testimonials-area:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		background: url('i/testimonials-logo.png') no-repeat;
		width: 212px;
		height: 282px;
		z-index: 10;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		opacity: 0.2;
	}

.testimonials {
	position: relative;
}

.testimonial {
	font: 24px Bitter;
	color: #003594;
	text-align: center;
	padding: 0 70px;
}

.author {
	font-size: 16px;
	font-style: italic;
}


/* Footer */

.footer {
	background: #003593;
	color: #FFF;
	padding: 47px 0 40px 0;
	font-size: 16px;
	letter-spacing: 1.5px;
}

	.footer a:link,
	.footer a:visited {
		color: #FFF;
		text-decoration: underline;
	}

	.footer a:hover,
	.footer a:focus {
		text-decoration: none;
	}

	.footer p {
		line-height: 1.4em;
	}

	.footer .wide-frame {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

.footer-contacts {
	width: 20%;
}

	.footer-contacts a:link,
	.footer-contacts a:visited {
		text-decoration: none;
	}

	.footer-contacts a:hover,
	.footer-contacts a:focus {
		text-decoration: underline;
	}

.footer-hours {
	width: 14%;
}

.footer-offices {
	width: 14%;
}

.copyright {
	width: 22%;
}

.social {
	margin: 8px 2% 0 0;
}

.footer p {
	margin: 10px;
}

.social li {
	float: left;
	margin: 0 5px;
}

	.social li a:hover,
	.social li a:focus {
		opacity: 0.7;
	}


/* Links */

ul.links {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-around;
	margin: 47px 0 20px 0;
}

	ul.links li {
		flex-grow: 1;
		max-width: 27%;
		padding: 0 2%;
		list-style: none;
		margin: 0;
		text-align: center;
	}

.links li a:link,
.links li a:visited {
	color: #003594;
	font: 700 20px Raleway;
	text-transform: uppercase;
	text-decoration: none;
}

.links li a:hover,
.links li a:focus {
	color: #000;
}

.links li img {
	display: block;
	margin: 0 auto 35px auto;
}


/* Recent */

.recent-area {
	padding-bottom: 10px;
}

	.recent-area .frame {
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-start;
		justify-content: space-between;
	}

.recent-news,
.recent-posts {
	width: 33.6%;
}

.recent-resources {
	width: 24%;
}

.recent-area p {
	line-height: 1.45em;
	margin: 0;
}

.recent-item {
	margin: 0 0 35px 0;
}

.recent-resources .recent-item {
	margin-bottom: 24px;
}


/* Login Page */

.login-content a:link,
.login-content a:visited {
	text-decoration: underline;
}

.login-content a:hover,
.login-content a:focus {
	text-decoration: none;
}

.login-page .all {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	min-height: 100vh;
}

.login-page .header-area,
.login-page .login-area,
.login-page .footer {
	width: 100%;
}

.login-area {
	flex-grow: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	padding: 60px 0 40px 0;
	text-align: right;
}

.login-content {
	width: 71.7%;
	max-width: 918px;
	display: inline-block;
	text-align: left;
	position: relative;
}

.login-columns {
	background: rgba(255, 255, 255, 0.6);
	padding: 34px 0 16px 0;
	position: relative;
}

	.login-columns:before {
		content: '';
		display: block;
		position: absolute;
		top: 31px;
		bottom: 26px;
		left: 42.9%;
		width: 2px;
		background: #cbc2a2;
	}

	.login-columns:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 100%;
		width: 3000px;
		background: rgba(255, 255, 255, 0.6);
	}

.login-page h5 {
	letter-spacing: 1px;
	margin: 0 0 7px 0;
}

.login-logo {
	position: absolute;
	top: -48px;
	left: 76px;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
}

@media (max-height: 1210px) {
	.login-logo {
		position: static;
		-webkit-transform: none;
		transform: none;
		margin: 0 0 48px 76px;
	}
}

.login-form {
	display: inline-block;
	vertical-align: top;
	width: 42.9%;
	padding: 0 48px;
	text-align: center;
}

	.login-form form {
		margin: 15px 0 0 0;
	}

.login-text {
	display: inline-block;
	vertical-align: top;
	width: 56.3%;
	padding: 0 0 0 35px;
}

	.login-text p {
		line-height: 1.5em;
		margin: 0 0 10px 0;
	}

	.login-text h6 {
		margin: 0 0 28px 0;
	}

		.login-text h6 a:link,
		.login-text h6 a:visited {
			min-width: 110px;
			text-decoration: none;
		}


/* Pagination */

.pagination {
	text-align: center;
}

	.pagination a:link,
	.pagination a:visited,
	.pagination span {
		border: 1px solid #407ec9;
		color: #407ec9;
		text-decoration: none;
		text-align: center;
		padding: 7px 12px;
		margin: 0 6px;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display: inline;
	}

	.pagination span,
	.pagination a:hover,
	.pagination a:focus {
		background: #407ec9;
		color: #FFF;
	}

	.pagination a:hover,
	.pagination a:focus {
		color: #FFF;
	}

.post-title {
	margin: 0;
}

.post-date {
	color: #939a90;
	margin: 0 0 15px 0;
}

.more {
	font-size: 12px;
}


/* Form */

.gform_wrapper.gf_browser_chrome .gform_body {
	width: 100% !important;
}

div.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 100% !important;
}

.gform_wrapper *,
.gform_wrapper :after,
.gform_wrapper :before {
	box-sizing: inherit !important;
}

.gform_wrapper {
	max-width: 100% !important;
	margin: 0 !important;
}

body .gform_wrapper label.gfield_label + div.ginput_container {
	margin: 0 !important;
}

ul.gform_fields,
ul.gform_fields ul {
	margin: 0 !important;
}

.gform_fields:before,
.gform_fields:after {
	content: " ";
	display: table;
}

.gform_fields:after {
	clear: both;
}

.gform_fields {
	*zoom: 1;
}

ul.gform_fields li {
	padding-left: 0 !important;
	font-style: normal;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	font-weight: 400 !important;
	background: transparent;
}

	ul.gform_fields li.form-left {
		float: left !important;
		display: inline !important;
		width: 23.45% !important;
		margin: 0 !important;
	}

	ul.gform_fields li.form-right {
		float: left !important;
		display: inline !important;
		width: 49.38% !important;
		margin: 8px 0 0 4.3% !important;
	}

	ul.gform_fields li.gfield_html {
		margin-bottom: 66px !important;
	}

ul.gform_fields > li:before {
	display: none !important;
}

.gform_wrapper li.gfield.gfield_error {
	padding: 0 !important;
}

	.gform_wrapper li.gfield.gfield_error,
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
		background: transparent !important;
	}

		.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
		.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
		.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
		.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
			margin-left: 0 !important;
		}

		.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
		.gform_wrapper li.gfield_html {
			max-width: 100% !important;
		}

.validation_error,
.validation_message {
	display: none !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	padding: 0 !important;
	border-top: none !important;
	border-bottom: none !important;
}

.gform_wrapper .top_label .gfield_error {
	width: auto !important;
}

.gform_wrapper ul li:before {
	display: none;
}

.gfield_label {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #000 !important;
}

.gfield_required {
	display: none !important;
}

.no-label .gfield_label {
	display: none !important;
}

.show-label .gfield_label {
	display: block !important;
}

.ginput_container input,
.ginput_container textarea,
.ginput_container select,
.field-large .ginput_container input,
.field-large .ginput_container textarea,
.field-large .ginput_container select,
.input,
.field {
	display: block;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 11px 12px !important;
	text-indent: 0 !important;
	font: 500 14px Raleway !important;
	letter-spacing: 1px !important;
	color: #7c878e !important;
	background: #FFF !important;
	border: 1px solid #e3e3e3 !important;
	width: 100% !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: inset 1px 1px 5px 0 #eee;
	box-shadow: inset 1px 1px 5px 0 #eee;
}

.field {
	margin: 0 0 10px 0 !important;
}

.ginput_container textarea {
	height: 250px !important;
	padding: 20px 28px !important;
	line-height: 1.6em !important;
	letter-spacing: 0.35px !important;
}

body select,
body option {
	color: #7c878e !important;
}

.datefield .sep {
	margin: 9px 10px;
	float: left;
	display: inline;
}

.gfield_error .ginput_container input,
.gfield_error .ginput_container textarea,
.gfield_error .ginput_container select {
	background: #ffbfbf !important;
}

.ginput_container_checkbox input {
	-webkit-box-shadow: 0 0 0 transparent !important;
	-moz-box-shadow: 0 0 0 transparent !important;
	box-shadow: 0 0 0 transparent !important;
}

.ginput_container_checkbox input {
	margin-top: 3px !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half {
	float: left !important;
	display: inline !important;
	width: 45.4% !important;
	clear: none !important;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.gform_wrapper .top_label li.gfield.gf_right_half {
	margin-left: 9% !important;
}

.gform_wrapper .top_label li.gfield.wide-field {
	float: left !important;
	display: inline !important;
	width: 73% !important;
	clear: none !important;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.gform_wrapper .top_label li.gfield.narrow-field {
	float: right !important;
	display: inline !important;
	width: 22.4% !important;
	clear: none !important;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body ::placeholder {
	color: #7c878e !important;
}

.gform_footer {
	margin: 8px 0 0 0 !important;
	padding: 0 !important;
	text-align: right !important;
}

.gform_button {
	margin: 0 !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.contact-area .gform_footer {
	text-align: right !important;
	width: 77.13% !important;
	margin: -88px 0 0 0 !important;
}

.gform_wrapper .ginput_container input.datepicker,
.gfield_captcha_input_container input {
	width: 11.75em !important;
}


/* Skip to Content */

a.skip:link,
a.skip:visited {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	z-index: 310;
	-webkit-transition: none;
	transition: none;
}

a.skip:focus {
	overflow: visible;
	clip: auto;
	position: fixed;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	box-shadow: 1px 1px 3px #414042;
	padding: 15px 20px;
	margin: 0 !important;
	color: #FFF;
	background: #414042;
	-webkit-border-radius: 0 7px 7px 7px;
	border-radius: 0 7px 7px 7px;
	text-align: center;
	font-size: 18px;
	text-decoration: none
}

.admin-bar a.skip:focus {
	top: 45px;
}

/* Tablet/Desktop only */
@media (min-width: 960px) {
	.menu>ul>li>a {
		position: relative;
	}
/*	.menu>ul>li>ul:before {
		content:"\A";
		position: absolute;
		top: -20px;
		left: 50px;
		width: 0; 
		height: 0; 
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #991E66;
	}
	.main-menu>ul>li:nth-child(2)>ul:before {
		border-bottom: 20px solid #84BD00;
	}
	.main-menu>ul>li:nth-child(3)>ul:before {
		border-bottom: 20px solid #FFB81C;
	}
	.submenu>ul>li>ul:before {
		border-bottom: 20px solid #036;
	}*/
    .main-menu>ul>li.hover>ul,
    .main-menu>ul>li:hover>ul {
        border-top: 10px solid #991E66;
        border-bottom: 30px solid #991E66;
    }
    .main-menu>ul>li:nth-child(2).hover>ul,
    .main-menu>ul>li:nth-child(2):hover>ul {
        border-top: 10px solid #84BD00;
        border-bottom: 30px solid #84BD00;
    }
    .main-menu>ul>li:nth-child(3).hover>ul,
    .main-menu>ul>li:nth-child(3):hover>ul {
        border-top: 10px solid #FFB81C;
        border-bottom: 30px solid #FFB81C;
    }
    .submenu>ul>li.hover>ul,
    .submenu>ul>li:hover>ul {
        border-top: 10px solid #036;
        border-bottom: 30px solid #036;
    }
	.menu>ul>.menu-item-has-children>a:before {
		opacity: 0;
		-webkit-transition: opacity 350ms;
		transition: opacity 350ms;
				content:"\A";
		position: absolute;
		bottom: 0;
		left: 0;
		margin-left: 3em;
		width: 0; 
		height: 0; 
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid transparent;
	}
	.submenu>ul>.menu-item-has-children>a:before {
		left: 5px; /* push it over a bit because sub is a little different than main */
	}
	.menu>ul>.menu-item-has-children:hover>a:before,
	.menu>ul>.menu-item-has-children.hover>a:before {
		display: block;
		opacity: 1;
		border-bottom: 15px solid #991E66;
	}
	.main-menu>ul>.menu-item-has-children:hover:nth-child(2)>a:before,
	.main-menu>ul>.menu-item-has-children.hover:nth-child(2)>a:before {
		border-bottom: 15px solid #84BD00;
	}
	.main-menu>ul>.menu-item-has-children:hover:nth-child(3)>a:before,
	.main-menu>ul>.menu-item-has-children.hover:nth-child(3)>a:before {
		border-bottom: 15px solid #FFB81C;
	}
	.submenu>ul>.menu-item-has-children:hover>a:before,
	.submenu>ul>.menu-item-has-children.hover>a:before {
		border-left-width: 10px;
		border-right-width: 10px;
		border-bottom: 10px solid #036;
	}
	.header-login a:link, .header-login a:visited {
		height: 30px;
		line-height: 30px;
		background-size: 36px 30px;
		padding: 0 19px 0 49px;
	}
}


/* 1900px */

@media (max-width: 1900px) {
	.menu > ul > li.left-dropdown > ul {
		left: auto;
		right: 0;
	}
}


/* 1419px */

@media (max-width: 1419px) {
	.frame,
	.wide-frame {
		width: 1280px;
	}
	.copyright {
		width: 24%;
	}

	.footer-contacts {
		width: 22%;
	}

	.footer-hours,
	.footer-offices {
		width: 16%;
	}
	.main-menu, .submenu {
		width: 1280px;
	}
    .main-menu>ul>li>a {
	    padding-left: 2em;
    }
	.menu>ul>.menu-item-has-children>a:before {
		margin-left: 2em;
	}
    .main-menu>ul>li>a>span {
	    padding-right: 2em;
    }
}


/* 960px */

@media (max-width: 1279px) {
	.frame {
		width: 960px;
	}

	.alignleft,
	.alignright {
		max-width: 40%;
	}

	.alert {
		letter-spacing: 1px;
		font-size: 18px;
	}
	.header-login {
		margin-right: 0;
	}
	.main-menu, .submenu {
		width: 960px;
	}
	.main-menu>ul>li>a {
	    padding-left: 1.5em;
    }
	.menu>ul>.menu-item-has-children>a:before {
		margin-left: 1.5em;
	}
    .main-menu>ul>li>a>span {
	    padding-right: 1.5em;
    }
	.four-thumbnails {
		margin-top: 25px;
	}

	.right-text {
		background-position: 40% 50%;
	}

	.testimonials-prev {
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

	.testimonials-next {
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

	.footer .frame {
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.footer-contacts,
	.footer-hours,
	.footer-offices,
	.copyright {
		width: 50%;
	}

	.footer-contacts,
	.footer-hours {
		margin: 0 0 30px 0;
	}

	.social {
		position: absolute;
		top: 0;
		right: 0;
	}

	.login-logo img {
		max-width: 200px;
		height: auto;
	}

	.four-thumbnails .caption {
		font-size: 24px;
	}
}


/* Tablet */

@media (max-width: 959px) {
	.frame,
	.wide-frame {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}

	.header-area {
		position: relative;
	}

	.static-header {
		display: none;
	}

	.alert {
		font-size: 14px;
		display: block;
		max-height: 0;
		height: auto;
	}

	.alert-open .alert {
		height: auto;
		max-height: 150px;
	}

	.alert .frame {
		background-position: 34px 24px;
		padding: 20px 130px 20px 85px;
		line-height: 1.75em;
	}

	.alert p {
		line-height: 1.75em;
	}

	.header {
		display: block;
	}
	.header-login a:link,
	.header-login a:visited {
		width: 45px;
		height: 35px;
		padding: 0;
		overflow: hidden;
        background-image: url('i/ico-mytra-42.png');
		background-size: cover;
		background-color: transparent !important;
		-webkit-border-radius: 0;
		border-radius: 0;
		text-indent: -200px;
		margin: 16px 12px 0 0;
	}

	.header-phones {
		display: none;
	}
	.header-search-right {
		font-size: 22px;
		margin-top: 10px;
	}
	
	.header-search-right a {
		width: 45px;
	}
	.mobile-phones {
		display: block;
		background: #3776C3;
		color: #FFF;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		padding: 10px 0;
		letter-spacing: 2px;
	}

		.mobile-phones a:link,
		.mobile-phones a:visited {
			color: #FFF;
			text-decoration: underline;
		}

		.mobile-phones a:hover,
		.mobile-phones a:focus {
			text-decoration: none;
		}

		.mobile-phones p {
			margin: 0;
			line-height: 1.2em;
		}

		.mobile-phones img {
			vertical-align: middle;
		}

	.header {
		padding: 0;
	}

	.logo {
		padding: 8px 0 0 0;
		margin: 0 0 0 -8px;
	}
	.logo>a>img {
		width: 173px;
        height: 55px;
        padding-left: 173px;
        box-sizing: border-box;
        background: url('i/logo90_173.png') left top no-repeat;
	}
	a.menu-button:link,
	a.menu-button:visited {
		float: right;
		display: inline;
		margin: 0 -18px 0 0;
		width: 68px;
		height: 76px;
		background: url('i/ico-menu.png') no-repeat 50% 30px;
		text-indent: -100px;
		overflow: hidden;
		-webkit-transition: background-color 350ms;
		transition: background-color 350ms;
	}

	.menu-open .menu-button:link,
	.menu-open .menu-button:visited {
		background-color: #c8d8eb;
		background-position: 50% -75px;
	}

	.menu-line {
		height: 0;
		overflow: visible;
	}

	.menu-line .frame {
		height: 0;
		overflow: hidden;
	}

	.menu-open .menu-line .frame {
		height: auto;
		background: #FFF;
		border-top: 8px solid #407ec9;
		border-bottom: 2px solid #407ec9;
		padding: 20px 32px 5px 32px;
	}

	.menu-line .frame {
		display: block;
	}

		.menu-line .frame:before,
		.menu-line .frame:after {
			content: " ";
			display: table;
		}

		.menu-line .frame:after {
			clear: both;
		}

	.menu-line .frame {
		*zoom: 1;
	}

	.main-menu,
	.submenu {
		float: left;
		display: inline;
		width: 225px;
		margin: 0;
	}

	.submenu {
		margin: 0 0 0 40px;
	}
	.main-menu>ul,
	.submenu>ul {
		width: auto;
		display: block;
	}
	.main-menu>ul {
		margin-top: 0;
	}
	.main-menu>ul>li,
	.submenu>ul>li {
		width: auto;
		text-align: left;
		text-transform: none;
		margin: 0 0 14px 0;
	}
	.main-menu>ul>li {
        font-size: 16px;
		background: #fff;
	}
	.main-menu>ul>li>a:link,
	.main-menu>ul>li>a:visited,
	.submenu>ul>li>a:link,
	.submenu>ul>li>a:visited {
		display: block;
		color: #7c878e;
		padding: 0;
		height: auto;
		background: transparent;
		font-size: 20px;
		font-weight: 700;
		text-align: left;
	}
	.main-menu>ul>li>a>span {
		border-right: none;
	}
	.menu>ul>li ul {
		position: static !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		opacity: 1;
		-webkit-transition: none;
		transition: none;
		pointer-events: inherit;
		margin: 0 !important;
		padding: 0 !important;
		max-height: 999px !important;
		border: 0;
	}

	.menu > ul > li > ul {
		padding: 2px 0 0 6px !important;
	}

		.menu > ul > li > ul li {
			margin: 0 0 1px 0 !important;
			font-size: 16px !important;
			font-weight: 600 !important;
			text-transform: none !important;
			letter-spacing: 0.5px !important;
			padding: 0 0 0 12px !important;
		}

			.menu > ul > li > ul li:before {
				content: '';
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				background: #407ec9;
				width: 3px;
				height: 3px;
				-webkit-border-radius: 50%;
				border-radius: 50%;
			}

			.menu > ul > li > ul li.menu-item-has-children:before {
				content: '>';
				background: transparent;
				color: #003594;
				line-height: 1em;
				top: 4px;
				width: auto;
				height: auto;
				-webkit-border-radius: 0;
				border-radius: 0;
			}

	.main-menu > ul > li > ul li a:link,
	.main-menu > ul > li > ul li a:visited {
		color: #3776C3 !important;
	}

	.submenu > ul > li > ul li a:link,
	.submenu > ul > li > ul li a:visited {
		color: #3776C3 !important;
	}

	.menu a:hover,
	.main-menu > ul > li > ul li a:hover,
	.submenu > ul > li > ul li a:hover,
	.menu a:focus,
	.main-menu > ul > li > ul li a:focus,
	.submenu > ul > li > ul li a:focus {
		color: #000 !important;
	}

	.menu > ul > li ul ul {
		height: 0 !important;
		overflow: hidden !important;
	}

	.menu > ul > li ul li.open ul {
		height: auto !important;
	}

	.slide {
		height: 277px;
		position: relative;
	}

		.slide:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #000;
			opacity: 0.45;
			z-index: 10;
		}

		.slide .frame {
			z-index: 20;
		}

	.slide-text {
		background: transparent;
		height: auto;
		padding: 0;
		width: 80%;
		margin: -45px 0 0 0;
	}

		.slide-text h1 {
			margin-bottom: 0px;
		}

		.slide-text h6 a:link,
		.slide-text h6 a:visited {
			font-size: 16px;
		}

	.slider .slider-prev,
	.slider .slider-next {
		display: none;
	}

	h1 {
		font-size: 40px;
	}

	.thumbnails-area {
		margin: 20px 0 0 0;
	}

	ul.thumbnails {
		flex-flow: column nowrap;
		margin: 0;
	}

	.news-area ul.thumbnails {
		margin: 35px 0 0 0;
	}

	ul.thumbnails li,
	.four-thumbnails ul li {
		width: 400px;
		max-width: 400px;
		margin: 0 auto 15px auto;
		padding: 0;
	}

	.thumbnail,
	.news-area .thumbnail {
		height: 250px;
		overflow: hidden;
		margin: 0 0 5px 0;
	}

	.news-area h6 {
		margin-top: 0;
	}

	.four-thumbnails .thumbnail-details p {
		min-height: 1px;
		margin: 0 0 10px 0;
	}

	.content {
		padding: 25px 0;
	}

		.content.content-white {
			padding: 0;
			margin: 25px 0;
		}

	.solid-background,
	.news-area {
		/*padding: 25px 0;*/
	}

	.content:last-of-type {
		padding-bottom: 33px;
		margin-bottom: 0;
	}

	.graphic-background {
		margin: 0;
		padding: 20px 0 30px 0;
		background-position: 50% 0;
	}

	.right-text {
		background-position: 20% 0;
	}

	.mytra-area {
		padding: 25px 0 30px 0;
		background-color: #fec937 !important;
		background-image: none !important;
	}

		.mytra-area:before {
			display: none;
		}

	.text,
	.right-text .text {
		display: block;
		width: auto;
	}

	h3 {
		line-height: 1.4em;
	}

	.testimonials-area {
		padding: 45px 0 90px 0;
		background-image: url('i/testimonials-bg-mobile.jpg');
	}

	.testimonial {
		font-size: 18px;
		padding: 0 20px;
	}
	a.testimonials-prev,
	a.testimonials-next {
		bottom: -70px;
		top: auto;
		-webkit-transform: none;
		transform: none;
	}
	a.testimonials-prev {
		left: 0;
	}
	a.testimonials-next {
		right: 0;
	}

	.footer {
		padding: 32px 0 1px 0;
	}

		.footer .frame {
			/*display: block;*/
			flex-flow: column nowrap;
			justify-content: flex-start;
			align-items: flex-start;
		}

	.footer-contacts,
	.footer-hours,
	.footer-offices,
	.copyright,
	.social {
		/*display: block;*/
		width: 310px;
		margin: 0 0 20px 0;
	}

	.copyright {
		order: 5;
	}

	.social {
		position: static;
		order: 4;
		margin-top: 15px;
	}

	.page-title {
		height: 148px;
		text-align: center;
	}

	.tall-page-title {
		height: 277px;
	}

	.page-title:before {
		display: block;
	}

	.the-page-title {
		background: transparent;
		height: auto;
		padding: 0;
	}

	.page-title h1 {
		font-size: 40px;
		line-height: 1.25em;
	}

	h2,
	h2.large {
		font-size: 32px;
		margin: 0 0 15px 0;
	}

	p.large {
		font-size: 18px;
		line-height: 2.15em;
	}

	.links-area {
		padding: 20px 0 15px 0;
	}

	ul.links {
		justify-content: center;
		margin: 25px 0 0 0;
	}

		ul.links li {
			width: 200px;
			max-width: 200px;
			margin: 20px 0;
		}

	.links a img {
		max-width: 66px;
		margin-bottom: 15px;
	}

	.recent-area {
		padding-bottom: 0;
	}

		.recent-area .frame {
			flex-flow: column nowrap;
		}

	.recent-news,
	.recent-posts,
	.recent-resources {
		width: 100%;
		margin: 0;
	}

	.recent-item {
		margin: 0 0 30px 0;
	}

	.columns .frame {
		flex-flow: column nowrap;
	}

	.column,
	.columns-two-third .column,
	.columns-two-third .column:first-of-type {
		width: 100%;
	}

	.login-area {
		background-image: none !important;
		padding: 25px 0 30px 0;
		background-color: #fec937 !important;
	}

	.login-area:before {
		display: none;
	}

	.login-logo {
		margin-left: 0;
		text-align: center;
	}

	.login-content {
		display: block;
		width: auto;
	}

	.login-columns:before {
		display: none;
	}

	.login-form,
	.login-text {
		display: block;
		width: auto;
		margin: 0;
		padding: 0 40px;
	}

	.login-form {
		width: 340px;
		margin: 0 auto 35px auto;
	}

	.login-columns:after {
		display: none;
	}

	img,
	iframe {
		max-width: 100%;
	}

	img {
		height: auto;
	}

	.fancybox-wrap {
		max-width: 520px;
	}

	.fancybox-inner {
		max-width: 100%;
	}

	table,
	thead,
	tbody,
	tr,
	td,
	th {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
	}

	td,
	th {
		padding: 15px 0 !important;
	}

	.tablepress .row-hover tr:hover td,
	.tablepress .row-hover tr:focus td {
		background: transparent !important;
	}

	table.table,
	.variation-details table {
		display: table !important;
	}

	table.table tbody,
	table.table thead,
	.variation-details table tbody,
	.variation-details table thead {
		display: table-row-group !important;
	}

	table.table tr,
	.variation-details table tr {
		display: table-row !important;
	}

	table.table th,
	table.table td,
	.variation-details table th,
	.variation-details table td {
		display: table-cell !important;
		width: auto !important;
		padding: 5px 10px !important;
		font-size: 16px !important;
	}
}


/* Mobile */

@media (max-width: 600px) {
	.logo {
		margin-left: -20px;
	}

	a.menu-button:link,
	a.menu-button:visited {
		margin-right: -28px;
	}

	a.close:link,
	a.close:visited {
		overflow: hidden;
		right: 15px;
	}

	.alert .frame {
		padding-right: 45px;
	}

	.alert p {
		letter-spacing: 0.5px;
	}

	ul.thumbnails li,
	.four-thumbnails ul li {
		width: 100%;
	}

	h1,
	.page-title h1 {
		font-size: 34px;
	}

	.content.content-white {
		padding: 0;
		margin-top: 20px;
	}

	.graphic-background,
	.solid-background,
	.news-area {
		margin: 0;
		padding-top: 20px;
	}

	.submenu {
		margin-left: 0;
	}

	.page-title,
	.tall-page-title {
		height: 140px;
	}

	.page-title h1,
	.tall-page-title h1 {
		margin-bottom: 0;
		font-size: 28px;
	}
}


/* Small Mobile */
@media (max-width: 400px) {
	.header-search-right {
		display: none;
	}
}

/* Data Table Styling (table, ul, dl) */
.datatable {
	border: 1px solid #333;
	border-width: 0 0 1px 1px;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 12px;
}

	.datatable tbody {
		vertical-align: middle;
		display: table-row-group;
	}

	.datatable thead {
		background-color: #003594;
		color: #fff;
		font-size: 20px;
		border: 1px solid #003594;
	}

		.datatable thead th {
			border-width: 0;
		}

	.datatable th {
		font-weight: bold;
		text-align: left;
		border: 1px solid #333;
		padding: 20px;
	}

	.datatable td {
		text-align: left;
		border: 1px solid #333;
		padding: 20px;
	}

dl.datatable,
.content ul.datatable,
.content ol.datatable {
	columns: 2;
	border: 1px solid #333;
	border-width: 0 0 1px 1px;
	column-gap: 0;
	margin: 0;
	padding: 0;
}

dl.column-one,
.content ul.column-one,
.content ol.column-one {
	columns: 1;
}

.datatable dt,
.datatable dd,
.content .datatable li {
	padding: 20px;
	border: 1px solid #333;
	border-width: 1px 1px 0 0;
}

.datatable dt {
	column-span: all;
	background-color: #003594;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.content .datatable li {
	list-style-type: none;
	font-style: normal;
	margin: 0;
}

/* Tablet */
@media (max-width: 959px) {
	dl.datatable,
	.content ul.datatable,
	.content ol.datatable {
		columns: 1;
	}

	dl.datatable,
	.content ul.datatable,
	.content ol.datatable {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
	}

		.content ul.datatable li,
		.content ol.datatable li,
		.datatable dt,
		.datatable dd,
		.datatable th,
		.datatable td {
			padding: 15px 5px !important;
		}

	.datatable th,
	.datatable td {
		border-width: 1px 1px 0 0;
	}

	.datatable.column-twoplus tr {
		display: flex !important;
		flex-flow: row wrap;
	}

	.datatable.column-twoplus td {
		flex: 1;
	}

	.datatable.column-twoplus th {
		flex: 1 100%;
	}

	.datatable.column-twoplus thead th {
		flex: 1;
	}

	.datatable thead th:empty {
		display: none !important;
	}

	.datatable thead th.empty-when-small { /* Hidden */
		border: 0;
		clip: rect(0,0,0,0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.datatable tfoot {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
	}
}


/* Mobile */
@media (max-width: 600px) {
}

/* Math Table Styling (table, ul, dl) */
.mathtable {
	margin-bottom: 12px;
}

	.mathtable thead {
		border: 0;
		clip: rect(0,0,0,0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.mathtable th {
		width: 75%;
		text-align: left;
		padding-left: 1em;
		font-weight: normal;
	}

	.mathtable td {
		text-align: right;
		padding-left: 1em;
		font-weight: bold;
	}

	.mathtable tr {
		line-height: 1.6em;
	}

		.mathtable tr:nth-child(2n) td {
			border-bottom: 1px solid #000;
		}

@media (max-width: 959px) {
	table.mathtable {
		display: table !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
	}

	.mathtable thead {
		display: table-header-group !important;
	}

	.mathtable thead {
		display: table-row-group !important;
	}

	.mathtable tr {
		display: table-row !important;
		line-height: 1em;
	}

	.mathtable td, .mathtable th {
		display: table-cell !important;
		padding-left: 1em !important;
	}

	.mathtable th {
		width: 75%;
	}
}

/* Font Awesome Styling */
a > .fas.after {
	text-decoration: none;
	padding-left: .5em;
}

.fa-youtube {
	color: #FF0000;
}

/* Complex Image Styling */
.complexImage a {
	display: block;
}

/* DL List Styling */
dl {
	line-height: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 40px;
	margin-bottom: 12px;
}

/* Video Tabs */
#videoTabs [role=tablist] {
	color: #003594;
	background: #eae8e1;
	padding: 16px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	align-items: stretch;
}

#videoTabs [role=tablist] li {
	max-width: 20%;
}

#videoTabs [role=tablist] button {
  font: 700 20px Raleway;
	background: inherit;
	border: 0;
	width: 100%;
	height: 100%;
	padding: 16px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

#videoTabs [role=tablist] button[aria-selected=true] {
	background: #d3d1cb;
}

#videoTabs .thumbnails a {
	position: relative;
	display: block;
	font-size: 22px;
	text-decoration: none;
}

#videoTabs .videoTabThumbnail {
	position:relative;
	width:100%;
	margin-bottom:12px;
}

#videoTabs .thumbnails .fa-play-circle {
	color: #fff;
	position: absolute;
	font-size: 4em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	opacity: .5;
	transition: opacity 200ms;
}

#videoTabs .thumbnails .fa-play-circle.blue  {
	color: #3776C3;
}

#videoTabs a:hover .fa-play-circle {
	opacity: 1;
}

#videoTabs .thumbnails img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 959px) {
	#videoTabs [role=tablist] {
		margin: 10px 0;
	}

	#videoTabs [role=tablist] li {
		max-width: 100%;
		margin: 5px;
	}

	#videoTabs [role=tablist] button {
		font-size: 16px;
	}
}

.videoThumbnail {
	position: relative;
	display: block;
	text-decoration: none;
}

.videoThumbnail > div {
	position:relative;
	display: inline-block;
	margin-bottom:12px;
}

.videoThumbnail .fa-play-circle {
	color: #fff;
	position: absolute;
	font-size: 8em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	opacity: .5;
	transition: opacity 200ms;
}

.videoThumbnail .fa-play-circle.blue {
	color: #3776C3;
}

.videoThumbnail:hover .fa-play-circle,
.videoThumbnail:focus .fa-play-circle {
	opacity: 1;
}

.videoThumbnail img {
	display: block;
	height: auto;
}

/* Google Maps */

.map-google {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-google iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}