/************************************************************************************************
* FONTS
************************************************************************************************/

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 200;
	src: url("../fonts/poppins/Poppins-Thin.woff2") format("woff2"), url("../fonts/poppins/Poppins-Thin.woff") format("woff"), url("../fonts/poppins/Poppins-Thin.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: italic;
	font-weight: 200;
	src: url("../fonts/poppins/Poppins-ThinItalic.woff2") format("woff2"), url("../fonts/poppins/Poppins-ThinItalic.woff") format("woff"),
		url("../fonts/poppins/Poppins-ThinItalic.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/poppins/Poppins-Light.woff2") format("woff2"), url("../fonts/poppins/Poppins-Light.woff") format("woff"), url("../fonts/poppins/Poppins-Light.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: italic;
	font-weight: 300;
	src: url("../fonts/poppins/Poppins-LightItalic.woff2") format("woff2"), url("../fonts/poppins/Poppins-LightItalic.woff") format("woff"),
		url("../fonts/poppins/Poppins-LightItalic.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/poppins/Poppins-Regular.woff2") format("woff2"), url("../fonts/poppins/Poppins-Regular.woff") format("woff"), url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: italic;
	font-weight: 400;
	src: url("../fonts/poppins/Poppins-Italic.woff2") format("woff2"), url("../fonts/poppins/Poppins-Italic.woff") format("woff"), url("../fonts/poppins/Poppins-Italic.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/poppins/Poppins-Medium.woff2") format("woff2"), url("../fonts/poppins/Poppins-Medium.woff") format("woff"), url("../fonts/poppins/Poppins-Medium.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: italic;
	font-weight: 500;
	src: url("../fonts/poppins/Poppins-MediumItalic.woff2") format("woff2"), url("../fonts/poppins/Poppins-MediumItalic.woff") format("woff"),
		url("../fonts/poppins/Poppins-MediumItalic.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/poppins/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/poppins/Poppins-SemiBold.woff") format("woff"), url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: italic;
	font-weight: 600;
	src: url("../fonts/poppins/Poppins-SemiBoldItalic.woff2") format("woff2"), url("../fonts/poppins/Poppins-SemiBoldItalic.woff") format("woff"),
		url("../fonts/poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/poppins/Poppins-Bold.woff2") format("woff2"), url("../fonts/poppins/Poppins-Bold.woff") format("woff"), url("../fonts/poppins/Poppins-Bold.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: italic;
	font-weight: 700;
	src: url("../fonts/poppins/Poppins-BoldItalic.woff2") format("woff2"), url("../fonts/poppins/Poppins-BoldItalic.woff") format("woff"),
		url("../fonts/poppins/Poppins-BoldItalic.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 800;
	src: url("../fonts/poppins/Poppins-ExtraBold.woff2") format("woff2"), url("../fonts/poppins/Poppins-ExtraBold.woff") format("woff"), url("../fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: italic;
	font-weight: 800;
	src: url("../fonts/poppins/Poppins-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/poppins/Poppins-ExtraBoldItalic.woff") format("woff"),
		url("../fonts/poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 900;
	src: url("../fonts/poppins/Poppins-Black.woff2") format("woff2"), url("../fonts/poppins/Poppins-Black.woff") format("woff"), url("../fonts/poppins/Poppins-Black.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Poppins";
	font-style: italic;
	font-weight: 900;
	src: url("../fonts/poppins/Poppins-BlackItalic.woff2") format("woff2"), url("../fonts/poppins/Poppins-BlackItalic.woff") format("woff"),
		url("../fonts/poppins/Poppins-BlackItalic.ttf") format("truetype");
}

@font-face {
	font-family: "Poppins Regular";
	src: url("../fonts/poppins-regular-webfont.woff2") format("woff2"), url("../fonts/poppins-regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Poppins Medium";
	src: url("../fonts/poppins-medium-webfont.woff2") format("woff2"), url("../fonts/poppins-medium-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Poppins Semibold";
	src: url("../fonts/poppins-semibold-webfont.woff2") format("woff2"), url("../fonts/poppins-semibold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Poppins Bold";
	src: url("../fonts/poppins-bold-webfont.woff2") format("woff2"), url("../fonts/poppins-bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Poppins Light";
	src: url("../fonts/poppins-light-webfont.woff2") format("woff2"), url("../fonts/poppins-light-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Poppins Thin";
	src: url("../fonts/poppins-thin-webfont.woff2") format("woff2"), url("../fonts/poppins-thin-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

/************************************************************************************************
* BKGD & COLORS
************************************************************************************************/

/*
Colors
#004990 = button
#ffb17e = button hover
#357B5D = link
#4EA4AF = link hover

Blue - 004990
Teal - 00a189
Light Teal: b6e4de

*/

.bg-gray {
	background: #f0f0f4;
}

.white {
	color: #fff !important;
}
.black {
	color: #000 !important;
}

.blue {
	color: #004990 !important;
}

.teal {
	color: #00a189 !important;
}

.teal-lt {
	color: #b6e4de !important;
}

/************************************************************************************************
* HTML STYLES
************************************************************************************************/

body,
html {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 175%;
	color: #202a3b;
}

h1 {
	font-family: "DM Serif Display", sans-serif;
	font-size: 2.125em;
	line-height: 120%;
	color: #202a3b;
	margin-bottom: 5px;
}

h2 {
	font-family: "DM Serif Display", sans-serif;
	font-size: 1.75em;
	line-height: 120%;
	color: #202a3b;
	margin-bottom: 5px;
}

h3 {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 1.75emem;
	line-height: 120%;
	color: #202a3b;
	margin-bottom: 5px;
}

h4 {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 1.3em;
	line-height: 120%;
	color: #202a3b;
	margin-bottom: 5px;
}

h5 {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 120%;
	color: #202a3b;
	margin-bottom: 10px;
}

h6 {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 0.875em;
	line-height: 130%;
	color: #000000;
}

nav ul li.selected {
	color: red;
}

a,
a:link,
a:active,
a:visited {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	text-decoration: none;
	color: #4eaf4e;
}

a:hover {
	text-decoration: underline;
	color: #4ea4af;
}

a.button,
a.button-arrow,
a.button-double-arrow,
input[type="submit"],
button {
	background: #202a3b;
	color: #fff !important;
	padding: 0.5em 1em;
}

a.button:hover,
a.button-arrow:hover,
a.button-double-arrow:hover,
input[type="submit"]:hover,
button:hover {
	background: #334259;
}

a.button-arrow:after {
	font-family: "FontAwesome";
	content: "\f054";
	margin-left: 10px;
}

a.button-double-arrow:after {
	font-family: "FontAwesome";
	content: "\f054";
	margin-left: 10px;
}

footer hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(116, 178, 203, 1);
}

blockquote {
	display: block;
	position: relative;
	font-size: 0.938em;
	font-style: italic;
	margin: 0 0 15px 0;
	padding: 40px;
	line-height: 1.45;
	position: relative;
	color: #000;
	background: #f8f8f8;
}

blockquote p {
	display: block;
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 0;
}

blockquote span {
	margin-top: -20px;
	font-weight: bold;
}

blockquote p:before {
	content: '"';
	font-size: 18px;
	padding-right: 3px;
}

blockquote p:after {
	content: '"';
	font-size: 18px;
	padding-left: 3px;
}

blockquote cite {
	color: #62b6b7;
	display: block;
	margin-top: 5px;
	text-align: right;
}

blockquote cite a {
	color: #62b6b7 !important;
}

blockquote cite a:hover {
	color: #62b6b7 !important;
	text-decoration: underline;
}

blockquote cite:before {
	content: "\2014 \2009";
}

form.custom input[type="submit"],
form.custom input[type="button"],
form.custom button {
	background: #004990;
}

form.custom input[type="submit"]:hover,
form.custom input[type="button"]:hover,
form.custom button:hover {
	background: #ffb17e;
}

div.callout {
	text-align: center;
	padding: 25px 0;
}

div.callout h3 {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: #000;
}

div.callout h4 {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	color: #000;
	margin: 0 !important;
}

div.callout a,
div.callout a:hover {
	color: #000;
}

footer .social-media h3 {
	padding-bottom: 20px;
}

footer .social-media a {
	display: inline-block;
	padding-right: 25px;
}

footer .social-media i {
	font-size: 30px;
}

footer .copyright {
	font-family: "Poppins";
	font-weight: 400;
	color: #fff;
	font-size: 14px;
}

footer .copyright span,
footer #footer .copyright a,
footer #footer .copyright a:hover {
	font-family: "Poppins";
	font-weight: 400;
	color: #fff;
}

footer span {
	display: block;
	font-size: 12px;
}

/************************************************************************************************
* LAYOUT
************************************************************************************************/

body div#wrapper {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	align-items: stretch;
}

header,
main,
footer {
	flex-shrink: 0;
}

main {
	flex-grow: 1;
}

#topper,
#masthead,
#navigation,
#middle,
#main,
#bottom,
#footer {
	display: block;
	width: 100%;
	height: auto;
}

header #topper,
header #masthead,
footer #bottom,
footer #footer {
	display: block;
	width: 100%;
}

/************************************************************************************************
* HEADER
************************************************************************************************/

header p,
header img {
	margin: 0 !important;
}

header #topper {
	background-color: #004990;
	min-height: 35px;
}

header #masthead {
	width: 100%;
	min-height: 80px;
	padding: 15px 0;
	z-index: 99999;
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.75);
}

header #navigation {
	height: 55px;
	background: #eaeaea;
}

/************************************************************************************************
* MAIN
************************************************************************************************/

main {
	min-height: 500px;
	background-color: #fff;
}

#main_wrap_content {
	width: 100%; /*padding:45px 0;*/
}

section#content_wide {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

section#content_full {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 30px 0;
}

/************************************************************************************************
* FOOTER
************************************************************************************************/

footer #ledge {
	background-color: #ffffff;
	min-height: 100px;
	padding: 50px 0;
	border-top: #3eb8b8 3px solid;
}

footer #footer {
	background-color: #202a3b;
	min-height: 25px;
	padding: 15px 0;
	border-top: #4eaf4e 6px solid;
}

footer #bottom {
	background-color: #202a3b;
	min-height: 25px;
	padding: 15px 0;
}

