@media only screen and (min-width: 0px) {

	/* MOBILE STYLES */
	#masthead>.mobile {
		display: block;
	}
	#masthead>.mobile>.bar {
		height: 60px;
		background-color: #000;
	}
	#masthead>.mobile>.bar .logo-cell {
		padding: 6px 0 6px 6px;
	}
	#masthead>.mobile>.bar .logo-cell a {
		display: block;
		padding: 12px;
	}
	#masthead>.mobile>.bar .logo-cell .logo {
		height: 24px;
		width: 179.38px;
		vertical-align: top;
	}
	#masthead>.mobile>.bar .toggle-cell {
		padding: 6px;
		padding-left: 0;
		text-align: right;
		white-space: nowrap;
	}
	#masthead>.mobile>.search {
		height: 60px;
		background-color: #000;
	}
	#masthead>.mobile>.search .search-cell {
		padding: 10px 0 10px 20px;
	}
	#masthead>.mobile>.search .toggle-cell {
		padding: 6px;
	}
	#masthead>.mobile>.search input[name="terms"] {
		display: block;
		margin: 0;
		border: none;
		height: 40px;
		background-color: transparent;
		color: #fff;
	}
  #masthead>.mobile>.search input[name="terms"]:focus {
    background-color: #fff;
    color: #000;
    box-shadow: none;
  }
  #masthead>.mobile>.search input[name="terms"]:focus::placeholder {
    color: #696969;
  }
	#masthead>.mobile>.navigation .site h2 {
		display: none;
	}
	#masthead>.mobile>.navigation .social {
		background-color: #464646;
	}
	#masthead>.mobile>.navigation .menu {
		background-color: #464646;
	}

	/* Buttons */
	#masthead>.mobile .open-search,
	#masthead>.mobile .open-navigation,
	#masthead>.mobile .close-search,
	#masthead>.mobile .close-navigation {
		padding: 12px;
		height: 48px;
		width: 48px;
	}
	#masthead>.desktop .submit-search {
		padding: 16px;
		height: 53px;
		width: 53px;
	}
	#masthead>.mobile .open-search img,
	#masthead>.mobile .open-navigation img,
	#masthead>.mobile .close-search img,
	#masthead>.mobile .close-navigation img {
		height: 21px;
		width: 21px;
	}
	#masthead>.desktop .submit-search img {
		height: 21px;
		width: 21px;
    margin-top: -5px;
    margin-right: -5px;
	}

	/* Drilldown Menu */
	#masthead>.mobile>.navigation .is-drilldown {
		max-width: none !important;
		background-color: #464646;
	}
	#masthead>.mobile>.navigation .menu.drilldown a {
		border-bottom: 1px solid #6f6f6f;
		padding: 16px 20px;
		line-height: 15px;
		font-size: 12px;
		font-weight: 700;
		background-color: #464646;
		color: #fff;
	}
	#masthead>.mobile>.navigation .menu.drilldown a::before {
		border-right-color: #5fe0d3;
	}
	#masthead>.mobile>.navigation .menu.drilldown a::after {
		border-left-color: #5fe0d3;
	}

	/* Accordion Menu */
	#masthead>.mobile>.navigation .menu.accordion-menu ul {
		margin: 0;
	}
	#masthead>.mobile>.navigation .menu.accordion-menu a {
		border-bottom: 1px solid #6f6f6f;
		padding: 16px 20px;
		line-height: 15px;
		font-size: 12px;
		font-weight: 700;
		background-color: #464646;
		color: #fff;
	}
	#masthead>.mobile>.navigation .menu.accordion-menu ul a {
		padding-left: 40px;
	}
	#masthead>.mobile>.navigation .menu.accordion-menu ul ul a {
		padding-left: 60px;
	}
	#masthead>.mobile>.navigation .menu.accordion-menu .is-accordion-submenu-parent > a::after {
		border-top-color: #5fe0d3;
	}

  #masthead>.mobile>.navigation .menu.accordion-menu .is-accordion-submenu a {
    border-bottom: 1px solid #575757;
    background-color: #333333;
    color: #fff;
  }

	/* TOGGLE STATES */
	#masthead>.mobile>.bar button.close-navigation,
	#masthead>.mobile>.bar:not(.navigation-open) button.open-navigation {
		display: initial;
	}
	#masthead>.mobile>.bar button.open-navigation,
	#masthead>.mobile>.bar:not(.navigation-open) button.close-navigation,
	#masthead>.mobile>.bar:not(.search-open) ~ .search,
	#masthead>.mobile>.bar:not(.navigation-open) ~ .navigation,
	#masthead>.mobile>.bar.search-open {
		display: none;
	}

	/* DESKTOP STYLES */
	#masthead>.desktop {
		display: none;
	}
	#masthead>.desktop>.utilities {
		height: 85px;
		background-color: #000;
	}
	#masthead>.desktop .utilities .logo-cell {
		padding: 20px 0;
	}
	#masthead>.desktop .utilities .logo-cell a {
		display: block;
	}
	#masthead>.desktop .utilities .logo-cell .logo {
		height: 45px;
		width: auto;
		vertical-align: top;
	}
	#masthead>.desktop .utilities .search-cell {
		padding: 16px 0;
		text-align: center;
	}
	#masthead>.desktop .utilities .search-cell form {
		width: 100%;
	}
	#masthead>.desktop .utilities .search-cell form .search-cell-interior {
		max-width: 600px;
    	margin: 0 auto;
		position: relative;
	}
	#masthead>.desktop .utilities .search-cell input[type="search"] {
		display: inline-block;
		margin: 0;
		border: none;
		height: 53px;
		width: 100%;
		text-align: left;
		background-color: #464646;
		color: #fff;
		position: relative;
		z-index: 0;
	}
  #masthead>.desktop .utilities .search-cell input[type="search"]:focus {
    background-color: #fff;
    color: #000;
    box-shadow: none;
  }
  #masthead>.desktop .utilities .search-cell input[type="search"]:focus::placeholder {
    color: #696969;
  }
	#masthead>.desktop .utilities .search-cell button[type="submit"] {
		height: 47px;
		width: 53px;
		cursor: pointer;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
    background-color: #464646;
    margin: 3px;
    padding-left: 12px;
	}
	#masthead>.desktop>.navigation {
		height: 35px;
		background-color: rgba(70,70,70,0.85);
	}
	#masthead>.desktop>.navigation h2 {
		display: none;
	}
	#masthead>.desktop>.navigation h2 ~ ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		margin: 0 -15px;
		padding: 0;
		list-style-type: none;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li {
		position: relative;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > a {
		display: inline-block;
		padding: 0 18px;
		line-height: 35px;
		font-size: 15px;
		font-weight: 700;
		color: #fff;
		position: relative;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > a::after {
		content: '';
		height: 5px;
		width: calc(100% - 32px);
		background-color: rgba(95,224,211,0);
		position: absolute;
		bottom: 0;
		left: 16px;
		-webkit-transition: 0.25s;
		transition: 0.25s;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li:hover > a::after {
		background-color: rgba(95,224,211,1);
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > ul {
		display: none;
		margin: 0;
		padding: 16px;
		list-style-type: none;
		background-color: #fff;
		box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
		position: absolute;
		top: 100%;
		left: 16px;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li:last-child > ul {
		left: auto;
		right: 16px;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li:hover > ul {
		display: block;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > ul > li {
		white-space: nowrap;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > ul > li > a {
		display: block;
		padding: 0 8px;
		line-height: 32px;
		font-size: 14px;
		font-weight: 700;
		color: #000;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > ul > li > a:hover {
		color: #00267e;
	}

	/* SHARED STYLES */
	#masthead>.desktop .utilities .social-cell,
	#masthead>.mobile>.navigation .social {
		padding: 30px 0;
	}
	#masthead>.desktop .utilities .social-cell h2,
	#masthead>.mobile>.navigation .social h2 {
		display: none;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul,
	#masthead>.mobile>.navigation .social h2 ~ ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul:not(.has-icons),
	#masthead>.mobile>.navigation .social h2 ~ ul:not(.has-icons) {
		display: none;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul li,
	#masthead>.mobile>.navigation .social h2 ~ ul li {
		display: block;
		height: 25px;
		width: 25px;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a,
	#masthead>.mobile>.navigation .social h2 ~ ul a {
		display: block;
		padding: 5px;
		width: 25px;
		height: 25px;
		vertical-align: top;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul span,
	#masthead>.mobile>.navigation .social h2 ~ ul span {
		display: none;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a::after {
		content: '';
		display: block;
		height: 15px;
		width: 15px;
		background-size: 15px 15px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a.icon-email::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a.icon-email::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAzOsEvva2MiPy3o0L5sadc29PHwPWwq+qfWBeSBoVEO2GgHtFL8bM0UgAAAC3SURBVHjatZLJDsIwDAWHpm260g3KvoP//xOJVKkkQHOCOTmaKLGfzF9Rt3A2QVgrLuIhp/TpgLNPl6x9uiJJp22awD2astEeFDr7bjONIjxR5N/s2ogYWWpog4+RWngsBVNeFxxXro0P0ERitGGewC61emqgC8XAeE7mg3Nu83ptsRnKjfUXdi+6F+k17Eux9UBVQNdBUckIdg5bBWprp4Q7bRy7CSDv/FIH/mXK/auoau8i/5Mnf8BUuAmuDVUAAAAASUVORK5CYII=');
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a.icon-facebook::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a.icon-facebook::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMA0uymdxF0NOYN9LSuhBz6y8q6mpFeWEgiChiGSQAAAHJJREFUOMvt0MkOgCAMRdE61nme3v//qBBMiA2BldGFZ0Xo3bQkbU1RQWnJ6YhwScilK+APJvgDRiBoYc2uoDazZmfm0hWM0Ho7k8yOMT0TcKqYM1Wp1okggZB/MFggrCRkynUH/SyDh/qDd4Ma2nD7OwH+gxqy40nOfAAAAABJRU5ErkJggg==');
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a.icon-twitter::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a.icon-twitter::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA+gP11BljX00JAezm4IZqQDQS2s7NwrquqZ+IflAp8JJ5WEUgs5xuOC4jESdkjQ4AAADnSURBVBgZxcFXdoNAEATA3iXnoEhSlmPf/3wGLHuHJ/i1q/AvdLaNLLtx0Cs0oDNMfNgcHTvH21UAOmYQnIRG7ABIyRZGTWPluy5Qk9yXePhUNBTXAdCwF3shRj6lbQmg48j2AvRcCusAPZ3wm1VlRelT2GGUU1AU9hicvbPivBMGJy56xeDKRe8YhBsuiEOMDhHn1Xg42JyV46E8pEc+W+PHTXGOj18NZ9xh6IpPIgdC6CacUldMhcWGgrpgSvs2BesCKcjbFaVVASPfWZyy0gCS9rYU4tTBk5v7skksFdn79k3jz30BJhxSIWLGslcAAAAASUVORK5CYII=');
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a.icon-youtube::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a.icon-youtube::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMAq7a7mfnXWi7r4tvDlHppOAQDjA4M9ODLtJ50Yk0fizdnXSsAAACbSURBVCjPxZJJEsIgEEV/pBMykRmjMSr3P6WyEEQLepm3oBpeFUPzcSzTIPtupi17I4QdN5q7Xg6TtWVhIhQloFcTpdaQJsEO5SfZ3zEE4eoW4+0caoHG1ScAj2ugG1SBBu71l66Q/2gsyuscJtSW8pLUGNvPGqOZzZmrMQ9j2sI1lVJforCbBBJLHberZsLko0g+ikRPF8XjeAFSOj2+DxNVYQAAAABJRU5ErkJggg==');
	}
	#masthead>.mobile>.navigation .social {
		padding-right: 20px;
	}
	#masthead>.mobile>.navigation .social li {
		margin-left: 10px;
	}

	/*MESSAGES*/
	#masthead .messages .callout {
		width: 100%;
		margin: 0;
	}

	/*BREADCRUMBS*/
	#masthead .breadcrumbs {
		margin: 0;
	}
	#masthead .mobile .breadcrumbs {
		position: absolute;
	}
	#masthead .breadcrumbs ol {
		margin: 12px 0 0;
		list-style: none;
	}
	#masthead .breadcrumbs li,
	#masthead .breadcrumbs a {
		color: #fff;
		font-size: 14px;
    	line-height: 22px;
    	font-weight: normal;
	}
	#masthead .breadcrumbs li {
		text-transform: none;
	}
	#masthead .breadcrumbs li:last-child,
	#masthead .breadcrumbs li:nth-last-child(2)::after {
		font-weight: bold;
	}
	#masthead .breadcrumbs li:not(:last-child)::after {
		color: #fff;
	}
	#masthead .breadcrumbs a:hover {
		cursor: pointer;
	}

}

@media (max-width: 1023px){
  #block-breadcrumbs {
    display:none;
  }
}
@media only screen and (min-width: 375px) {
	#masthead>.mobile>.bar .logo-cell a {
		padding: 9px;
	}
	#masthead>.mobile>.bar .logo-cell .logo {
		height: 30px;
		width: 224.22px;
	}
}
@media only screen and (min-width: 640px) {
	#masthead>.mobile>.bar .logo-cell {
		padding: 6px 0 6px 16px;
	}
}
@media only screen and (min-width: 1024px) {
	#masthead {
		width: 100%;
		position: fixed !important;
		left: 0;
	}
	#masthead>.desktop {
		display: block;
	}
	#masthead>.mobile {
		display: none;
	}
	/*BREADCRUMBS*/
	.scrolled #masthead .breadcrumbs {
		opacity: 0;
		margin-top: -34px;
		pointer-events: none;
		transition: opacity 0.3s, margin-top 0.5s;
	}
}

/* LANGUAGE TOGGLE */
#block-languageswitch a {
	color: #5fe0d3;
}
@media only screen and (max-width: 1024px) {
	#block-languageswitch a {
		margin-left: 20px;
		font-size: 12px;
	}
}
