@charset "UTF-8";

.gateway-links 
{
    background: #007073 !important;
    display: block !important;
    min-height: 41px !important;
    position: relative !important;
    z-index: 99999 !important;
}

.gateway-links .inner .search-util /** header-util changed to search-util **/
{
    margin-top: 5px !important;
	height: 30px !important;
	float: right !important;
    display: inline-block !important;
    overflow: hidden !important;
}

.search-util form .search-submit 
{
    margin-top: -25px !important;
    background-color: transparent !important;
    border: 0 !important;
    text-indent: -9999px !important;
    width: 50px !important;
    height: 50px !important;
    background-image: url(/media/search@2x.png) !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.search-util form .search-search 
{
    font-size: 16px !important;
    border: 0 !important;
    outline: 0 !important;
	padding: 5px 5px 5px 10px !important;
    text-align: left !important;
    color: #ffffff !important !important;
    background-color: #444444 !important;
}

.search-search::-webkit-input-placeholder 
{
    /* WebKit, Blink, Edge */
    color: #ffffff !important;
}
.search-search:-moz-placeholder 
{
    /* Mozilla Firefox 4 to 18 */
    color: #ffffff !important;
    opacity: 1 !important;
}
.search-search::-moz-placeholder 
{
    /* Mozilla Firefox 19+ */
    color: #ffffff !important;
    opacity: 1 !important;
}
.search-search:-ms-input-placeholder 
{
    /* Internet Explorer 10-11 */
    color: #ffffff !important;
}

header .top-band .header-util .search-icon {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    padding: 40px 0 !important;
    float: left !important;
    position: relative !important;
    z-index: 100 !important;
    background-image: url(/media/search@2x.png) !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

header .top-band .header-util .menu-icon 
{
    display: block !important;
    width: 52px !important;
    height: 50px !important;
    padding: 37px 0 30 !important;
    float: left !important;
    background-image: url(/media/menu-teal-2017.png) !important;
	/*background-image: url(images/menu-teal@2x.png) !important;*/
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    outline: 0 !important;
    position: relative !important;
    z-index: 100 !important;
}

header .top-band .header-util .menu-icon.active 
{
    background-image: url(/media/menu-close-black@2x.png) !important;
    background-size: 22px !important;
    display: block !important;
    width: 52px !important;
    height: 50px !important;
    padding: 40px 0 !important;
    float: left !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

header 
{
    background: #ffffff !important;
    position: relative !important;
    z-index: 101 !important;
    min-height: 81px !important;
}

header .top-band-outer 
{
    background-color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    width: 100% !important;
    z-index: 1001 !important;
}

header .top-band-outer 
{
    background-color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    width: 100% !important;
    z-index: 1001 !important;
}

.nav2017 /** 2017 **/
{
    background-color: #fff !important;
    color: #007073 !important;
	display: block !important;
    margin: auto !important;
	padding: 25px 0 !important;
	text-align: center !important;
	float: left !important;
    overflow: hidden !important;
    width: 70% !important; 
}

.nav2017 ul 
{
    margin: 0 !important;
    padding: 0 !important;
}
 
.nav2017 ul li 
{
	display: inline-block !important;
	list-style-type: none !important;

	-webkit-transition: all 0.2s !important;
	-moz-transition: all 0.2s !important;
	-ms-transition: all 0.2s !important;
	-o-transition: all 0.2s !important;
	transition: all 0.2s !important; 
}
     
.nav2017 > ul > li > a 
{
	color: #007073 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	display: block !important;
	line-height: 25px !important;
	padding: 0 12px !important;
	text-decoration: none !important;
}

.nav2017 > ul > li > a:hover
{
	color: #a27752 !important;
}

.nav2017 > ul > li > div 
{
    background-color: #FFFFFF !important;
    border-top: 0 !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055) !important;
    display: none !important;
    margin: 0 0 0 -15px !important;
	padding: 30px 0 10px !important;
    opacity: 0 !important;
    position: absolute !important;
	min-width: 165px !important;
    visibility: hidden !important;
    z-index: 100 !important;
	text-align: left !important;
     
    -webkit-transiton: opacity 0.2s !important;
    -moz-transition: opacity 0.2s !important;
    -ms-transition: opacity 0.2s !important;
    -o-transition: opacity 0.2s !important;
    -transition: opacity 0.2s !important;
}

.nav2017 > ul > li > div ul > li 
{
	display: block !important;
}
     
.nav2017 > ul > li > div ul > li > a 
{
	color: #007073 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	display: block !important;
	/*line-height: 25px !important;*/
	padding: 0px 25px 10px !important;
	text-decoration: none !important;
}

.nav2017 > ul > li > div ul > li > a:hover
{
	color: #a27752 !important;
}

.nav2017 > ul > li:hover > div 
{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.gateway-links ul ul 
{
    -moz-transition: max-height 250ms, padding 250ms, opacity 250ms;
    -webkit-transition: max-height 250ms, padding 250ms, opacity 250ms;
	background: #006f71;
	max-height: 0;
	opacity: 1;
	overflow: hidden;
	padding: 0 10px;
	position: absolute;
	right: initial;
	left: 10px;
	transition: max-height 250ms, padding 250ms, opacity 250ms;
	max-width: 400px;
	z-index: 9999909;
}

.gateway-links ul ul li 
{
    float: left;
    margin-right: 2%;
    width: 50%;
}

.gateway-links ul ul li:nth-of-type(2n) {
    margin-right: 0;
    width: 45%;
}

.gateway-links ul ul a 
{
    display: block;
    font-size: 14px;
    font-weight: 300;
}

.explore-tabs .cta-group-wrapper 
{
    position: fixed !important;
    top: 135px !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.explore-tabs .cta-group-wrapper.on 
{
    position: relative !important;
    top: 50% !important;
    right: auto !important;
}

@media screen and (max-width: 1056px) 
{
	
	header 
	{
       	min-height: 70px !important; 
	}
	
	header .top-band .logo a img 
	{
		display: none !important; 
	}
	
	header .top-band .logo 
	{
		display: inline-block !important;
		width: 34px !important;
		height: 44px !important;
		background-image: url(/media/logo-masthead-teal-mobile@2x.png) !important;
		background-size: 34px !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		padding: 35px 0 !important; 
		z-index: 101;
	}
	
	.nav2017 
	{
		background-color: #fff !important;
		color: #007073 !important;
		display: block !important;
		margin: auto !important;
		padding: 25px 0 !important;
		text-align: center !important;
		float: left !important;
		overflow: hidden !important;
		width: 90% !important;
	}
	
}

@media screen and (max-width: 909px) 
{
	.nav2017 
	{
		background-color: #fff !important;
		color: #007073 !important;
		display: block !important;
		margin: auto !important;
		padding: 25px 0 !important;
		text-align: center !important;
		float: left !important;
		overflow: hidden !important;
		width: 85% !important;
	}
}

@media screen and (max-width: 813px) 
{
	.nav2017 
	{
		background-color: #fff !important;
		color: #007073 !important;
		display: block !important;
		margin: auto !important;
		padding: 25px 0 !important;
		text-align: left !important;
		float: left !important;
		overflow: hidden !important;
		width: 90% !important;
	}
	
	header .top-band .header-util .menu-icon 
	{
		display: block !important;
		width: 25px !important;
		height: 50px !important;
		padding: 37px 0 30 !important;
		float: left !important;
		background-image: url(/media/menu-teal-2017.png) !important;
		/* background-image: url(images/menu-teal@2x.png) !important; */
		background-size: 25px !important;
		background-repeat: no-repeat !important;
		background-position: center right !important;
		outline: 0 !important;
		position: relative !important;
		z-index: 100 !important;
	}
}

@media screen and (max-width: 771px) 
{
	.nav2017 > ul > li > a 
	{
		color: #007073 !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		display: block !important;
		line-height: 25px !important;
		padding: 0 12px !important;
		text-decoration: none !important;
	}
}