* {
    box-sizing: border-box;
}

body {
    font-weight: normal;
}

#payoff {
    
	margin-right: auto;
    
	margin-left: auto;
    
	padding-left: 15px;
    
	padding-right: 15px;
    
	max-width: 1200px
}

#payoff:before, #payoff:after {
    
	content: " ";
    
	display: table
}

#payoff:after {
    
	clear: both
}

#payoff.noref .wrapper {
    
	border-left: none
}

#payoff span {
    
	display: none
}

@media(min-width:768px) {
    
	#payoff .wrapper {
    
		position: absolute;
    
		display: table;
    
		top: auto;
    
		bottom: 0;
    
		left: 50%;
    
		margin: 0 0 0 -22px;
    
		padding: 0;
    
		border-left: 44px solid #154273;
    
		width: 270px;
    
		height: 31px;
    
		background: 0;
    
		z-index: 999
	}

	#payoff span {
    
		font-family: Verdana, Arial;
    
		display: table-cell;
    
		font-size: 11px;
    
		padding-left: 5px;
    
		vertical-align: middle;
    
		line-height: 1.2em
	}

}

#footer {
    
	margin-left: -15px;
    
	margin-right: -15px;

	padding-left: 0;
    
	padding-right: 0;
    
    position: static;
	
	line-height: 1.25;
	
	font-size: 90%
	
}

#footer:before, #footer:after {
    
	content: " ";
    
	display: table
}

#footer:after {
    
	clear: both
}

#footer .wrapper {
    
	margin-right: auto;
    
	margin-left: auto;
    
	padding-left: 0;
    
	padding-right: 0;
    
	max-width: 1200px
}

#footer .wrapper:before, #footer .wrapper:after {
    
	content: " ";
    
	display: table
}

#footer .wrapper:after {
    
	clear: both
}

#footer .wrapper .column {
    
	position: relative;
    
	min-height: 1px;
    
	padding-left: 15px;
    
	padding-right: 15px
}

@media(min-width:768px) {
    
	#footer .wrapper .column {
    
		float: left;
    
		width: 33.33333%
	}

}

#footer .column {
    margin-left: 0;
}

.genericgrid #footer {
    
	background-color: #154273;
    
	border: 0;
    
	padding-bottom: 0
}

.genericgrid #footer.extra {
    
	border-top: 0 solid #4e4e4e
}

.genericgrid #footer.extra h2 {
    
	border-bottom: 0 solid #b4b4b4
}

.genericgrid #footer .wrapper {
    
	padding-top: 30px;
    
	padding-bottom: 30px;
	
	margin-top: 0px;
	
	margin-bottom: 0px;
}

@media(min-width:768px) {
    
	.genericgrid #footer .wrapper div: first-child {
    
		margin-left: 50%
	}

}

@media(min-width:768px) {
    
	.genericgrid #footer .wrapper div: first-child.payoff {
    
		margin-left: 0
	}

}

@media(min-width:992px) {
    
	.genericgrid #footer .wrapper div: first-child {
    
		margin-left: 58.33333%
	}

}

@media(min-width:992px) {
    
	.genericgrid #footer .wrapper div: first-child.payoff {
    
		margin-left: 0
	}

}

@media(min-width:1200px) {
    
	.genericgrid #footer .wrapper div: first-child {
    
		margin-left: 58.33333%
	}

}

@media(min-width:1200px) {
    
	.genericgrid #footer .wrapper div: first-child.payoff {
    
		margin-left: 0
	}

}

@media(min-width:480px) {
    
	.genericgrid #footer .wrapper {
    
		padding-top: 40px;
    
		padding-bottom: 40px
	}

}

@media(min-width:992px) {
    
	.genericgrid #footer .wrapper {
    
		padding-top: 50px;
    
		padding-bottom: 50px
	}

}

.genericgrid #footer .wrapper .payoff {
    
	padding-top: 0;
    
	padding-left: 0;
    
	position: relative;
    
	float: left;
    
	width: 100%;
    
	min-height: 1px;
    
	padding-left: 15px;
    
	padding-right: 15px;
    
	position: relative;
    
	min-height: 1px;
    
	padding-left: 15px;
    
	padding-right: 15px;
    
	position: relative;
    
	min-height: 1px;
    
	padding-left: 15px;
    
	padding-right: 15px
}

@media(min-width:768px) {
    
	.genericgrid #footer .wrapper .payoff {
    
		float: left;
    
		width: 50%
	}

}

@media(min-width:992px) {
    
	.genericgrid #footer .wrapper .payoff {
    
		float: left;
    
		width: 58.33333%
	}

}

.genericgrid #footer .wrapper .payoff span {
    
	display: block;
    
	padding-bottom: 25px;
    
	color: #fff;
    
	font-size: 2.14em;
    
	font-family: Verdana, Arial;
    
	font-style: italic;
    
	font-weight: normal;
    
	line-height: 1.2381
}