footer #ledge {
	color: #000;
}

footer #ledge a {
	color: #000;
}

footer #ledge a {
	color: #000;
}

footer #footer a:hover {
	text-decoration: underline;
}

footer #footer {
	color: #fff;
}

footer #footer h3 {
	color: #fff;
}

footer #footer a {
	color: #fff !important;
}

footer #footer a:hover {
	text-decoration: underline;
}

/************************************************************************************************
* NOTIFICATION MESSAGE BARS
************************************************************************************************/

.notification-bar {
	font-size: 16px;
	line-height: 16px;
}

#notification-bar-top {
	background-color: rgba(0, 161, 134, 1);
	border-bottom: #fff 1px solid;
	color: #fff;
}

#notification-bar-bottom {
	/*background-color: rgba(0, 0, 0, 0.75);*/
	background-color: rgba(62, 184, 184, 0.85);
	color: #fff;
	bottom: 0;
}

#notification-bar-bottom.hide {
	display: none !important;
}

/************************************************************************************************
* BACK TO TOP
************************************************************************************************/

#backtop {
	background-color: rgba(78, 175, 78, 0.84);
	right: 40px;
	bottom: 65px;
}

#backtop:hover {
	background-color: rgba(78, 164, 175, 0.84);
}

/************************************************************************************************
* TOP & BOTTOM MENU
************************************************************************************************/

