/* @override http://localhost/assets/css/templates/home.css */
#main-banner{
	margin-top: -16px;
}
#main-banner h1 {
	font-size: 60px;
	left: -0.15em;
	padding-top: 100px;
	position: relative;
}

#welcome .site-width{
	max-width: 1130px;
	box-sizing: border-box;
	padding: 75px 100px 75px;
	color: #002554;
}
#welcome .site-width > div {
	max-width: 755px;
	margin: 0px auto;
}
#welcome h1{
	margin-bottom: 55px;
}
#welcome .welcome-item{
	padding-left: 90px;
	margin-bottom: 35px;
	position: relative;
}
#welcome .welcome-item:before{
	position: absolute;
	left: 0px;
	font-size: 50px;
	top: 0px;
}
#welcome .welcome-item.icon-global-presence:before{
	left: 7px;
}
#welcome .welcome-item h3 {
	margin-bottom: 30px;
}

#believe-belong{
	/*padding: 60px 0px;*/
}
#believe-belong .site-width{
	max-width: 1130px;
}
#believe-belong .two-col-one{
	padding-right: 15px;
	line-height: 1.4;
}
#believe-belong .two-col-two{
	padding-left: 15px;
	padding-right: 140px;
	line-height: 1.4;
}
#believe-belong h3{
	margin-bottom: 20px;
}
#believe-belong .button {
	margin-top: 30px;
}

.hideBanner{
	display:none;
}

#navigation{
	margin: 0;
	background-color: #fff;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);
	height: 53px;
	position: sticky;
	top: 120px;
	width: 100%;
	-webkit-transition: top .5s ease-in-out;
	-moz-transition: top .5s ease-in-out;
	-ms-transition: top .5s ease-in-out;
	-o-transition: top .5s ease-in-out;
	transition: top .5s ease-in-out;
	z-index: 5000;
}

#navigation ul.sub-nav>.sub-wrap>li>a:after {
	border-bottom: 3px solid #fff;
	bottom: 0px;
	content: '';
	left: 50%;
	opacity: 0;
	position: sticky;
	right: 50%;
	-webkit-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s linear .25s;
	-moz-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s linear .25s;
	-ms-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s linear .25s;
	-o-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s linear .25s;
	transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s linear .25s;
}

.header-wrapper.animation {
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    position: static;
}

.header-wrapper {
    border-bottom: 1px solid #dbdbdb;
    height: auto;
    position: static;
    top: 0;
    width: 100%;
    background: #f8f8f8;
    z-index: 11;
}


.alert-wrapper {
    display: table;
}

.alert-wrapper .alert-icon {
    display: table-cell;
}

.alert-container {
    display: table-cell;
    padding-left: 15px;
}

.alert-container .alert-heading {
    font-size: 1em;
    line-height: 22px;
    margin: 0; 
    font-family: gotham; 
    letter-spacing: unset; 
    text-transform: unset;
}


.alert-container .alert-body {
    padding-left: 0;
    font-size: 15px;
    margin-bottom: 0%;
    font-family: arial;
    padding-left: 0;
}


.alert-container .alert-body a {
    display: unset;
}
.text-bold {
    font-weight: bold;
}

.alert-body a{
	color: #2477ab;
	
}
.header-wrapper a:hover{
	text-decoration:underline;
}


.header-wrapper * {
    box-sizing: border-box;
}

[role=button] {
    cursor: pointer;
}

.svg-info-alert {
    background: url(/assets/images/utility-icons.svg) no-repeat;
    height: 24px;
    width: 24px;
    background-position: -52px 0;
    display: inline-block;
    vertical-align: text-top;
}

.shutdown-alert.alert-info {
    border-left: 5px solid #1a587e;
    margin-left: 5px;
}

.shutdown-alert {
    font-family: Meta-Norm;
    display: table;
    width: 99%;
    box-sizing: border-box;
    padding: 20px;
    background-color: white;
    color: #293033;
    border-color: #dbdbdb;
    line-height: 22px;
    font-size: .9375em;
    -webkit-box-shadow: 0 9px 0 -6px #dbdbdb;
    -moz-box-shadow: 0 9px 0 -6px #dbdbdb;
    box-shadow: 0 9px 0 -6px #dbdbdb;
    border: 1px solid #dbdbdb;
    border-radius: 0;
}
.shutdown-alert .close-link{
    position: absolute;
    top: 20px;
    right: 20px;
}

.shutdown-alert .close-link .svg-cross-blue {
    vertical-align: text-top;
    margin-left: 9px;
    width: 12px;
    height: 12px;
    background: url(/assets/images/utility-icons.svg) no-repeat;
    background-position: -87px 0;
    display:inline-block;
}