@media(min-width:480px) {
    
	.genericgrid #footer .wrapper .payoff span {
    
		position: relative;
    
		min-height: 1px;
    
		padding-left: 15px;
    
		padding-right: 15px;
    
		padding: 0 0 25px 0;
    
		font-size: 3.0em
	}

}

@media(min-width:480px) and (min-width:768px) {
    
	.genericgrid #footer .wrapper .payoff span {
    
		float: left;
    
		width: 83.33333%
	}

}

@media(min-width:768px) {
    
	.genericgrid #footer .wrapper .payoff span {
    
		padding-bottom: 0
	}

}

.genericgrid #footer .wrapper .column {
    
	position: relative;
    
	float: left;
    
	width: 50%;
    
	min-height: 1px;
    
	padding-left: 15px;
    
	padding-right: 15px;
    
	position: relative;
    
	min-height: 1px;
    
	padding-left: 15px;
    
	padding-right: 15px;
    
	position: relative;
    
	min-height: 1px;
    
	padding-left: 15px;
    
	padding-right: 15px
}

@media(min-width:768px) {
    
	.genericgrid #footer .wrapper .column {
    
		float: left;
    
		width: 25%
	}

}

@media(min-width:992px) {
    
	.genericgrid #footer .wrapper .column {
    
		float: left;
    
		width: 25%
	}

}

.genericgrid #footer .wrapper .column h2 {
    
	margin: 8px 0 5px 0;
    
	padding-top: 0;
    
	color: #fff;
    
	font-weight: normal;
    
	font-size: 1.35em;
    
	border: 0
}

.genericgrid #footer .wrapper .column ul {
    
	margin: 0;
    
	padding: 0
}

.genericgrid #footer .wrapper .column ul:before, .genericgrid #footer .wrapper .column ul:after {
    
	content: " ";
    
	display: table
}

.genericgrid #footer .wrapper .column ul:after {
    
	clear: both
}

.genericgrid #footer .wrapper .column ul li {
    
	width: 100%;
    
	list-style: none;
    
	float: left
}

.genericgrid #footer .wrapper .column ul li a {
    
	color: #fff;
    
	text-decoration: none
}

.genericgrid #footer .wrapper .column ul li a:visited, .genericgrid #footer .wrapper .column ul li a:hover {
    
	color: #fff
}

.genericgrid #footer .wrapper .column ul li a:hover {
    
	text-decoration: underline
}

@media(min-width:768px) {
    
	.genericgrid #footer .wrapper .column h2 {
    
		font-size: 2.14em;
    
		margin-bottom: 5px
	}

	.genericgrid #footer .wrapper .column ul li {
    
		width: 100%;
    
		list-style: none;
    
		margin: 0
	}

	.genericgrid #footer .wrapper .column ul li a {
    
		padding: 2px 0 2px 0
	}

}

.genericgrid #footer .languages {
    
	background-color: #fff;
	
}

.genericgrid #footer .languages .wrapper {
    
	padding: 30px 15px
}

.genericgrid #footer .languages .wrapper h2 {
    
	position: absolute!important;
    
	display: inline-block!important;
    
	overflow: hidden;
    
	clip: rect(0, 0, 0, 0);
    
	margin: -1px;
    
	padding: 0;
    
	width: 1px;
    
	height: 1px;
    
	border: 0
}

.genericgrid #footer .languages .wrapper ul {
    
	text-align: center
}

.genericgrid #footer .languages .wrapper ul li {
    
	display: inline-block;
    
	float: none;
    
	width: auto
}

.genericgrid #footer .languages .wrapper ul li a {
    
	padding: 5px 10px 5px 10px;
    
	background-color: #007bc7;
    
	border: 0px solid #b2d7ee;
    
	margin: 5px 5px 5px 0;
	
	color: #ffffff;
        
	font-size: 1.35em;
    
	text-decoration: none;
    
	float: left;
	
	outline-width: 0px;
	
	outline-style: solid;
}

.genericgrid #footer .languages .wrapper ul li a:focus {
    
	outline-width: 2px;
	
	outline-style: solid;
	
	outline-color: #82befb;
}


@media(min-width:480px) {
#footer a, #footer a:visited {
    font-size: 1.54em;
}
}

@media(min-width:480px) {
    
	.genericgrid #footer .languages .wrapper ul li a {
    
		margin: 5px 10px 5px 0
	}

}

.genericgrid #footer .languages .wrapper ul li.selected {
    
	padding: 5px 10px 5px 10px;
    
	margin: 5px 5px 5px 0;
    
	border: 0;
    
	color: #000;
    
	font-weight: 700
}

@media(min-width:480px) {
    
	.genericgrid #footer .languages .wrapper ul li.selected {
    
		margin: 5px 10px 5px 0
	}

}

#footer::before, #footer::after {
    content: " ";
    display: table;
}
*::before, :hover::before {
    text-decoration: none;
}

*::before, *::after {
    box-sizing: border-box;
}

#footer .column {
    
	clear: none
}

#footer h2 {
    padding-left: 0px;
}