ul#topmenu {
	float: right;
}

#topmenu li {
	display: inline-block;
	line-height: 35px;
	letter-spacing: 1px;
}

#topmenu li a {
	height: 35px;
	line-height: 35px;
}

#topmenu li {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 5px;
}

#topmenu li a {
	color: #01a189;
}

#topmenu li span {
	background: #fff;
}

#topmenu li a:hover,
#topmenu li.selected,
#topmenu li.selected a,
#topmenu a:hover .fas,
#topmenu a:hover .fab {
	color: #fff;
}

#topmenu li.alert a,
#topmenu li.alert i {
	color: #fff !important;
}

#topmenu li.alert:hover,
#topmenu li.alert a:hover {
	color: #fff !important;
}

#topmenu .fas,
#topmenu .fab {
	color: #fff;
	font-size: 1em;
	line-height: 30px;
}

#topmenu .fas:hover,
#topmenu .fab:hover {
	color: #01a189 !important;
}

/************************************************************************************************
* MODALS
************************************************************************************************/

#mask {
	display: none;
	background: #c4c4c4;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 99999;
}

.modal-window {
	display: none;
	width: 100%;
	background: #faf9f8;
	padding: 25px;
	border: 2px solid #909aa0;
	float: left;
	font-size: 12px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999;
	-webkit-box-shadow: 0px 0px 20px #999;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.modal-window img.btn_close {
	float: right;
	margin: -40px -40px 0 0;
}

.modal-window fieldset {
	margin-top: 5px;
	padding: 0;
	border: none;
}

.modal-window form label {
	display: block;
	padding-bottom: 7px;
}