@media only screen and (max-width:1100px) {
	#main-banner h1 {
		padding-top: 40px;
	}
	#floating-columns .row[data-nth="1"] .image.fimage{
		
		background-size: auto 100%;
		height: 492px;
	}
	
	#floating-columns .row[data-nth="4"] .image.image4{
		border: none;
		width: 37%;
		height: 532px;
	}
	.header-wrapper a:hover{
	text-decoration:underline;
	}
}
@media only screen and (max-width:1023px) {
	/* @group Overivew Template  */
	#main-banner {
		background-position: center;
	}
	#welcome .site-width{
		margin: 0px;
		padding: 40px 20px;
	}
	#button-explore-global-benefits.welcome-item{
		padding-left: 0px;
		margin: 0px;
	}
	#floating-columns .row[data-nth="1"] .image{
		background-position: center center;
	}
	#floating-columns .row[data-nth="2"] .image{
		background-position: center center;
		border: none;
	}
	#floating-columns .row[data-nth="3"] .image{
		background-position: center center;
		background-size:auto;
	}
	#floating-columns .row[data-nth="4"] .image{
		background-position: center center;
		border: none;
	}
	#floating-columns .row[data-nth="2"] .image.img{
		background-position: center center;
		    border: none;
			width: 100%; 
	}
	#floating-columns .row[data-nth="3"] .image.img3{
		background-size: auto;
	}
	#believe-belong{
		padding: 0px;
	}
	#believe-belong .site-width{
		margin: 40px 20px;
	}
	#believe-belong .two-col-one{
		padding: 0px;
		margin: 0px;
	}
	#believe-belong .two-col-two{
		padding: 20px 0px 0px;
		font-size: 15px;
	}
	#believe-belong .two-col-two a{
		margin-top: 20px;
	}
	#floating-columns .row[data-nth="1"] .image.fimage{
		height: 409px;
		background-size: 100%;
	}
	#floating-columns .row[data-nth="2"] .image.image2{
		background-size: 100%;
		height: 428px;
		width: 100%;
	}
	#floating-columns .row[data-nth="3"] .image.image3{
		background-image: url(/assets/images/overview/biz-solutions_New_square_ipad.jpg);
		height: 428px;
		background-size: 100%;
	}
	#floating-columns .row[data-nth="4"] .image.image4{
		width: 100%;
		background-size: 100%;
		height: 428px;	
	}
	#floating-columns .row .text .button{
		margin-bottom: 51px;
	}
	
	.header-wrapper a:hover{
	text-decoration:underline;
	}
	
	#floating-columns .two-col div.text, #floating-columns .row[data-nth="2"] .two-col-two.text, #floating-columns .row .two-col-two.text {
    padding: 40px 20px;
    min-height: inherit;
    
	
	/* @end */
}
@media only screen and (max-width:320px){
.shutdown-alert .close-link.mcloselink{
	margin-right: -12px;
	}
}

	

@media only screen and (max-width:767px) { /* large mobile/small tablet */
	/* @group Overview */
	#main-banner h1 {
		font-size: 30px;
		padding-top: 70px;
	}
	#join-the-club {
		padding: 50px 20px;
	}
	
    
    .shutdown-alert .close-link.mcloselink{
	top: 23px;
    right: 15px;
	}
	#floating-columns .text h2{
		font-size: 29px; 
	}
	#floating-columns .text .button{
		margin-bottom: 50px;
	}
	#floating-columns .text .cta-link{
		font-size: 17px;
	}
	#floating-columns .row[data-nth="1"] .image.fimage{
		background-position: center center;
		background-size: 100%;
	    height: 287px;
	}
	#floating-columns .row[data-nth="2"] .image.image2{
		background-position: center center;
		background-size: 100%;
		width: 100%;
		height: 287px;
	}
	#floating-columns .row[data-nth="3"] .image.image3{
		height: 287px;
		margin-top: -48px;
	}
	#floating-columns .row[data-nth="4"] .image.image4{
		height: 287px;
		width: 99%;
		background-size: 100%;
		margin-top: -27px;
	}
	#floating-columns .row[data-nth="4"] .text4{
		margin-left: -47px;
	}
	#floating-columns .row[data-nth="2"] .image.img{
		background-position: center center;
		    border: none;
			width: 100%; 
	}
	#floating-columns .row[data-nth="3"] .image.img3{
		background-size: auto;
	}
	
	.header-wrapper a:hover{
	text-decoration:underline;
	}
	
	
	#floating-columns .two-col div.text, #floating-columns .row[data-nth="2"] .two-col-two.text, #floating-columns .row .two-col-two.text {
    padding: 40px 20px;
    min-height: inherit;
    
	

	/* @end */
}