
/* Global Footer: Brand */
/* ========================================================================== */

@media (max-width: 719px) {
	.gnav-foot-brand {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}

@media (min-width: 720px) {
	.gnav-foot-brand {
		padding-bottom: 20px;
	}
}

.gnav-foot-brand-link {
	cursor: pointer;
	display: inline-block;
	fill: #6e6e6e;
    transition: fill .15s;
	vertical-align: top;
}

.gnav-foot-brand-link:focus,
.gnav-foot-brand-link:hover {
	fill: #0079c1;
}

.gnav-foot-brand-image {
	display: block;
}

.gfoot-brand-image {
    display: block;
    fill: #6e6e6e;
    width: 122px;
    height: 122px;
    transition: fill .4s;
}
.gfoot-brand-image:focus, 
.gfoot-brand-image:hover {
    fill: #000;
}

/* Global Footer: Meta */
/* ========================================================================== */

@media (max-width: 719px) {
	.gnav-foot-lang {
		margin-bottom: 12px;
		margin-left: 20px;
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-lang {
		margin: 12px 30px 6px 24px;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-lang {
		margin-top: 12px;
		margin-bottom: 6px;
		margin-left: 24px;
		width: calc(25% - 24px);
	}
}

.gnav-foot-lang-link {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	background-image: url(navigation/css/TO_BE_REMOVED/images/symbol-globe.svg);
	background-position: calc(100% - 12px) 50%;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	border-style: none;
	color: #ffffff;
	background-color: #0079c1;
	display: inline-block;
	font-size: 16px;
	line-height: 18px;
	font-weight: 300;
	padding: 11px 20px;
	padding-right: 40px;
	white-space: nowrap;
}

.gnav-foot-lang-link:focus,
.gnav-foot-lang-link:hover {
	background-color: #005e95;
}

/* Global Footer: Meta */
/* ========================================================================== */

@media (max-width: 719px) {
	.gnav-foot-meta {
		padding-right: 15px;
		padding-left: 20px;
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-meta {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-meta {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
}

.gnav-foot-meta-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-meta-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-meta-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media (max-width: 719px) {
	.gnav-foot-meta-item {
		display: inline-block;
		white-space: nowrap;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-meta-item {
		width: 20%;
	}
}

.gnav-foot-meta-link {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	position: relative;
	display: inline-block;
	font-weight: 300;
	-webkit-transition: font-size 300ms;
	transition: font-size 300ms;
	white-space: nowrap;
}

.gnav-foot-meta-link::after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' fill='%230079c1' width='16px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.297l5.313-5.313H0V8h13.281L8 2.703V1.281L15.219 8.5 8 15.719v-1.422z'/%3E%3C/svg%3E");
	background-position: 50% calc(50% + .25em);
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	margin-left: -.25em;
	opacity: 0;
	top: 0;
	bottom: 0;
	left: 100%;
	position: absolute;
	width: 16px;
	-webkit-transition: margin-left 300ms, opacity 300ms;
	transition: margin-left 300ms, opacity 300ms;
}

.gnav-foot-meta-link:focus,
.gnav-foot-meta-link:hover {
}

.gnav-foot-meta-link:focus::after,
.gnav-foot-meta-link:hover::after {
	margin-left: .25em;
	opacity: 1;
}

.gnav-foot-meta-link:focus,
.gnav-foot-meta-link:hover {
	color: #0079c1;
}

@media (max-width: 719px) {
	.gnav-foot-meta-link {
		font-size: 14px;
		line-height: 16px;
		margin-right: 30px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-meta-link {
		font-size: 14px;
		line-height: 16px;
		margin-right: 35px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-meta-link {
		font-size: 14px;
		line-height: 16px;
	}
}

/* Global Footer: Menu */
/* ========================================================================== */

@media (max-width: 719px) {
	.gnav-foot-menu {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		padding-right: 15px;
		padding-left: 20px;
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-menu {
		padding-top: 36px;
	}
}

.gnav-foot-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-menu-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-menu-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.gnav-foot-menu-item {
    margin: 0;
}
@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-menu-item {
		-ms-flex-preferred-size: 33.33333%;
		flex-basis: 33.33333%;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-menu-item {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
	}
}

.gnav-foot-menu-link {
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	-webkit-transition: min-width 300ms;
	transition: min-width 300ms;
}

@media (max-width: 719px) {
	.gnav-foot-menu-link {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' color='%23323232' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 9v5L16 26 4 14V9l12 12L28 9z' fill='%236e6e6e'/%3E%3C/svg%3E");
		background-position: 100% calc(50% + 14px / 2);
		background-repeat: no-repeat;
		background-size: 14px 14px;
		color: #323232;
		cursor: pointer;
		display: block;
		padding-top: 30px;
		padding-bottom: 16px;
	}

	.gnav-foot-menu-link:focus,
	.gnav-foot-menu-link:hover {
		color: #0079c1;
	}

	.gnav-foot-menu-link:hover {
		outline-width: 0;
	}

	.gnav-foot-menu-link[aria-expanded="true"] {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 23v-5L16 6l12 12v5L16 11 4 23z' fill='%236e6e6e'/%3E%3C/svg%3E");
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-menu-link {
		min-width: 60%;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-menu-link {
		min-width: 44%;
	}
}

@media (min-width: 720px) {
	.gnav-foot-menu-link {
		box-shadow: inset 0 -1px 0 0 #dddddd;
		display: inline-block;
		height: 25px;
		margin-bottom: 10px;
	}
}

@media (max-width: 719px) {
	.gnav-foot-menu--sub:not([aria-hidden="false"]) {
		display: none;
	}
}

.gnav-foot-menu-list--sub {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 719px) {
	.gnav-foot-menu-list--sub {
		padding-left: 20px;
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-menu-list--sub {
		padding-bottom: 32px;
	}
}

.gnav-foot-menu-link--sub {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	font-size: 13px;
	line-height: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.gnav-foot-menu-link--sub:focus,
.gnav-foot-menu-link--sub:hover {
	color: #0079c1;
}

@media (max-width: 719px) {
	.gnav-foot-menu-link--sub {
		box-shadow: inset 0 -1px 0 0 #e0e0e0;
		color: #595959;
		display: block;
		padding-top: 17px;
		padding-bottom: 17px;
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-menu-link--sub {
		display: inline-block;
		font-weight: 300;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-menu-link--sub {
		display: inline-block;
		font-weight: 300;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

@media (min-width: 720px) {
	.gnav-foot-menu-link--sub {
		position: relative;
	}

	.gnav-foot-menu-link--sub::after {
		content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2016%2016'%20style='fill:%230079c1'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%2014.3l5.3-5.3H0V8h13.3L8%202.7V1.3L15.2%208.5%208%2015.7V14.3z'/%3E%3C/svg%3E");
        line-height: 10px;
        margin-left: -.25em;
        opacity: 0;
        top: calc(50% - 5px);
        position: absolute;
        width: 10px;
        height: 10px;
        transition: margin-left .3s,opacity .3s;
	}
    .gnav-foot-menu-link--sub:focus,
	.gnav-foot-menu-link--sub:hover {
        text-decoration: none;
	}
	.gnav-foot-menu-link--sub:focus::after,
	.gnav-foot-menu-link--sub:hover::after {
        text-decoration: none;
		margin-left: .25em;
		opacity: 1;
	}
}

.gnav-foot-menu-item--sub {
    margin: 0;
}

/* Global Footer: Social */
/* ========================================================================== */

@media (max-width: 719px) {
	.gnav-foot-social {
		-ms-flex-item-align: end;
		align-self: flex-end;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}

.gnav-foot-social-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
}

    @media (max-width: 719px) {      
        .gnav-foot-social-list {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }        
    }

    @media (min-width: 720px) {

        .gnav-foot-social-list {
            max-width: 129px;
        }
    }

li.gnav-foot-social-item { /* adding tag to add specifity / needs to overwritte calcite */
    margin: 7px 7px 0 0;
}
.gnav-foot-social-item:last-child {
	margin-right: 0;
}

.gnav-foot-social-link {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	background-color: #adadad;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	fill: currentColor;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
}

.gnav-foot-social-link.-facebook:focus,
.gnav-foot-social-link.-facebook:hover {
	background-color: #3d5a96;
    color: #fff;
}

.gnav-foot-social-link.-twitter:focus,
.gnav-foot-social-link.-twitter:hover {
	background-color: #59adeb;
    color: #fff;
}

.gnav-foot-social-link.-instagram:focus,
.gnav-foot-social-link.-instagram:hover {
	background-color: #1b6fb1;
    color: #fff;
}

.gnav-foot-social-link.-linkedin:focus,
.gnav-foot-social-link.-linkedin:hover {
	background-color: #127cb3;
    color: #fff;
}

.gnav-foot-social-image {
	width: 20px;
    height: 20px;
}

@-webkit-keyframes gnav-foot {
	from {
		background-position-x: 0;
	}

	to {
		background-position-x: 133vw;
	}
}

@keyframes gnav-foot {
	from {
		background-position-x: 0;
	}

	to {
		background-position-x: 133vw;
	}
}

/* Global Footer */
/* ========================================================================== */

.gnav-foot-barrier {
	-webkit-animation: gnav-foot 4s linear infinite;
	animation: gnav-foot 4s linear infinite;
	background-color: #f8f8f8;
	background-image: -webkit-linear-gradient(left, #29bfff, #a231ff, #0deccd, #29bfff);
	background-image: linear-gradient(90deg, #29bfff, #a231ff, #0deccd, #29bfff);
	background-repeat: repeat-x;
	background-size: 133vw 4px;
	width: 100vw;
	height: 4px;
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-barrier {
		margin-bottom: 0;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-barrier {
		margin-bottom: 0;
	}
}

.gnav-foot {
	cursor: default;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-height: 100vh;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.gnav-foot, .gnav-foot * {
	box-sizing: border-box;
}

@media (max-width: 1200px) {
	.gnav-foot {
		height: 600px;
	}
}

@media (min-width: 1201px) {
	.gnav-foot {
		height: 500px;
		padding-right: calc(50% - 1424px / 2);
		padding-left: calc(50% - 1424px / 2);
	}
}

@media (min-width: 720px) {
	.gnav-foot--fixed {
		right: 0;
		bottom: 0;
		left: 0;
		position: static;
		z-index: -1;
	}
}

.gnav-foot-section--1 {
	-webkit-transition: padding 300ms;
	transition: padding 300ms;
}


@media (max-width: 368px){
   .gnav-foot-section--1 {
    flex-direction: column;
    } 
    .gnav-foot-social {
    align-self: flex-start;
    }
    .gnav-foot-social-list {
    -webkit-box-pack: start;
    justify-content: flex-start;
    }
}

@media (max-width: 719px) {
	.gnav-foot-section--1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		padding: 20px 15px 20px 20px;
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-section--1 {
		padding-top: 36px;
		padding-right: 12px;
		padding-left: 24px;
		width: 25%;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-section--1 {
		padding-top: 50px;
		padding-right: 24px;
		padding-left: 24px;
		width: 25%;
	}
}

@media (max-width: 719px) {
	.gnav-foot-section--2 {
		width: 100%;
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-section--2 {
		width: 75%;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-section--2 {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding-top: 50px;
	}
}

.gnav-foot-section--3 {
	box-shadow: inset 0 1px 0 0 #cccccc;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-webkit-transition: height 300ms;
	transition: height 300ms;
}

@media (max-width: 719px) {
	.gnav-foot-section--3 {
		margin-top: 50px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (min-width: 720px) and (max-width: 1200px) {
	.gnav-foot-section--3 {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 64px;
	}
}

@media (min-width: 1201px) {
	.gnav-foot-section--3 {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 80px;
	}
}

/* Drop Down Arrow */
/* ========================================================================== */

.icon-ui-down {
	float: right;
	overflow: hidden;
	width: 14px;
}

	
@media (min-width: 720px) {
	.icon-ui-down {
		display: none;
	}
}

.icon-ui-down.is-active {
	transform: rotate(180deg);
}

@media (max-width: 368px)
.gnav-foot-brand {
    flex-basis: 100%;
}