.modal-window form span {
	display: block;
}

.modal-window form p,
form span {
	color: #c1bbb4; /*font-size:16px; line-height:120%;*/
	margin-bottom: 10px;
}

.modal-window form input,
.modal-window form button {
	width: 100%;
}

.modal-hidden {
	display: none;
}

.modal-alert {
	color: #dd2139;
	font-weight: bold;
	margin: 10px 0;
}

.modal-window .modal-error,
.error {
	color: #dd2139;
	font-weight: bold;
	margin: 5px 0;
}

.modal-window .scrollbar {
	overflow: scroll;
	padding: 0;
	border: 1px solid #e0e4e7;
}

#modal-login,
#modal-enews {
	width: 250px;
}

#dsp_loginForm {
	width: 100%;
}

#dsp_loginCredentialsForm {
	display: none;
}

/************************************************************************************************
* ELEMENTS
************************************************************************************************/

article#PageNotFound {
	margin-top: 35px;
}

main.sidebar-layout h1 {
	margin-left: 10px;
}

.widget {
	font-size: 14px;
}

.widget ul,
.widget li {
	list-style-type: none;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.widget li {
	margin-bottom: 13px;
}

.search-results {
	font-size: 14px;
}

h1.search-title,
ul.search-results {
	margin-left: 15px !important;
	padding-left: 0 !important;
}

ul.search-results {
	list-style-type: none;
}

ul.search-results li {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

body.home .gform_required_legend {
	color: #fff;
}

body.home .gfield_required {
	color: #47de8d;
}

/************************************************************************************************
* SECTION: RESOURCES
************************************************************************************************/

ul.resources_list {
	width: 100%;
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.resources_list li {
	width: 100%;
	height: auto;
}

ul.resources_list p {
	margin: 0;
}

div.resource_image,
div.resource_details {
	display: inline-block;
	position: relative;
	vertical-align: top;
	zoom: 1;
	display: inline;
}

div.resource_details {
	width: 115px;
}

div.resource_details {
	width: calc(100% - 115px);
}

div.resource_image img {
	margin-right: 15px;
}

ul.resources_list li.rule {
	margin: 10px 0;
	width: 100%;
}

/************************************************************************************************
* RESPONSIVE
************************************************************************************************/

@media screen and (min-width: 1024px) {
	section#content,
	aside#sidebar {
		padding: 30px 0;
	}

	main#sub section#content {
		width: 70%;
	}

	main#sub aside#sidebar {
		width: 30%;
	}

	section#content .pad-right {
		width: 90%;
		padding-right: 5%;
	}

	section#content .pad-left {
		width: 90%;
		padding-left: 5%;
	}
}

@media screen and (max-width: 1023px) {
	section#content,
	aside#sidebar {
		width: 100%;
	}

	section#content,
	aside#sidebar {
		padding: 25px;
	}
}

@media screen and (min-width: 768px) {
	header #topper ul#topmenu li:after {
		content: "\2014";
		margin-left: 5px;
	}

	header #topper ul#topmenu li:last-child:after {
		content: "";
		margin-left: 0;
	}
}
@media screen and (max-width: 767px) {
	header #topper ul#topmenu {
		float: none !important;
		text-align: center;
	}
}
@media screen and (min-width: 750px) {
	header #masthead #mast_logo_1 {
		height: 110px;
	}

	#mast_logo2 {
		width: 250px !important;
		height: auto;
	}
}

@media screen and (max-width: 749px) {
	#mast_logo_1 a {
		display: block;
		text-align: center;
	}

	#masthead img {
		margin: 0 auto !important;
	}

	#mast_logo_1,
	#mast_logo_2 {
		margin-top: 10px;
	}

	#mast_logo2 {
		width: 250px !important;
		height: auto;
		margin-top: 10px;
	}

	#navigation .wrapper {
		width: 100%;
		padding: 0;
	}

	#fusion_center_login {
		display: none;
	}
}

@media (min-width: 1024px) {
	footer #bottom.bar-showing {
		padding-bottom: 80px;
	}
}
@media (max-width: 1023px) {
	footer #bottom.bar-showing {
		padding-bottom: 100px;
	}
}
@media (max-width: 767px) {
	footer #bottom.bar-showing {
		padding-bottom: 100px;
	}
}
@media (max-width: 480px) {
	footer #bottom.bar-showing {
		padding-bottom: 100px;
	}
}

#mega-menu-menu-main {
	z-index: 999;
}