
/*****<< Undo MDB >>*****/

	.navbar {
		border-radius: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-right {
		float: right;
	}

	.file-field:after {
		content: ".";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}

	::-webkit-scrollbar {
		width:8px;
	}

	::-webkit-scrollbar-track {
		-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
		-webkit-border-radius:10px;
		border-radius:10px;
	}

	::-webkit-scrollbar-thumb {
		-webkit-border-radius:10px;
		border-radius:10px;
		background:#0ab9c9;
		-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);
	}

	::-webkit-scrollbar-thumb:window-inactive{
		background:#45526E
	}
	::selection {
		color: white;
		background: #0f76bc;
	}
	.row {
		margin: 0;
	}
	.row > :first-child,
	.row-eq-height > :first-child {
		padding-left: 0;
	}

	.row > :last-child,
	.row-eq-height > :last-child {
		padding-right: 0;
	}

	.row_padding > :first-child {
		padding-left: 15px;
	}

	.row_padding > :last-child {
		padding-right: 15px;
	}

	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.container {
		padding-left: 0;
		padding-right: 0;
	}

	@media screen and (max-width: 575px) {
		.container {
			padding-left: 1rem;
			padding-right: 1rem;
		}
		.container .container {
			padding-left: 0;
			padding-right: 0;
		}
	}

	@media screen and (max-width: 767px) {
		.row-eq-height {
			flex-direction: column;
		}
		.row > :first-child,
		.row-eq-height > :first-child {
			padding-left: 0;
		}

		.row > :last-child,
		.row-eq-height > :last-child {
			padding-right: 0;
		}
	}

	.no_gutter .col, .no_gutter .col-1, .no_gutter .col-10, .no_gutter .col-11, .no_gutter .col-12, .no_gutter .col-2, .no_gutter .col-3, .no_gutter .col-4, .no_gutter .col-5, .no_gutter .col-6, .no_gutter .col-7, .no_gutter .col-8, .no_gutter .col-9, .no_gutter .col-auto, .no_gutter .col-lg, .no_gutter .col-lg-1, .no_gutter .col-lg-10, .no_gutter .col-lg-11, .no_gutter .col-lg-12, .no_gutter .col-lg-2, .no_gutter .col-lg-3, .no_gutter .col-lg-4, .no_gutter .col-lg-5, .no_gutter .col-lg-6, .no_gutter .col-lg-7, .no_gutter .col-lg-8, .no_gutter .col-lg-9, .no_gutter .col-lg-auto, .no_gutter .col-md, .no_gutter .col-md-1, .no_gutter .col-md-10, .no_gutter .col-md-11, .no_gutter .col-md-12, .no_gutter .col-md-2, .no_gutter .col-md-3, .no_gutter .col-md-4, .no_gutter .col-md-5, .no_gutter .col-md-6, .no_gutter .col-md-7, .no_gutter .col-md-8, .no_gutter .col-md-9, .no_gutter .col-md-auto, .no_gutter .col-sm, .no_gutter .col-sm-1, .no_gutter .col-sm-10, .no_gutter .col-sm-11, .no_gutter .col-sm-12, .no_gutter .col-sm-2, .no_gutter .col-sm-3, .no_gutter .col-sm-4, .no_gutter .col-sm-5, .no_gutter .col-sm-6, .no_gutter .col-sm-7, .no_gutter .col-sm-8, .no_gutter .col-sm-9, .no_gutter .col-sm-auto, .no_gutter .col-xl, .no_gutter .col-xl-1, .no_gutter .col-xl-10, .no_gutter .col-xl-11, .no_gutter .col-xl-12, .no_gutter .col-xl-2, .no_gutter .col-xl-3, .no_gutter .col-xl-4, .no_gutter .col-xl-5, .no_gutter .col-xl-6, .no_gutter .col-xl-7, .no_gutter .col-xl-8, .no_gutter .col-xl-9, .no_gutter .col-xl-auto {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.noStyle li {
		list-style:none;
		white-space: unset !important;
		float: unset !important;
	}
	.noStyle li a {
		text-transform: unset !important;
	}

	.dataTables_wrapper th {
		font-weight: 700;
		text-align: left;
		background: #003767;
		color: #F2F2F2;
	}

	.dataTables_wrapper th a {
		color: #FFFFFF !important;
	}

	.col-xs-5ths,
	.col-sm-5ths,
	.col-md-5ths,
	.col-lg-5ths {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.col-xs-5ths {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		float: left;
	}

	@media (min-width: 768px) {
		.col-sm-5ths {
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
			float: left;
		}
	}

	@media (min-width: 992px) {
		.col-md-5ths {
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
			float: left;
		}
	}

	@media (min-width: 1200px) {
		.col-lg-5ths {
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
			float: left;
		}
	}
/*****<< Undo MDB >>*****/

/*****<< General >>*****/
	body {
		font-family: proxima-nova, sans-serif;
		font-weight: 400;
		min-height: 100vh;
		background: #FFF;
		font-size: 1rem;
		line-height: 1.5;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: proxima-nova, sans-serif;
		margin-top: 0;
		margin-bottom: .5rem;
		line-height: 1.1;

	}

	h1 a, h1 a:link, h1 a:active, h1 a:visited { color: #1f3961; }
	h2 a, h2 a:link, h2 a:active, h2 a:visited { color: #0f76bc; }
	h3 a, h4 a, h5 a, h6 a,
	h3 a:link, h4 a:link, h5 a:link, h6 a:link { color: #212529; }

	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
	h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover, h4 a:visited:hover, h5 a:visited:hover, h6 a:visited:hover {
		text-decoration: none;
	}

	a, a:link, a:active, a:visited	{ color: #0f76bc; text-decoration: none; }
	a:hover, a:visited:hover		{ color: #0f76bc; text-decoration: underline; }

	a.btn, a.btn:link, a.btn:active, a.btn:visited { color: white; }

	a.btn-light, a.btn-light:link, a.btn-light:active, a.btn-light:visited { color: black; }
	a.btn-link, a.btn-link:link, a.btn-link:active, a.btn-link:visited { color: black; }

	table td {
		vertical-align: top;
		font-size: 1rem;
	}

	b, strong {
		font-weight: bold;
	}

	.btn-w_blue {
		color: white !important;
		background-color: #1f3961 !important;
	}
	.btn-w_orange {
		color: white !important;
		background-color: #f7a91b !important;
	}
	.btn-w_navy {
		color: white !important;
		background-color: #0f76bc !important;
	}
	.btn-w_lgrey {
		color: black !important;
		background-color: #e8ebed !important;
	}
	.btn-w_sky {
		color: white !important;
		background-color: #00a1e4 !important;
	}
	.btn-w_green {
		color: white !important;
		background-color: #76bd43 !important;
	}
	.btn-w_dgrey {
		color: white !important;
		background-color: #212121 !important;
	}
	.btn-gwln_pink {
		color: white !important;
		background-color: #d6006e !important;
	}
	.btn-gwln_pink_v2 {
		color: white !important;
		background-color: #bc1069 !important;
	}
	.btn-wycup_green {
		color: white !important;
		background-color: #96c24b !important;
	}

	.single_header .btn-slight-rounded {
		border-radius: 5px;
	}

	h1 {
		font-weight: 700;
		color: #1f3961;
	}

	h2 {
		font-weight: 700;
		color: #0f76bc;
	}

	@media screen and (max-width: 1280px) {
		h1 { font-size: 2rem; }
		h2 { font-size: 1.8rem; }
		h3 { font-size: 1.6rem; }
	}

	ul, ol {
		margin-left: 1rem;
		padding-left: 1rem;
	}

	ul li {
		list-style-type: square;
	}

	ul.select-dropdown {
		margin-left: 0;
		padding-left: 0;
	}

	ul.select-dropdown li, ul.pagination li {
		list-style-type: none;
	}

	ul.navbar-nav {
		margin-left: 0;
		padding-left: 0;
	}

	ul.noStyle {
		margin:0;
		padding:0;
	}

	ul.threeColumnList {
	  columns: 3;
	  -webkit-columns: 3;
	  -moz-columns: 3;
	}

	.bigger p, .bigger li, .bigger td {
		font-size: 1.3rem;
		line-height: 1.4;
	}

	.main_content_area {
		padding-bottom: 2rem;
	}

	@media screen and (min-width: 992px) {
		main{
			min-height: calc( 100vh - 18.75rem);
		}
	}

	.btn.btn-white-outline {
		border: 2px solid #fff;
		color: rgba(255,255,255,.75);
		text-transform: uppercase;
	}

	.btn.btn-white-outline:hover {
		border: 2px solid #fff;
		color: rgba(255,255,255,1);
	}

	.btn.btn-black-solid {
		border: 2px solid #000;
		background: #000;
		color: rgba(255,255,255,1);
		text-transform: uppercase;
	}

	.btn.btn-black-solid:hover {
		border: 2px solid #000;
		background: none;
		color: rgba(0,0,0,1);
	}

	.btn.btn-white-solid {
		border: 2px solid white;
		background: white;
		color: black !important;
		text-transform: uppercase;
	}

	.btn.btn-white-solid:hover {
		border: 2px solid #FFF;
		background: none;
		color: rgba(255, 255, 255, 1);
	}

	.btn.arrow:after{
		content: "→";
		margin-left: 1rem;
	}

	.bk { color: black !important; }
	.wh { color: white !important; }
	.gld { color: #E7B41A !important; }

	.btn.tag {
		background: rgba(153,194,77,.75);
		font-family: 'Alfa Slab One', cursive;
		text-transform: uppercase;
		border-radius: .2rem;
		font-size: .8rem;
		padding: .3rem .75rem;
		letter-spacing: .075rem;
	}

	a.arrowLink {
		text-transform: uppercase;
		color: rgba(107, 108, 108, 0.75);
	}
	a.arrowLink:hover {
		color: #6b6c6c;
	}
	a.arrowLink .btn.arrow:after, a.arrowLink:after {
		content: "→";
		margin-left: 1rem;
	}

	.card.formCard {
		font-weight: 400;
		margin: 3rem auto 3rem auto;
		padding: 3rem;
		max-width: 100%;
		width: 50rem;
		overflow: visible;
	}

	.card .content img {
		display: inline;
	}
	/*
	.card.formCard h2 {
		font-weight: 300;
		color: #5f97d1;
		text-align: center;
	}
	*/

	.breadcrums {
		color: #334862;
		padding-top: 1rem;
		padding-bottom: 1.75rem;
	}

	.breadcrums a				{ color: #334862; text-decoration: none; }
	.breadcrums a:link			{ color: #334862; }
	.breadcrums a:active		{ color: #334862; }
	.breadcrums a:hover			{ color: #000; text-decoration: underline; }
	.breadcrums a:visited		{ color: #334862; }
	.breadcrums a:visited:hover	{ color: #000; }

	.sidenav {
		margin: 0;
		padding: 0;
	}
	.sidenav li {
		list-style: none;
		background: #fff;
		margin: 0;
		padding-top: .5rem;
		padding-bottom: .5rem;
		padding-left: 2rem;
		padding-right: .25rem;

		border-bottom: 1px solid #dfdfdf;
		/*white-space: nowrap;*/

	}
	.sidenav li:before, .sidenav li.side_bread:before {
		content: '»';

		padding-top: .5rem;
		padding-bottom: .5rem;
		padding-left: 0;
		padding-right: .5rem;

		margin-left: -1.5rem;
		color: #99c24d;
	}
	.sidenav li.side_bread:before {
		color: #FFF;
	}
	.sidenav li.side_bread {
		background: #5f97d1;
		color: #FFF;
	}
	.side_bread a {
		color: #FFF;
	}
	.sidenav .active {
		background: #edf5fd;
	}

	.image_caption {
		font-size: .8em;
	}

	.stripe { background: #dcdae6; }
	.stripe_alt { background: #B5B3BD; }

	.outline { border: 1px solid #091D31; }

	.thumbnail {
		width: 100%;
		max-width: 200px;
	}

	.gu, .goldBorderBottom {
		border-bottom: 1px solid #E7B41A;
	}

	.float-left {
	    float: left!important;
	}
	.float-right {
	    float: right!important;
	}

	.payment-errors {
		color: #CC0000;
		font-weight: bold;
		font-size: 1.4rem;
	}

	.sline span {
		display: inline;
	}
	.sline span.a {
		display: none;
	}
	.cpointer {
		cursor: pointer;
	}

	a.underline					{ text-decoration: underline; }
	a.underline:link			{ text-decoration: underline; }
	a.underline:active			{ text-decoration: underline; }
	a.underline:hover			{ text-decoration: underline; }
	a.underline:visited			{ text-decoration: underline; }
	a.underline:visited:hover	{ text-decoration: underline; }

	.extra_padding {
		padding: 2rem .5rem;
	}
	.vertAlignWrap {
		display: table;
		width: 100%;
	}

	.vertAlignCont {
		display: table-cell;
		vertical-align: middle;
	}
	.va2 {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.va2_c {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		text-align: center;
		display: flex
	}
/*****<< General >>*****/

/*****<< New Mast Head >>*****/
	#mastHead_1, #mastHead_2, footer {
	}

	#mastHead_1, #mastHead_2 {
		box-shadow: none;
	}

	#mastHead_1 #secondary_nav a.sn-link {
		list-style: none;
		padding: .45rem .5rem;
		white-space: nowrap;
		color: #1f3961;
	}

	#mastHead_1 .socialIcon .btn {
		padding: .5rem .65rem;
	}

	#mastHead_1 #secondary_nav .nav-item {
		list-style: none;
	}

	#mastHead_1 #secondary_nav .nav-item:not(:first-child):before{
		padding-top: .425rem;
		content: "|";
		color: #e2e2e2;
		float: left;
	}

	#mastHead_1 #secondary_nav .dropdown-menu {
		padding: .5rem;
	}

	#mastHead_1 #secondary_nav .dropdown-menu a.nav-link {
		margin-left: 0;
		text-transform: none;
		padding: .5rem 1rem;
		white-space: nowrap;
		color: #1f3961 !important;
	}

	#mastHead_1 #secondary_nav .dropdown-menu a.nav-link:hover{
		text-decoration: underline;
	}

	#secondary_nav_2 {
		margin-top: -1.5rem;
	}
	#secondary_nav_2 .nav-item {
		list-style: none;
	}
	#secondary_nav_2 a.sn-link {
		list-style: none;
		padding: 0 .5rem;
		white-space: nowrap;
		color: #1f3961;
	}
	#secondary_nav_2 .dropdown-menu {
		padding: .5rem;
	}

	#secondary_nav_2 .dropdown-menu a.nav-link {
		margin-left: 0;
		text-transform: none;
		padding: .5rem 1rem;
		white-space: nowrap;
		color: #1f3961 !important;
	}

	#secondary_nav_2 .dropdown-menu a.nav-link:hover {
		text-decoration: underline;
	}

	#mastHead_1 .container {
		display: block;
	}

	#mastHead_2 {
		padding: 0!important;
		background-color: #1f3961;
		font-weight: 300;
	}

	#mastHead_2 .nav {
		width: 100%;
	}

	#mastHead_2 li {
		white-space: nowrap;
	}

	#mastHead_2 .navbar-toggler {
		color: #fff;
	}

	#mastHead_2 .mn-item {
		list-style: none;
		float: left;
	}

	#mastHead_2 .give {
		margin-left: auto;
		background: #00a1e4;
	}

	#mastHead_2 .nav_button_red {
		margin-left: auto;
		background: #b93c40;
	}

	#mastHead_2 .join_btn {
		margin-left: auto;
		background: #d6006e;
	}

	.give_btn {
		margin-left: auto;
		color: #fff;
		padding: 1.25rem 1.75rem;
		text-transform: uppercase;
		background: #00a1e4;
	}

	#mastHead_2 a.nav-link {
		font-weight: 300;
		font-style: normal;

		padding: 1rem 1rem;
		text-transform: uppercase;
		color: white !important;
	}

	#mastHead_2 .doglobalgoodorg a.nav-link {
		font-size: .9rem;
		padding: 1rem .75rem;
	}

	#mastHead_2 a.nav-link:hover {
		color: rgba(255, 255, 255, .75);
	}

	#mastHead_2 .dropdown-menu {
		border-top: #0ab9c9;
		background-color: #212121;
		background-color: rgba(33,33,33,.85);
		padding: .6rem;
	}

	#mastHead_2 .dropdown-menu a.nav-link {
		margin-left: 0;
		text-transform: none;
		padding: .5rem 1rem;
		white-space: nowrap;
	}

	#mastHead_2 .dropdown-menu a.nav-link:hover {
		background-color: #314b5f;
		background-color: rgba(49,75,95,.70);
	}

	@media screen and (max-width: 1280px) {
		#mastHead_1 a.nav-link {
			font-size: .8rem;
		}
		#mastHead_2 a.nav-link {
			font-size: .8rem;
		}
	}

	footer {
		background-color: #1f3961 !important;
		margin-top: 0px!important;
		box-sizing: border-box;
	}
	.single_header_footer {
		background-color: #FFF !important;
	}
	.single_header_footer .important_links {
		flex-direction: row;
		display: flex;
		margin: 0;
		padding: 0;
	}
	.single_header_footer .important_links  li {
		padding: 0 .5rem;
		list-style: none;
	}
	.single_header_footer .extra_footer_nav {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	.single_header_footer .extra_footer_nav li {
		list-style: none;
		padding-bottom: .4rem;
	}
	.footer_social {
		font-size: 3rem;
	}
	#footer_1 {
		padding-top: 2rem;
		padding-bottom: 0;
	}

	#footer_2 {
		padding-top: 0;
		padding-bottom: 2rem;
	}
	footer .nav li {
		list-style: none;
	}
	#footer_1 .nav-item:not(:first-child):before,
	#footer_2 .nav-item:not(:first-child):before {
		content: "|";
		color: #e2e2e2;
		padding-top: .425rem;
		float: left;
	}

	#footer_1, #footer_2 {
		box-shadow: none;
	}

	#footer_1 a.nav-link, #footer_2 a.nav-link, #footer_2 span {
		font-weight: 300;
		font-style: normal;

		color: #FFF;
		padding: .45rem .5rem;
		/*float: left; took out 10/24/2019 */
	}

	#footer_2 a.nav-link {
		font-size: .9em;
	}

	#footer_1 .socialIcon:not(:first-child):before {
		content: "";
	}

	#footer_1 .socialIcon .btn {
		padding: .25rem .5rem;
		margin-left: 4px;
		margin-right: 0;
	}

	.wf_new_logo {
		background: url(/images/wf_logo_2020_en_reverse) no-repeat;
		height: 50px !important;
		width: 300px !important;;
	}

	header.single_header {
		z-index: 999;
		position: absolute;
		width: 100%;
		background: rgba(31, 57, 97, .7);
		min-height: 70px;
	}
	.single_header li {
		color: #FFF;
		white-space: nowrap;
		list-style: none;
		float: left;
		margin-right: 1.5rem;
	}
	.sticky_base {
		/* height: 100px; */
	}
	.sticky_main {
		margin-top: -70px;
	}
	.sticky-top {
		position: -webkit-sticky;
		position: sticky !important;
	}
	.fixed-top {
		position: fixed !important;
	}

	header.gwln_colour {
		background: rgba(214, 0, 110, .7);
	}
	header.wycup_colour {
		background: rgba(58, 172, 72, .7);
	}
	header.wcuc_colour {
		background: rgba(255, 255, 255, .7);
	}
	.wcuc_colour_main {
		/* background: rgba(58, 172, 72, 1) !important; */
		background: rgba(18, 125, 194, 1) !important;
	}

	.single_header .navbar-toggler {
		color: #fff;
	}
	.single_header li a, .single_header li a:hover {
		color: #FFF;
		text-transform: uppercase;
	}
	.single_header li .dropdown-menu a, .single_header li .dropdown-menu a:hover {
		color: #000;
		text-transform: unset;
	}
	.wcuc_body {
		background: url(/images/wcuc16_background);
	}
	.wcuc_colour .navbar-toggler {
		color: #000 !important;
	}
	.wcucorg {
		color: #000;
	}
	.wcucorg li a, .wcucorg li a:hover {
		color: #000;
		text-transform: uppercase;
	}
	.wcucorg li .dropdown-menu a, .wcucorg li .dropdown-menu a:hover {
		color: #000;
		text-transform: unset;
	}
	/*
	.single_header .navbar-nav {
		padding-top: 6px;
		margin-left: 350px;
	}
	*/

	.rightSide {
		position: relative;
		width: 100%;
	}
	.single_header .navbar-nav {
		position: absolute;
		right: 0;
		top: 6px;
	}


	.parent_logo {
		height: 75px;
	}

	#nav_drawer {
		position: absolute;
		width: 100%;
		top: 65px;
		background: rgba(0,0,0,.80);
	}

	header .main_logo, header .mobile_logo {
		display: block;
		position: absolute;

		height: 5rem;
		width: 320px;
	}

	header .mobile_logo {
		display: none;
		left: 2rem;
		top: 0;
		width: 275px;
		margin-top: 10px;
		margin-left:10px;
	}

	header .woccuLogo_en { background: url('/images/worldcouncil_logo_2020_en') no-repeat; }
	header .woccuLogo_es { background: url('/images/woccu_logo_vector_es') no-repeat; }
	header .woccuLogo_reverse_en { background: url('/images/worldcouncil_logo_2020_en_reverse') no-repeat; }
	header .woccuLogo_reverse_es { background: url('/images/woccu_logo_vector_reverse_es') no-repeat; }

	@media screen and (max-width: 1199px) {
		.single_header li {
			margin-right: 1rem;
		}
		header .wf_new_logo, .mainbar_logo {
			top: 10px;
			width: 250px !important;
		}
	}
	@media screen and (max-width: 875px) {
		.single_header li {
			margin-right: .1rem;
		}
		header .wf_new_logo {
			width: 225px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.rightSide {
			position: unset;
		}

		header .wf_new_logo, .mainbar_logo {
			left: 50px;
		}
		.single_header .navbar-nav {
			position: unset;
			flex-direction: column;
			margin-left: 0;
			padding-top: 20px !important;
		}
		.parent_logo {
			height: auto;
			width: 100%;
		}

	}

	.hidden-nav {
		display: none;
	}

	.socialIcon {
		list-style: none;
		margin-left: 0!important;
	}

	.socialIcon .btn i {
		font-size: 1rem;
	}

	.btn-fb { background-color: #3b5a99 !important; color: white !important; }
	.btn-yt { background-color: #ce322e !important; color: white !important; }
	.btn-li { background-color: #006fb0 !important; color: white !important; }
	.btn-tw { background-color: #25a8e0 !important; color: white !important; }
	.btn-ig { background-color: #ed4a55 !important; color: white !important; }

	#shareArea {
		text-align: center;
	}

	#shareArea .title {
		text-transform: uppercase;
		font-weight: bold;
		font-size: .9rel;
	}

	.shareIcons {
		margin: 0;
		padding: 0;
	}

	.shareIcons li {
		display: block;
	}

	.grey_bg {
		background: #ebeff0;
	}

	/* sm */
	@media screen and (max-width: 767px) {
		.hidden-sm-up, .hidden-sm-down {
			display: none;
		}
		#mastHead_2 .navbar-nav {
			 margin-top: 0;
		}
		#mastHead_2 {
			min-height: 5.2rem;
		}
		header .mobile_logo {
			display: block;
		}
		#mastHead_2 .nav {
			padding-left: 0;
			padding-top: 60px;
		}
		#mastHead_2 .nav .nav-item {
			padding: 0;
			width: 100%;
		}
		#mastHead_2 a.nav-link {
			padding: 0;
		}
		#mastHead_2 .dropdown-menu {
			padding: .25rem;
		}
		footer .nav {
			flex-direction: column !important;
			padding: 0;
		}
		#footer_1 .nav-item:not(:first-child):before,
		#footer_2 .nav-item:not(:first-child):before {
			content: "";
		}
		.hidden-nav {
			display: block;
		}
	}

	/* md */
	@media screen and (min-width: 768px) {
		.navbar-collapse {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			width: 100%;
		}
	}

	@media screen and (min-width: 768px) and (max-width: 991px) {
		header .woccuLogo_en, header .woccuLogo_es {
			height: 4rem;
		}

		#mastHead_1 .container {
			padding: 0;
			max-width: 100%;
		}
		#mastHead_1 .socialIcon .btn {
			padding: .25rem .33rem !important;
			margin: 2px !important;
		}


		#mastHead_2 .container {
			padding: 0;
			max-width: 100%;
		}
		#mastHead_2 a.nav-link {
			padding: .5rem .5rem !important;
		}
	}
	@media screen and (max-width: 1199px) {
		.hidden-md { display: none; }
	}
/*****<< New Mast Head >>*****/

/*****<< Extra/Depricated >>*****/
	.monopolycard {
		width: 100%;
		border: 1px solid #003767;
		border-collapse: collapse;
	}

	.monopolycard td, .monopolycard th {
		margin: 0px;
		padding: 5px;
	}

	.monopolycard th {
		font-weight: 700;
		text-align: left;
		background: #003767;
		color: #F2F2F2;
	}

	.monopolycard th a {
		color: #FFFFFF !important;
	}

	.activeDisplay {
		display: block;
		visibility: visible;
	}

	.hiddenDisplay {
		display: none;
		visibility: hidden;
	}
/*****<< Extra/Depricated >>*****/

/*****<< 3. Std Page >>*****/
	.stdPageHeader {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 0px;

	}
	.stdPageHeader .bg {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.stdPageHeader h1 {
		padding-top: 4.4rem;
		padding-bottom: 4.4rem;
		font-size: 4.8rem;
		color: #fff;
		margin-bottom: 0;
	}

	.stdPageHeader .aqua_bg		{ background: rgba(29, 159, 218, .5); }
	.stdPageHeader .green_bg	{ background: rgba(118, 189, 167, .5); }
	.stdPageHeader .purple_bg	{ background: rgba(15, 118, 188, .5); }
	.stdPageHeader .orange_bg	{ background: rgba(247, 169, 28, .5); }
	.stdPageHeader .white_bg	{ background: rgba(255, 255, 255, .5); color: black; }
	.stdPageHeader .white_bg h1	{ color: black; }
/*****<< 3. Std Page >>*****/

/*****<< 4. Hero >>*****/
	.hero, .hero .vertAlignWrap {
		min-height: 31.6rem;
		height: 31.6rem;
	}

	.thinner, .thinner .vertAlignWrap {
		min-height: 20rem;
	}

	.hero {
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.hero h1 {
		font-size: 5rem;
	}

	.hero p {
		font-size: 1.5rem;
	}

	.hero .container {
		min-height: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.hero hr {
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		width: 5rem;
	}

	.hero.leftAlignWBg hr {
		margin-left: 0px;
	}

	.hero.leftAlignWBg .horzConstrain {
		max-width: 65%;
	}

	.hero.leftAlignWBg .horzConstrain p {
		max-width: 80%;
	}

	.hero.centerAlignWBg {
		text-align: center;
	}

	.hero.centerAlignWBg h1 {
		color: #5f97d1;
	}

	@media screen and (max-width: 1199px) {
		.hero, .hero .vertAlignWrap {
			min-height: 15rem;
			height: auto;
		}
		.hero h1 {
			font-size: 3.5rem;
		}

	}
/*****<< 4. Hero >>*****/

/*****<< 5. News >>*****/
	.newsTicker {
		background: #163966;
		color: rgba(255, 255, 255, 0.75);
	}
	.newsTicker .chevrons {
		color: rgba(255, 255, 255, 0.75);
		margin-right: 1rem;
		font-size: 1.5rem;
	}
	.newsTicker .leftChevron {
		margin: 0px;
		padding: 0px;
		line-height: 1rem;
		margin-top: .8rem;
		margin-right: .5rem;
		cursor: pointer;
		transition: .2s ease-out;
	}
	.newsTicker .leftChevron:hover {
		color: white;
	}
	.newsTicker .rightChevron {
		margin: 0px;
		padding: 0px;
		line-height: 1rem;
		margin-top: .8rem;
		cursor: pointer;
		transition: .2s ease-out;
	}
	.newsTicker .rightChevron:hover {
		color: white;
	}
	.newsTicker .row {
		padding: 1rem 0 .5rem 0;
	}
	.newsTicker .fab {
		color: rgba(255, 255, 255, 0.75);
		font-size: 1.25rem;
	}
	.newsTicker .news {
		display: inline;
		font-weight: 600;
		text-transform: uppercase;
	}
	.newsTicker h2 {
		color: white;
		font-size: 1.25rem;
	}
	.newsTicker a, .newsTicker a:link, .newsTicker a:active, .newsTicker a:visited {
		color: white;
	}
	.newsTicker h2 a:hover {
		text-decoration: underline;
	}

	.newsTicker .rm {
		text-transform: uppercase;
		font-size: .9em;
	}
	@media screen and (max-width: 1199px) {
		.newsTicker .row {
			padding: .6rem 0 .15rem 0;
		}
	}
/*****<< 5. News >>*****/

/*****<< 6. Linked Icons >>*****/
	.linkedIcons {
		padding-top: 5rem;
		padding-bottom: 5rem;
		text-align: center;
	}
	.linkedIcons h1 {
		font-size: 5rem;
	}
	.linkedIcons hr {
		border-top: 1px solid rgba(107, 108, 108, 0.25);
		width: 5rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.linkedIcons .icons {
		margin-top: 3rem;
	}
	.linkedIcons .icon .iconImg, .linkedIcons .icon .iconImg2,
	.linkedIcons .icon-nolink .iconImg, .linkedIcons .icon-nolink .iconImg2{
		display: block;
		width: auto;
		margin: .5rem auto 1rem auto;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.linkedIcons .icon .iconImg,
	.linkedIcons .icon-nolink .iconImg{
		height: 6rem;
	}
	.linkedIcons .icon .iconImg2,
	.linkedIcons .icon-nolink .iconImg2{
		height: 16rem;
	}

	.linkedIcons .icon:hover {
		background: #ebeff0;
		cursor: pointer;
	}

	.linkedIcons .icon p,
	.linkedIcons .icon-nolink p{
		/* text-transform: uppercase; removed 4/26/2019 */
	}
	.linkedIcons.threeWCopy {
		color: #6b6c6c;
		background: #e2e2e2;
	}
	.linkedIcons.threeWCopy .horzConstrain {
		width: 55%;
		margin-left: auto;
		margin-right: auto;
	}
	.linkedIcons.threeWCopy .icon:not(:first-child),
	.linkedIcons.threeWCopy .icon-nolink:not(:first-child){
		border-left: 1px solid rgba(107, 108, 108, 0.25);
	}
	@media screen and (max-width: 575px) {
		.linkedIcons.threeWCopy .icon:not(:first-child),
		.linkedIcons.threeWCopy .icon-nolink:not(:first-child){
			border-left: none;
		}
	}
	.linkedIcons .fourNoCopy {
		color: #6b6c6c;
		background: white;
	}
	.linkedIcons .fourNoCopy .horzConstrain {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}
	.linkedIcons .fourNoCopy .icon:not(:first-child),
	.linkedIcons .fourNoCopy .icon-nolink:not(:first-child){
		border-left: 1px solid rgba(107, 108, 108, 0.25);
	}
	.linkedIcons.threeNoCopyWBg {
		/*background-image: url("../img/bg2.png");*/
		background-color: #163966;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.linkedIcons.threeNoCopyWBg p {
		color: #5f97d1;
	}

			.linkedIcons ul {
				display: flex;
				flex-direction: column;
				padding: 0;
				margin: 0;
			}
			.linkedIcons ul li {
				list-style: none;
			}
			.linkedIcons ul .icon_v2 {
				padding: .75rem 0;
			}
			.linkedIcons ul .icon_v2 img {
				max-width: 5rem;
			}
			.linkedIcons ul .content_v2 {
				margin: auto 0;
			}

			@media screen and (max-width: 991px) {
				.linkedIcons ul {
					flex-direction: row;
				}
				.linkedIcons ul .content_v2 {
					padding-left: 1rem;
				}
			}

	@media screen and (max-width: 1199px) {
		.linkedIcons {
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		.linkedIcons h1 {
			font-size: 3rem;
		}
		.linkedIcons .icons {
			margin-top: 1.5rem;
		}
	}
/*****<< 6. Linked Icons >>*****/

/*****<< 7. Infographic >>*****/
	.infographic {
		/*background-image: url("../img/bg3.png");*/
		background-color: #0ab9c9;
		color: white;
		padding-top: 4rem;
		padding-bottom: 4rem;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	/*
	.infographic h2 {
		font-size: 5rem;
		text-align: center;
	}
	*/
	.infographic .info {
		flex-direction: row;
		justify-content: center;
		color: rgba(255, 255, 255, 0.75);
	}
	@media screen and (max-width: 767px) {
		.infographic .info {
			flex-direction: column;
		}
	}
	.infographic .info .display {
		font-size: 500%;
		margin-left: 2rem;
		line-height: 150%;
	}
	@media screen and (max-width: 767px) {
		.infographic .info .display {
			margin-left: 0px;
		}
	}
	@media screen and (min-width: 1200px) {
		.infographic .info .display {
			font-size: 650%;
		}
	}
	@media screen and (max-width: 767px) {
		.infographic .info div:first-child .display,
		.infographic .info div:first-child .caption {
			margin-left: 0px;
		}
	}
	.infographic .info .caption {
		text-transform: uppercase;
		margin-left: 2rem;
		font-size: 125%;
	}
	@media screen and (max-width: 767px) {
		.infographic .info .caption {
			margin-left: 0px;
			text-align: center;
		}
	}
/*****<< 7. Infographic >>*****/

/*****<< 8. Featured Content >>*****/

	.content_card .card {
		height: calc(100% - .75rem);
		margin-bottom: .75rem;
	}
	.content_card .date {
		margin-bottom: .25rem;
	}
	.content_card .imageLink {
		position: absolute;
		overflow: hidden;

		display: block;
		height: 100%;
		width: 100%;

		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 25%;
	}
	.content_card .imageLink img {
		width: 100%;
		height: auto;
	}
	.content_card .imageTop .imageLink,
	.content_card .imageTop2 .imageLink {
		position: relative;
	}
	.content_card .imageTop {
		/* max-height: 500px !important; */

	}

	.content_card .pointer {
		position: relative;
		height: 100%;
	}
	.content_card .pointer:after {
		content: "";
		display: block;
		position: absolute;
		background: white;
		z-index: 10;
		transform: rotate(45deg);
	}
	.content_card .pointer .content {
		position: relative;
		z-index: 11;
		height: 100%;
	}
	.content_card .content .tag {
		text-transform: uppercase;
		margin-top: 1rem;
		margin-bottom: 1.5rem;
		color: #41515d;
		box-shadow: none;
		font-size: 1rem;
	}
	.content_card .content .tag .timeStamp {
		float: right;
		text-transform: none;
	}
	.content_card .content .articleTitle {
		font-size: 170%;
		line-height: 125%;
		color: #163966;
	}
	.content_card .content .btn {
		margin-top: 1rem;
	}

	.imageTop .content .btn,
	.imageTop2 .content .btn {
		position: absolute;
		bottom: 1rem;
	}

	.content_card .image {
		position: relative;
		padding: 0px;
		z-index: 9;
	}
	.content_card .orange {
		background: #f6a62c !important;
	}
	.content_card .orange .content .tag {
		color: white;
	}
	.content_card .aqua {
		color: white !important;
		background: #0ab9c9 !important;
	}
	.content_card .aqua .content .tag {
		color: white !important;
	}
	.content_card .buttonWrap {
		margin-top: 3rem;
	}

	@media screen and (max-width: 767px) {
		.content_card .imageLink {
			position: relative;
			padding-bottom: 100%;
		}
		.content_card .card .row-eq-height {
			flex-direction: column;
		}
		.content_card .col-md-2 .imageLink {
			padding-bottom: 0;
		}
		.content_card .imageRight .row-eq-height {
			flex-direction: column-reverse;
		}
		.content_card .imageRight .row-eq-height .pointer:after {
			top: -1.25rem !important;
			left: 2.5rem !important;
			height: 2.5rem !important;
			width: 2.5rem !important;
		}
	}

	.content_card .content {
		padding: 1rem;
	}
	.content_card .content_padding_alt {
		padding: .25rem .1rem;
	}

	.imageTop .content_padding,
	.imageTop2 .content_padding {
		padding-bottom: 4rem;
	}

	.content_card .fullWidth.imageRight .pointer:after,
	.content_card .oneThird.imageRight .pointer:after {
		top: 2rem;
		right: -1.5rem;
		height: 3rem;
		width: 3rem;
	}
	.content_card .fullWidth.imageLeft .pointer:after,
	.content_card .oneThird.imageLeft .pointer:after {
		top: 2rem;
		left: -1.5rem;
		height: 3rem;
		width: 3rem;
	}

	@media screen and (max-width: 767px) {
		.content_card .fullWidth.imageLeft .pointer:after,
		.content_card .oneThird.imageLeft .pointer:after {
			top: -1.25rem !important;
			left: 2.5rem !important;
			height: 2.5rem !important;
			width: 2.5rem !important;
		}
	}

	.content_card .imageTop .imageLink {
		padding-bottom: 100%;
		/* removed 1/8/2019 - dbeck -- added back.. it makes the picture bigger... */
		min-height: 200px;

	}
	.content_card .imageTop2 .imageLink {
		padding-bottom: 50%;
		/* removed 1/8/2019 - dbeck -- added back.. it makes the picture bigger... */
		min-height: 200px;

	}
	.content_card .imageTop .pointer:after,
	.content_card .imageTop2 .pointer:after {
		top: -1.25rem;
		left: 2.5rem;
		height: 2.5rem;
		width: 2.5rem;
	}
/*****<< 8. Featured Content >>*****/

/*****<< 8a. Featured Content Vertical Only >>*****/
	.vertCard2 {
		width: 100%;
		height: 100%;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
		background: white;

		margin: 0 .75rem .75rem .25rem;
	}
	.vertCard2 .imageArea {
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 25%;
	}
	.vertCard2a {
		width: 100%;
		height: 100%;
	}
	.vertCard2a .imageArea2 {
		height: 100%;

		position: relative;
		vertical-align: middle;
		text-align: center;
		padding: 100px 0;


	}

	.vertCard2 .textArea {
		padding: .75rem .5rem;
	}


/*****<< 8a. Featured Content Vertical Only >>*****/

/*****<< 8b. Just a box >>*****/
	.card_shadow {
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);

		margin: 0 .75rem .75rem .25rem;
		background: white;
	}
	.p_small {
		padding: .5rem .3rem;
	}
	.p_medium {
		padding: .75rem .5rem;
	}
	.p_large {
		padding: 1rem .75rem;
	}

	.card_shadow .imageArea {
		min-height: 100px;
		height: 20vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 25%;
		padding: 0;
	}

	.imageArea .card_topper {
		padding: 3px 7px;
		background: rgba(0, 0, 0, 0.6);
	}
	.imageArea h1.card_topper,
	.imageArea h2.card_topper,
	.imageArea h3.card_topper,
	.imageArea h4.card_topper,
	.imageArea h5.card_topper,
	.imageArea h6.card_topper {
		color: white;
	}
/*****<< 8b. Just a box >>*****/

/*****<< 9. Copy Blocks >>*****/
	.copyBlock {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	@media screen and (max-width: 767px) {
		.copyBlock .row-eq-height {
			flex-direction: column;
		}
	}

	.copyBlock hr {
		border-top: 1px solid rgba(107, 108, 108, 0.25);
		width: 5rem;
		margin-top: 1.5rem;
		margin-bottom: 2rem;
		margin-left: 0px;
	}
	.copyBlock .card {
		height: 100%;
	}
	.copyBlock .card:before {
		content: '';
		display: block;
		height: .5rem;
		width: 100%;
		background: rgba(0, 0, 0, 0.1) !important;
	}

	.copyBlock .nobar:before {
		background: none !important;
	}


	.aqua h1, .aqua h2, .aqua h3,
	.green h1, .green h2, .green h3,
	.purple h1, .purple h2, .purple h3,
	.orange h1, .orange h2, .orange h3,
	.aqua h1 a, .aqua h2 a, .aqua h3 a,
	.green h1 a, .green h2 a, .green h3 a,
	.purple h1 a, .purple h2 a, .purple h3 a,
	.orange h1 a, .orange h2 a, .orange h3 a {
		color: #FFF !important;
	}

	.card.aqua		{ background: #0ab9c9 !important; color: white !important; }
	.card.green		{ background: #76bd43 !important; color: white; }
	.card.purple	{ background: #0f76bc !important; color: white; }
	.card.orange	{ background: #f7a91b !important; color: white; }
	.card.white		{ background: #FFFFFF !important; color: black; }

	.card.aqua .dataTable td	{ color: white !important; }
	.card.green .dataTable td	{ color: white !important; }
	.card.purple .dataTable td	{ color: white !important; }
	.card.orange .dataTable td	{ color: white !important; }

	.card.aqua a { color: #fff; }
	.card.green a { color: #fff; }
	.card.purple a { color: #fff; }
	.card.orange a { color: #fff; }
	.card.white a:hover { color: #000; }

	.copyBlock .card .content {
		padding: 1rem;
	}
	.copyBlock.copyLinks .card p.card_tags {
		text-transform: uppercase;
		font-size: 70%;
		font-weight: bold;
		color: rgba(0, 0, 0, 0.2);
		padding: 0;
		margin: 0;
	}
/*****<< 9. Copy Blocks >>*****/

/*****<< 11. Links List >>*****/
	.linksList {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.linksList hr {
		width: 5rem;
		margin-top: 1.5rem;
		margin-bottom: 2rem;
		margin-left: 0px;
	}
	.linksList ul,
	.linksList p {
		font-size: 150%;
	}
	.linksList li {
		padding-top: .75rem;
		padding-bottom: .75rem;
	}
	.linksList li .fa-angle-double-right {
		color: #99c24d;
		line-height: 150%;
		font-size: 75%;
	}
	.linksList.twoCol {
		background: white;
	}
	.linksList.twoCol hr {
		border-top: 1px solid rgba(107, 108, 108, 0.25);
	}
	.linksList.twoCol li {
		border-top: 1px solid rgba(107, 108, 108, 0.25);
	}
	.linksList.twoCol li:last-child {
		border-bottom: 1px solid rgba(107, 108, 108, 0.25);
	}
	.linksList.twoCol .links div:first-child ul {
		margin-bottom: 0;
	}
	.linksList.oneCol {
		/*background-image: url(../img/bg4.png);*/
		background-color: #163966;
		color: rgba(255, 255, 255, 0.75);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.linksList.oneCol hr {
		border-top: 1px solid rgba(255, 255, 255, 0.75);
	}
	.linksList.oneCol li {
		border-top: 1px solid rgba(255, 255, 255, 0.75);
	}
	.linksList.oneCol li:last-child {
		border-bottom: 1px solid rgba(255, 255, 255, 0.75);
	}

	@media screen and (max-width: 767px) {
		.linksList.twoCol .links div:first-child ul {
			margin-top: 1rem;
		}
	}
	@media screen and (max-width: 767px) {
		.linksList.twoCol .links div:first-child ul li:last-child {
			border-bottom: none;
		}
	}
/*****<< 11. Links List >>*****/

/*****<< 12. Call To Action >>*****/
	.ctaBanner {
		/*background-image: url(../img/bg5.png);*/
		padding-top: 5rem;
		padding-bottom: 5rem;
		background-color: #0ab9c9;
		color: rgba(255, 255, 255, 0.75);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	@media screen and (max-width: 767px) {
		.ctaBanner {
			text-align: center;
		}
	}
	@media screen and (max-width: 767px) {
		.ctaBanner .btn {
			margin-top: 2rem;
		}
	}
/*****<< 12. Call To Action >>*****/

/*****<< 13. Logos Banner >>*****/
	.logosBanner {
		padding-top: 4rem;
		padding-bottom: 4rem;
		background-color: white;
	}

	@media screen and (max-width: 767px) {
		.logosBanner .row-eq-height {
			flex-direction: column;
			margin-top: 3rem;
		}
	}
	@media screen and (max-width: 767px) {
		.logosBanner .row-eq-height > div {
			max-width: 60%;
		}
	}
/*****<< 13. Logos Banner >>*****/

/*****<< 14. People List >>*****/
	.peopleList {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.peopleList .portrait {
		width: 100%;
		padding-bottom: 100%;
		border-radius: 50%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	@media screen and (max-width: 767px) {
		.peopleList .portrait {
			width: 60%;
			padding-bottom: 60%;
			margin-top: 2rem;
		}
	}
/*****<< 14. People List >>*****/

/*****<< 18. List Groups >>*****/
	.listGroup {
		font-weight: 400;
		padding-top: 3rem;
		padding-bottom: 3rem;
		max-width: 100%;
		width: 50rem;
		margin-left: auto;
		margin-right: auto;
	}
	.list-group{

	}
	.list-group .list-group-item-heading{
		font-weight: 300;
		color: #5f97d1 !important;
	}
/*****<< 18. List Groups >>*****/

/*****<< Homepage Mods >>*****/
	.home_portal { margin: 0; padding: .75rem; }
	.home_portal .row, .home_portal .mcol { margin: 0; padding: 0; }

	/* xs */
	@media screen and (max-width: 575px) {
		.home_portal { margin: 0; padding: .25rem; }
		.home_portal .mcolm { margin: 0; padding: 0 0 10px 0; }

	}

	/* sm */
	@media screen and (min-width: 576px) and (max-width: 767px) {
		.home_portal { margin: 0; padding: .5rem; }
		.home_portal .mcolm { margin: 0; padding: 0 0 10px 0; }

	}

	/* md */
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.home_portal { margin: 0; padding: .25rem .25rem; }
		.home_portal .row, .home_portal .mcol { margin: 0; padding: 0; }
		.home_portal .mcolm { margin: 0; padding: 0 .2rem; }
		.home_portal p { font-size: .7rem; }
		.home_portal .btn { padding: .3rem .5rem; }
	}

	/* lg */
	@media screen and (min-width: 992px) and (max-width: 1199px) {
		.home_portal { margin: 0; padding: .5rem .5rem; }
		.home_portal .row, .home_portal .mcol { margin: 0; padding: 0; }
		.home_portal .mcolm { padding: 0 .6rem; }
		.home_portal p { font-size: .9rem; }
		.home_portal .btn { padding: .3rem .5rem; }
	}

	/* xl */
	@media screen and (min-width: 1200px) {
		.home_portal .mcolm { padding: 0 1.3rem; }
	}
/*****<< Homepage Mods >>*****/

/*****<< Webmaster Tools >>*****/
	#web_tools {
		color: #000 !important;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
	}

	#test {

	}
	#test .xs, #test .sm, #test .md, #test .lg, #test .xl { display: none; }

	#web_controls {
		padding: .5rem;
		background: #fff;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
	}
	#gp_details {
		padding: .5rem;
		background: #fff;
		color: #000 !important;
		border-left: 1px solid black;
		border-bottom: 1px solid black;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 10000;
		min-width: 400px;
		max-width: 50vw;
		max-height: 75vh;
		overflow: scroll;
	}

	#gp_details pre {
		display: block;
		padding: 9.5px;
		margin: 0 0 10px;
		font-size: 13px;
		line-height: 1.42857143;
		color: #333;
		word-break: break-all;
		word-wrap: break-word;
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

	/* xs */
	@media screen and (max-width: 575px) {
		#test .xs { display: block;  border: 2px solid red; }
		.order-xs-1 { -ms-flex-order: 1; order: 1; }
		.order-xs-2 { -ms-flex-order: 2; order: 2; }
		.order-xs-3 { -ms-flex-order: 3; order: 3; }
		.order-xs-4 { -ms-flex-order: 4; order: 4; }
		.order-xs-5 { -ms-flex-order: 5; order: 5; }
	}

	/* sm */
	@media screen and (min-width: 576px) and (max-width: 767px) {
		#test .sm { display: block;  border: 2px solid yellow; }
	}

	/* md */
	@media screen and (min-width: 768px) and (max-width: 991px) {
		#test .md { display: block;  border: 2px solid green; }
	}

	/* lg */
	@media screen and (min-width: 992px) and (max-width: 1199px) {
		#test .lg { display: block;  border: 2px solid blue; }
	}

	/* xl */
	@media screen and (min-width: 1200px) {
		#test .xl { display: block;  border: 2px solid black; }

	}
/*****<< Webmaster Tools >>*****/

/*****<< Events Timeline >>*****/
	.eventstimeline {
		background: url(/images/grey_line) repeat-x center center;
	}

	.eventstimeline_empty {
		width: 1.9%;
		/*border-left: 1px solid #163966;*/
	}

	.eventstimeline_full {
		width: 1.9%;
		/*background: #163966;*/
		background: url(/images/timeline_big) no-repeat center center;
		/*background-size: cover;*/
		cursor: pointer;
	}

	.imgReact {
		width: 100%;
		height: auto;
	}

	.event_item {
		padding-bottom: 3px;
		border-bottom: 1px solid #333;
		cursor: pointer;
	}

	.activeDay {
		background: #5f97d1;
		color: #fff;
		padding: .33rem;
		padding-bottom: 1.25rem;
		margin: 1px;
	}
	.activeDay h3 {
		color: #fff;
	}
	.woccuActiveDay {
		background: #d6006e;
		color: #fff;
		padding: .33rem;
		padding-bottom: 1.25rem;
		margin: 1px;
	}
	.woccuActiveDay h3 {
		color: #fff;
	}
	.calDay {
		padding: .33rem;
		padding-bottom: 1.25rem;
		margin: 1px;
	}
/*****<< Events Timeline >>*****/

/*****<< Extra >>*****/
	.filterBar {
		background: #163966;
		padding-top: 1.25rem;
		font-weight: 400;
	}

	.filterBar .mdb-select > .caret,
	.filterBar .mdb-select > .select-dropdown,
	.filterBar .mdb-select + label{
		color: rgba(255,255,255,.75);
	}

	.card-block {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: 1.25rem;
	}

	#jquery-lightbox { z-index: 1100 !important; }

	.alignment_center ul li {
		list-style-type: none;
	}
	.alignment_right ul li {
		list-style-type: none;
	}

	.video-responsive{
		overflow:hidden;
		padding-bottom:56.25%;
		position:relative;
		height:0;
	}
	.video-responsive iframe{
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}
/*****<< Extra >>*****/

/*****<< Field Notes >>*****/
	.fieldnotes_sub {
		background-image: url('/images/fieldnotes_subscribe_bg');
		background-size: cover;
		background-position: center;
	}
	.fieldnotes_sub .row {
		margin: 0;
	}
	.fieldnotes_sub .row .scol {
		padding: 1rem;
	}
	.fieldnotes_sub h1 {
		font-size: 4rem;
		font-weight: bold;
		text-transform: uppercase;
		color: #003767;
	}

	.fieldnotes_sub hr {
		margin-right: 75%;
		border: solid 5px white;
	}
	.fieldnotes_sub p {
		font-size: 1.25rem;
		font-weight: bold;
		color: #003767;
	}

	.fieldnotes_sub .md-form input {
		background: white;
	}
	.fieldnotes_sub .md-form label {
		padding-left: .5rem;
		padding-bottom: .25rem;
	}
/*****<< Field Notes >>*****/

/*****<< Carousel >>*****/
	#carousel_cassette {
		display: table;
		width: 100%;
		height: 50vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		cursor: pointer;
	}
	.carousel_v2 {
		cursor: unset !important;
	}
	.carousel-indicators {
		background: url(/images/slide_pip_bg) no-repeat bottom left;
		margin: 0;
		justify-content: left;
		bottom: 0;
		height: 48px;
		padding: 14px;
	}

	.carousel .carousel-indicators li {
		margin-right: 14px;
		width: 20px;
		max-width: 20px;
		height: 20px;
	}

	.slide-content {
		height: 100%;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.homepage_slide {
		display: table;
		width: 100%;
		height: 50vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		cursor: pointer;
	}
	.homepage_slide_v2 {
		display: table;
		width: 100%;
		height: 50vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.container_v2 {
		padding: 4rem 3rem 3rem 5rem;
		background: rgba(2, 47, 85, .95);
		width: 33%;

	}
	.container_v2 h1, .container_v2 h2, .container_v2 h3, .container_v2 h4, .container_v2 p {
		color: white !important;
	}
	.indicators_v2 {
		padding-left: 0 !important;
		background: none !important;
		justify-content: normal !important;
		position: unset !important;
	 }

	.indicators_v2 li {
		background: #00a1e4;
		opacity: 1;
		border-radius: unset !important;
		height: 4px !important;
		border: 0;
		width: 30px !important;
		max-width: 30px !important;
		margin-left: 0 !important;
		margin-right: 20px !important;
		margin-top: 12px !important;
	}
	.indicators_v2 .active {
		background: white;
	}

	.carousel-control-prev-icon_v2 {
		background: url(/images/angle-left) no-repeat center !important;
		height: 19px !important;
	}
	.carousel-control-next-icon_v2 {
		background: url(/images/angle-right) no-repeat center !important;
		height: 19px !important;
	}
	.carousel-control-prev_v2, .carousel-control-next_v2 {
		width: 20px !important;
	}
	.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
		width: 50px;
		height: 50px;
	}
	@media screen and (min-width: 768px) and (max-width: 1023px) {
		.container_v2 {
			padding: 2rem;
			background: rgba(2, 47, 85, .95);

		}
	}
	@media screen and (max-width: 767px) {
		.homepage_slide_v2 {
			height: 100vh;
		}
		.carousel_v2 {
			height: 100vh;
		}
		.container_v2 {
			padding: 5px;
			background: rgba(2, 47, 85, .95);
			width: 100%;

		}
	}

/*****<< Carousel >>*****/

/*****<< Cookies >>*****/
	#cookie_area {
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		background: lightgrey;
		padding: 5rem;
		border-top: 2px solid #003767;
		z-index: 9999;
	}
@media screen and (max-width: 500px) {
	#cookie_area {
		padding: 2rem;
	}
}
/*****<< Cookies >>*****/

/*****<< Story Tile >>*****/
	.story_tile {
		width: 100%;
		padding-top: 100%; /* 1:1 Aspect Ratio */
		position: relative; /* If you want text inside of it */
		background-size: cover;
		background-position: center;
	}
	.story_tile_area {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.story_tile_content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		text-align: center;
		display: flex
	}

	.hoverer:hover {
		background: #212121;
	}
	.col_no_padding {
		padding: 0;
		margin: 0;
	}
	.v_center {
		margin: auto;
	}
	@media screen and (max-width: 575px) {
		.story_title_sm_padding {
			padding-top: 2rem;
			padding-bottom: 3rem;
		}
	}
/*****<< Story Tile >>*****/

/*****<< DTL >>*****/
	.dtl {
		font-family: alegreya-sans, serif;
	}
	.dtl h1, .dtl h2, .dtl h3, .dtl h4, .dtl h5, .dtl h6 {
		font-family: alegreya-sans, serif;
		font-weight: inherit;
	}
/*****<< DTL >>*****/

/*****<< Calendar >>*****/
	.mycal {
		width: 100%;
		border: 1px solid #003767;
		border-collapse: collapse;
	}

	.mycal th {
		margin: 0px;
		padding: 5px;
	}

	.mycal th {
		font-weight: 700;
		text-align: left;
		background: #003767;
		color: #F2F2F2;
	}

	.mycal td {
		padding: 0 2px 1rem 2px;
		border-right: 1px solid #AAA;
		border-bottom: 1px solid #AAA;
	}
	.mycal .inactiveDay {
		background: #CCC;
	}
	.mycal th a {
		color: #FFFFFF !important;
	}

	.mycal ul {
		padding: 0;
		margin: 0;
	}
	.mycal ul li {
		padding: 0;
		margin: 0 0 2px 0;
		list-style: none;
		cursor: pointer;
		border-radius: .5rem;
	}
	.mycal .event {
		padding: 4px;
	}
	.mycal .cal_date {
		text-align: right;
		padding: 0 5px 0 0;
	}

	.mycal .cal_events {
		color: white;
		background: rgba(31, 57, 97, 1);
	}
	.mycal .cal_gwln {
		background: #d6006e;
	}
	.mycal .cal_26 {
		background: rgba(153, 194, 77, 1);
	}
	.mycal .cal_27 {
		color: white;
		background: rgba(122, 108, 150, 1);
	}
	.mycal .cal_28 {
		background: rgba(246, 166, 44, 1);
	}
	.mycal .cal_29 {
		color: white !important;
		background-color: #00a1e4 !important;
	}
/*****<< Calendar >>*****/

.faqs .question {
	border-left: 2px solid #0f76bc;
	font-size: 1.25rem;
	font-weight: bold;
	cursor: pointer;
	padding: .25rem;
	padding-left: .5rem;
}

.faqs .answer {
	padding-left: 2rem;
	padding-top: .5rem;
	padding-bottom: 2rem;
}

.bg_black { background: black ; color: white; }
.bg_white { background: white; }
.bg_blue { background: #163966; color: white; }
.bg_navy { background: #0f76bc; }
.bg_green { background: #6aa94f; color: white; }
.bg_lightgreen { background: #96c24b; }
.bg_gold { background: #f7a91b; }
.bg_pink { background: #d6006e; }
.bg_red { background: #b93c40; }
.bg_aqua, .bg_teal { background: #0ab9c9; }

.t_black, .t_black * { color: black !important; }
.t_blue, .t_blue * { color: #163966 !important; }
.t_white, .t_white * { color: white !important; }
.t_gold, .t_gold * { color: #f7a91b !important; }
.t_navy, .t_navy * { color: #0f76bc !important; }
.t_pink, .t_pink * { color: #d6006e !important; }

.t_upper { text-transform: uppercase !important; }
.t_underline { text-decoration: underline !important; }
.t_regular { font-weight: normal !important; }
.t_bold { font-weight: bold !important; }
.t_center { text-align: center; }

.bpt-1 { padding-top: 1rem; }
.bpt-2 { padding-top: 2rem; }
.bpt-3 { padding-top: 3rem; }
.bpt-4 { padding-top: 4rem; }
.bpt-5 { padding-top: 5rem; }
.bpt-6 { padding-top: 6rem; }

.bpb-1 { padding-bottom: 1rem; }
.bpb-2 { padding-bottom: 2rem; }
.bpb-3 { padding-bottom: 3rem; }
.bpb-4 { padding-bottom: 4rem; }
.bpb-5 { padding-bottom: 5rem; }
.bpb-6 { padding-bottom: 6rem; }

.mbg_white { background: white; }
.mbg_blue { background: rgba(10, 185, 201, 1); }
.mbg_green { background: rgba(153, 194, 77, 1); }
.mbg_orange { background: rgba(246, 166, 44, 1); }
.mbg_purple { background: rgba(122, 108, 150, 1); }
.mbg_grey { background: #ebeff0; }

.b_woccu {
	color: white;
	background-color: #1f3961;
}

.rgba-woccu-slight { background: rgba(31, 57, 97, .1); }
.rgba-woccu-light { background: rgba(31, 57, 97, .3); }
.rgba-woccu-strong { background: rgba(31, 57, 97, .7); }

.rgba-woccu2-slight { background: rgba(15, 118, 188, .1); }
.rgba-woccu2-light { background: rgba(15, 118, 188, .3); }
.rgba-woccu2-strong { background: rgba(15, 118, 188, .7); }

.rgba-orange-slight { background: rgba(247, 169, 28, .1); }
.rgba-orange-light { background: rgba(247, 169, 28, .3); }
.rgba-orange-strong { background: rgba(247, 169, 28, .7); }

.cc_img {
	padding: 1rem 0 0 1rem;
}

.is_link {
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.cc_img {
		min-height: 50vh;

	}
}

@media screen and (max-width: 575px) {

	.project_card {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.project_card .col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.project_card .col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.double_small .col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}