/*
	base.css
*/

/*
	skanska fonts
*/
@font-face {
	font-family: 'SkanskaSansProRegular';
	src: url('http://static.skanska.com/fonts/2.0/skanskasanspro-regular-webfont.eot?') format('eot'),
		url('http://static.skanska.com/fonts/2.0/skanskasanspro-regular-webfont.woff') format('woff'),
		url('http://static.skanska.com/fonts/2.0/skanskasanspro-regular-webfont.ttf') format('truetype'),
		url('http://static.skanska.com/fonts/2.0/skanskasanspro-regular-webfont.svg#webfontY57ncvY5') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SkanskaSansProLight';
	src: url('http://static.skanska.com/fonts/2.0/skanskasanspro-light-webfont.eot?') format('eot'),
		url('http://static.skanska.com/fonts/2.0/skanskasanspro-light-webfont.woff') format('woff'),
		url('http://static.skanska.com/fonts/2.0/skanskasanspro-light-webfont.ttf') format('truetype'),
		url('http://static.skanska.com/fonts/2.0/skanskasanspro-light-webfont.svg#webfont7MNaramE') format('svg');
	font-weight: lighter;
	font-style: normal;
}

@font-face {
	font-family: 'SkanskaSansProBold';
	src: url('http://static.skanska.com/fonts/2.0/skanskasanspro-bold-webfont.eot?') format('eot'),
		url('http://static.skanska.com/fonts/2.0/skanskasanspro-bold-webfont.woff') format('woff'),
		url('http://static.skanska.com/fonts/2.0/skanskasanspro-bold-webfont.ttf') format('truetype'),
		url('http://static.skanska.com/fonts/2.0/skanskasanspro-bold-webfont.svg#webfontbqpzsIdg') format('svg');
	font-weight: bold;
	font-style: normal;
}

/*
	reset
*/
html, body, h1, h2, h3, h4, h5, h6, p, ul, li, figure, fieldset, legend {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: none;
}

html {
	background-color: white;
	font-family: "SkanskaSansProRegular", Arial, sans-serif;
	font-size: 62.5%;
	overflow-x: hidden;
}

body {
	padding-bottom: 1rem;
	color: rgb(50, 50, 50);
	font-size: 1.6rem;
	line-height: 125%;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*
	headings
*/
h1 {
	font-family: SkanskaSansProLight, Arial, sans-serif;
	font-weight: normal;
	font-size: 3.2rem;
	line-height: 120%;
}

h2, h3 {
	font-family: SkanskaSansProRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 110%;
}

h2 {
	font-size: 2.4rem;
}

h3 {
	font-family: SkanskaSansProBold, Arial, sans-serif;
	font-size: 1.8rem
}

h4 {
	font-family: SkanskaSansProBold, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.6rem
}

h5 {
	font-family: SkanskaSansProBold, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.4rem;
}

* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
	margin-top: 1.5rem;	
}

/*
	links
*/
a, a:link, a:visited, a:hover, a:focus, a:active  {
	color: rgb(0, 120, 201);
	text-decoration: none;
}

a:hover, a:focus, a:active  {
	text-decoration: underline;
}

/*
*/
img {
	display: block;
	max-width: 100%;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.wrap {
	overflow: hidden;
}

.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

#page-container {
	max-width: 960px;
	margin: 0 auto;
}

#logo {
	display: block;
	padding: 1.2rem;
	width: 172px;
}

li a {
	font-family: SkanskaSansProBold, Arial, sans-serif;
}

/*
*/
* + p {
	margin-top: .8rem;
}

p.introduction {
	font-family: SkanskaSansProBold, Arial, sans-serif;
}

abbr {
	border: none;
}

/*
	global and europe sections
*/
#global {
	margin-bottom: 1rem;
}

#global, #americas, #europe {
	padding: 1rem;
	background-color: rgb(240, 240, 240);
	border-radius: 1rem;
}

#global > .wrap {
	padding-right: 1rem;
}

#global .image {
	min-height: 17rem;
	background-size: cover;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	border-radius: .5rem;
}

/*
	banners
*/
.banner .block-wrapper {
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
	transition-property: background-color;
	transition-duration: .3s;
	min-height: 10rem;
}

.banner .block-wrapper a { color: inherit }
.banner .block-wrapper a:hover { text-decoration: none }

.light-gray .block-wrapper          { background-color: rgb(204, 204, 204); color: rgb(50, 50, 50); text-shadow: 1px 1px 1px rgba(255, 255, 255, .5) }
.light-gray .block-wrapper:hover    { background-color: rgb(179, 179, 179) }

.medium-gray .block-wrapper         { background-color: rgb(179, 179, 179); color: rgb(50, 50, 50); text-shadow: 1px 1px 1px rgba(255, 255, 255, .5) }
.medium-gray .block-wrapper:hover   { background-color: rgb(153, 153, 153) }
							      
.dark-gray .block-wrapper           { background-color: rgb(153, 153, 153); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) }
.dark-gray .block-wrapper:hover     { background-color: rgb(128, 128, 128) }
							      
.light-blue .block-wrapper          { background-color: rgb(192, 221, 234); color: rgb(50, 50, 50); text-shadow: 1px 1px 1px rgba(255, 255, 255, .5) }
.light-blue .block-wrapper:hover    { background-color: rgb(167, 196, 209) }
							      
.medium-blue .block-wrapper         { background-color: rgb(91, 180, 229); color: rgb(50, 50, 50); text-shadow: 1px 1px 1px rgba(255, 255, 255, .5) }
.medium-blue .block-wrapper:hover   { background-color: rgb(66, 165, 204) }

.dark-blue .block-wrapper           { background-color: rgb(0, 120, 201); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) }
.dark-blue .block-wrapper:hover     { background-color: rgb(0, 95, 176) }

.light-green .block-wrapper         { background-color: rgb(190, 214, 0); color: rgb(50, 50, 50); text-shadow: 1px 1px 1px rgba(255, 255, 255, .5) }
.light-green .block-wrapper:hover   { background-color: rgb(165, 189, 0) }

.medium-green .block-wrapper        { background-color: rgb(119, 184, 0); color: rgb(50, 50, 50); text-shadow: 1px 1px 1px rgba(255, 255, 255, .5) }
.medium-green .block-wrapper:hover  { background-color: rgb(95, 159, 0) }

.dark-green .block-wrapper          { background-color: rgb(61, 155, 53); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) }
.dark-green .block-wrapper:hover    { background-color: rgb(36, 130, 28) }

.light-yellow .block-wrapper        { background-color: rgb(234, 223, 0); color: rgb(50, 50, 50); text-shadow: 1px 1px 1px rgba(255, 255, 255, .5) }
.light-yellow .block-wrapper:hover  { background-color: rgb(209, 198, 0) }

.medium-yellow .block-wrapper       { background-color: rgb(255, 203, 0); color: rgb(50, 50, 50); text-shadow: 1px 1px 1px rgba(255, 255, 255, .5) }
.medium-yellow .block-wrapper:hover { background-color: rgb(230, 178, 0) }

.orange .block-wrapper              { background-color: rgb(229, 114, 0); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) }
.orange .block-wrapper:hover        { background-color: rgb(204, 89, 0) }

.brown .block-wrapper               { background-color: rgb(190, 178, 166); color: rgb(50, 50, 50); text-shadow: 1px 1px 1px rgba(255, 255, 255, .5) }
.brown .block-wrapper:hover         { background-color: rgb(175, 163, 151) }

.seasons-greetings .block-wrapper   { background-color: rgb(19, 56, 108); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) }

/*
	gradients
*/
.gradient.light-gray .block-wrapper          { background-image: linear-gradient(to bottom, rgb(230, 230, 230), rgb(179, 179, 179)) }
.gradient.light-gray .block-wrapper:hover    { background-image: linear-gradient(to bottom, rgb(215, 215, 215), rgb(164, 164, 164)) }
.gradient.medium-gray .block-wrapper         { background-image: linear-gradient(to bottom, rgb(204, 204, 204), rgb(153, 153, 153)) }
.gradient.medium-gray .block-wrapper:hover   { background-image: linear-gradient(to bottom, rgb(189, 189, 189), rgb(138, 138, 138)) }
.gradient.dark-gray .block-wrapper           { background-image: linear-gradient(to bottom, rgb(179, 179, 179), rgb(128, 128, 128)) }
.gradient.dark-gray .block-wrapper:hover     { background-image: linear-gradient(to bottom, rgb(164, 164, 164), rgb(113, 113, 113)) }
.gradient.light-blue .block-wrapper          { background-image: linear-gradient(to bottom, rgb(230, 247, 254), rgb(192, 221, 234)) }
.gradient.light-blue .block-wrapper:hover    { background-image: linear-gradient(to bottom, rgb(215, 232, 239), rgb(177, 206, 219)) }
.gradient.medium-blue .block-wrapper         { background-image: linear-gradient(to bottom, rgb(177, 206, 219), rgb(91, 180, 229)) }
.gradient.medium-blue .block-wrapper:hover   { background-image: linear-gradient(to bottom, rgb(152, 191, 205), rgb(76, 165, 214)) }
.gradient.dark-blue .block-wrapper           { background-image: linear-gradient(to bottom, rgb(76, 165, 214), rgb(0, 120, 201)) }
.gradient.dark-blue .block-wrapper:hover     { background-image: linear-gradient(to bottom, rgb(61, 150, 199), rgb(0, 105, 186)) }
.gradient.light-green .block-wrapper         { background-image: linear-gradient(to bottom, rgb(227, 248, 57), rgb(190, 214, 0)) }
.gradient.light-green .block-wrapper:hover   { background-image: linear-gradient(to bottom, rgb(212, 233, 42), rgb(175, 199, 0)) }
.gradient.medium-green .block-wrapper        { background-image: linear-gradient(to bottom, rgb(190, 214, 0), rgb(119, 184, 0)) }
.gradient.medium-green .block-wrapper:hover  { background-image: linear-gradient(to bottom, rgb(175, 199, 0), rgb(104, 169, 0)) }
.gradient.dark-green .block-wrapper          { background-image: linear-gradient(to bottom, rgb(119, 184, 0), rgb(61, 155, 53)) }
.gradient.dark-green .block-wrapper:hover    { background-image: linear-gradient(to bottom, rgb(104, 169, 0), rgb(46, 140, 38)) }
.gradient.light-yellow .block-wrapper        { background-image: linear-gradient(to bottom, rgb(247, 255, 53), rgb(234, 223, 0)) }
.gradient.light-yellow .block-wrapper:hover  { background-image: linear-gradient(to bottom, rgb(232, 240, 38), rgb(219, 208, 0)) }
.gradient.medium-yellow .block-wrapper       { background-image: linear-gradient(to bottom, rgb(234, 223, 0), rgb(255, 203, 0)) }
.gradient.medium-yellow .block-wrapper:hover { background-image: linear-gradient(to bottom, rgb(219, 208, 0), rgb(240, 188, 0)) }
.gradient.orange .block-wrapper              { background-image: linear-gradient(to bottom, rgb(255, 177, 29), rgb(229, 114, 0)) }
.gradient.orange .block-wrapper:hover        { background-image: linear-gradient(to bottom, rgb(240, 162, 14), rgb(214, 99, 0)) }
.gradient.brown .block-wrapper               { background-image: linear-gradient(to bottom, rgb(219, 210, 203), rgb(190, 178, 166)) }
.gradient.brown .block-wrapper:hover         { background-image: linear-gradient(to bottom, rgb(204, 195, 188), rgb(175, 163, 151)) }

/*
	header
*/
header {
	margin-top: .5rem;
}

header h1 {
	margin: 0 1rem;
}

/*
	font styles
*/
strong, b {
	font-family: SkanskaSansProBold, Arial, sans-serif;
	font-weight: bold;
}

em, i {
	font-family: SkanskaSansProRegular, Arial, sans-serif;
	font-style: italic;
}

/*
	main div
*/
div#main {
	background-color: white;
}

/*
	top banners, just below the logo
*/
#main #top-banners {
	margin: 0;
	padding: 1rem 1rem 0;
	overflow: hidden;
}

#main #top-banners .banner {
	margin-bottom: 1rem;
}

#main #top-banners .banner .block-wrapper {
	padding: 2rem;
	text-decoration: none;
}

#main #top-banners .banner a {
	display: block;
}

#main #top-banners .banner p.bottom {
	padding-right: 2rem;
}

#main #top-banners .banner.image .block-wrapper {
	background-size: cover;
	background-position: 50% 80%;
	color: white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

#main #top-banners .banner h2 {
	line-height: 100%;
	/*margin-bottom: 2rem;*/
}

/*
	main area divs
*/
#main > div {
	overflow: hidden;
	padding: 1rem;
	background-color: white;
}

#main > div + div {
	margin-top: 1rem;
}

#main li {
	overflow: hidden;
}

/*
	country picker
*/
#country-picker {
	overflow: hidden;
}

#country-picker .wrap + .wrap {
	margin-top: 1rem;
}

#country-picker h1 {
	margin: 0 0 1rem 0;
}

#country-picker h2 {
	margin: 0 0 1rem 0;
}

#country-picker ul {
	margin-top: 2rem;
}
 
#country-picker li.selected a {
	background-color: rgb(0, 120, 201);
	text-decoration: none;
	color: white;
	cursor: pointer;
	display: inline-block;
	padding: .4rem 1rem;
	border-radius: .6rem;
}

#country-picker li.selected a:hover {
	background-color: rgb(120, 120, 120);
	color: white !important;
}

#country-picker li + li {
	/*margin-top: .6rem;*/
}

#country-picker li {
	margin-bottom: .6rem;
}

#country-picker li a:hover {
	color: rgb(0, 120, 201);
}

#country-picker li.checked a {
	background-color: rgb(0, 120, 201);
	color: white;
}

/*
	quick links
*/
div#quick-links {
	padding: 1rem;
}

div#quick-links div.quick-link-block {
	position: relative;
	background-color: rgb(220, 220, 220);
	background-size: cover;
	background-position: 50% bottom;
	transition-property: background-color;
	transition-duration: .3s;
	height: 12rem;
}

div#quick-links div.quick-link-block:hover {
	background-color: rgb(200, 200, 200);
	transition-property: background-color;
	transition-duration: .3s;
}

div#quick-links div.quick-link-block > a {
	display: block;
	padding: 4.2rem 1rem;
	font-size: 1.5rem;
}

div#quick-links div.quick-link-block > a span.text {
	width: 100%;
	display: inline-block;
	background-color: rgb(0, 120, 201);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODg5MDNBNUYzODlEMTFFMkJFQjI4MTU4OTcyMTVFOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODg5MDNBNjAzODlEMTFFMkJFQjI4MTU4OTcyMTVFOTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4ODkwM0E1RDM4OUQxMUUyQkVCMjgxNTg5NzIxNUU5OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4ODkwM0E1RTM4OUQxMUUyQkVCMjgxNTg5NzIxNUU5OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp2glxYAAABlSURBVHjaYvz//78gAwPDXSAG0fjAHgagYhBO+08YKMEUg/BdPApngtQgKw7FofAdyFR0xSC8G4vicpg8umJjNIUgpwniUswAdR8MpCHLYVOshGQqihwLlvC8B8QVQHwWXQIgwADlsBGgXbinSwAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: 95% center;
	border-radius: .3rem;
	padding: .8rem 2.7rem .8rem .8rem;
	color: white;
	position: relative;
}

div#quick-links > div > div + div {
	margin-top: 1rem;
}

div#quick-links ul {
	display: none;
	width: 77%;
	padding: 1rem;
	margin: 0 0 0 1rem;
	background-color: rgb(93, 181, 229);
	background-image: linear-gradient(to bottom, rgb(134, 213, 244), rgb(93, 181, 229));
	border-radius: .3rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	list-style: none;
	text-align: left;
	position: absolute;
	bottom: 1rem;
	z-index: 1;
}

div#quick-links li + li {
	margin-top: .5rem;
}

div#quick-links li a {
	font-size: 1.6rem;
	color: white;
}

/*
	jquery ui
*/
.ui-widget-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
}

.ui-dialog {
	background-color: white;
	border-radius: 1rem 1rem .5rem .5rem;
}

.ui-dialog-titlebar {
	padding: 1rem;
	background-color: rgb(0, 120, 201);
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	color: white;
}

.ui-dialog-titlebar-close {
	float: right;
}

.ui-dialog-content {
	padding: 1rem;
}

.ui-dialog-buttonpane {
	padding: 1rem;
}

.ui-dialog-buttonset button {
	width: 100%;
	background-color: rgb(93, 181, 229);
	background-image: linear-gradient(to bottom, rgb(134, 213, 244), rgb(93, 181, 229));
	padding: .5rem .5rem;
	border: none;
	border-radius: .5rem;
	font-family: SkanskaSansProRegular, Arial, sans-serif;
	font-size: 1.6rem;
	text-align: center;
	text-shadow: 1px 1px .5px rgba(0, 0, 0, .5);
	color: white;
}

.ui-dialog-buttonset button + button {
	margin-top: 1rem;
}

a.ui-dialog-titlebar-close {
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTk3MzNDRUYzRDRDMTFFMkI5RERDQTRCNUEzNUU4RUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTk3MzNDRjAzRDRDMTFFMkI5RERDQTRCNUEzNUU4RUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OTczM0NFRDNENEMxMUUyQjlERENBNEI1QTM1RThFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OTczM0NFRTNENEMxMUUyQjlERENBNEI1QTM1RThFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoSa0hgAAAB0SURBVHjaYvj//z8DEAsC8RkgToPycWElIL4LxC4gPkwQpBEG0ghohAFjkGDHf0yQRkAjCLyDSe7GYwA2jXCbkf2MDjpwaETxMz4DsGpE10yMAS7I6nGFKjZQjq6WajaT7WeKQpvseKY4hZGdtsnOVQABBgBJ5hWNgVfKLgAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: .2rem .3rem;
}

/*
	footer
*/
footer {
	padding: 0 1rem;
}

footer > div {
	padding: 1rem;
	background-color: rgb(231, 237, 241);
}

footer a {
	text-decoration: none;
}

footer h3 {
	margin-bottom: 1rem;
}

footer #footer-links > div {
	display: none;
}

footer ul {
	margin: .3rem 0 .8rem 0;
	padding-left: 1rem;
}

footer .links li {
	display: block;
	font-size: 1.5rem;
}

footer small {
	font-size: 1.4rem;
	line-height: 110%;
}

footer > div + div {
	margin: 1rem 0 0 0;
}

footer div#about,
footer div#disclaimer {
	padding: 1rem;
	overflow: hidden;
	font-size: 1.4rem;
	line-height: 110%;
	color: rgb(150, 150, 150);
}

footer div#disclaimer .divider {
	display: inline-block;
	margin: 0 1rem;
}

footer #terms-of-use-text {
	display: none;
	padding: 1rem;
	color: rgb(51, 51, 51);
}

footer #terms-of-use-text p {
	margin-top: .7rem;
}

footer .share-this {
	clear: both;
	padding-top: 1rem;
}

footer .share-this .addthis_toolbox a {
	float: none;
}

footer .share-this .addthis_toolbox img {
	display: inline-block;
}

/*
	cookie information
*/
#cookie-information {
	width: 100%;
	margin-bottom: 1rem;
	background-color: rgb(233, 233, 233);
	background-image: url(//static/img/cookie-information-background-gradient.png);
	background-repeat: repeat-x;
}

#cookie-information > div {
	max-width: 92rem;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	padding: 1rem;
}

#cookie-information .right {
	margin-top: 1rem;
}

#cookie-information .cookie-actions {
	display: inline-block;
}

#cookie-information .cookie-actions input {
	background-color: rgb(92, 194, 33);
	border: 1px solid rgb(82, 184, 23);
	border-radius: .5rem;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
	padding: .5rem 1rem;
	color: white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

#cookie-information .cookie-link {
	display: inline-block;
	clear: both;
	margin-right: 2rem;
}

/*
	media queries
*/
@media only screen and (min-width: 480px) {
	/* round top left corner for first banner */
	#top-banners div div:first-child .banner .block-wrapper,
	#top-banners div div:first-child .banner .block-wrapper a {
		border-top-left-radius: 1rem;
	}

	/* let's start with this */
	#top-banners .banner {
		float: left;
		padding-left: 1rem;
		width: 50%;
	}

	/* layout: 1 + 1 + 1 + 1 */
	#top-banners.banner-layout-1-1-1-1 .banner {
		width: 50%;
		padding-left: 1rem;
	}

	#top-banners.banner-layout-1-1-1-1 div div:nth-child(odd) .banner {
		padding-left: 0;
	}

	/* 1 + 1 + 2 */
	#top-banners.banner-layout-1-1-2 div div:nth-child(3) .banner {
		width: 100%;
	}

	#top-banners.banner-layout-1-1-2 div div:nth-child(odd) .banner {
		padding-left: 0;
	}

	/* 1 + 2 + 1 */
	#top-banners.banner-layout-1-2-1 .banner {
		width: 100%;
		padding-left: 0;
	}

	/* 2 + 1 + 1 */
	#top-banners.banner-layout-2-1-1 div div:nth-child(1) .banner {
		width: 100%;
	}

	#top-banners.banner-layout-2-1-1 div div:nth-child(1) .banner,
	#top-banners.banner-layout-2-1-1 div div:nth-child(2) .banner {
		padding-left: 0;
	}

	/* 2 + 2 */
	#top-banners.banner-layout-2-2 .banner {
		width: 100%;
		padding-left: 0;
	}

	/* 1 + 3 */
	#top-banners.banner-layout-1-3 .banner {
		width: 100%;
		padding-left: 0;
	}

	/* 3 + 1 */
	#top-banners.banner-layout-3-1 .banner {
		width: 100%;
		padding-left: 0;
	}

	/* 4 */
	#top-banners.banner-layout-4 .banner {
		width: 100%;
		padding-left: 0;
	}

	#top-banners .banner .block-wrapper {
		min-height: 20rem;
		position: relative;
	}

	#top-banners .banner .block-wrapper a {
		min-height: 16rem;
	}

	#top-banners .banner p.bottom {
		position: absolute;
		left: 2rem;
		bottom: 2rem;
	}

	/* country picker */
	#country-picker #global {
		overflow: hidden;
	}

	/* footer */
	#footer-links div div {
		float: left;
		width: 50%;
	}

	/* quick links */
	footer #quick-links > div > div {
		float: left;
		width: 49%;
	}

	footer #quick-links > div > div + div {
		margin-top: 0;
	}

	footer #quick-links > div > div:nth-child(1n+3) {
		margin-top: 1rem;
	}

	footer #quick-links > div > div:nth-child(odd) {
		margin-right: 1%;
	}

	footer #quick-links > div > div:nth-child(even) {
		margin-left: 1%;
	}
}

@media only screen and (min-width: 640px) {
	/* country picker */
	#global > .wrap {
		float: left;
		width: 53%;
	}

	#global .image {
		width: 47%;
		border-radius: .5rem;
	}

	#world .wrap {
		float: left;
		width: 49.4%;
		min-height: 47rem;
	}

	#global .wrap + .wrap, #world .wrap + .wrap {
		margin-top: 0;
	}

	#world #americas {
		margin-right: .6%;
	}

	#world #europe {
		margin-left: .6%;
	}

	footer .share-this {
		clear: none;
		float: right;
		padding-top: 0;
	}
}

@media only screen and (min-width: 768px) {
	/* 1 + 1 + 1 + 1 */
	#top-banners.banner-layout-1-1-1-1 .banner .block-wrapper {
		min-height: 20rem;
	}

	#top-banners.banner-layout-1-1-1-1 .banner .block-wrapper a {
		min-height: 18rem;
	}

	#top-banners.banner-layout-1-1-1-1 .banner {
		width: 25%;
	}

	#top-banners.banner-layout-1-1-1-1 div div:nth-child(3) .banner {
		padding-left: 1rem;
	}

	/* 1 + 1 + 2 */
	#top-banners.banner-layout-1-1-2 .banner .block-wrapper {
		min-height: 20rem;
	} 

	#top-banners.banner-layout-1-1-2 .banner .block-wrapper a {
		min-height: 18rem;
	}

	#top-banners.banner-layout-1-1-2 .banner {
		width: 25%;
	}

	#top-banners.banner-layout-1-1-2 div div:nth-child(3) .banner {
		width: 50%;
		padding-left: 1rem;
	}

	/* 1 + 2 + 1 */
	#top-banners.banner-layout-1-2-1 .banner {
		width: 25%;
		padding-left: 1rem;
	}

	#top-banners.banner-layout-1-2-1 div div:first-child .banner {
		padding-left: 0;
	}

	#top-banners.banner-layout-1-2-1 div div:nth-child(2) .banner {
		width: 50%;
	}

	/* 2 + 1 + 1 */
	#top-banners.banner-layout-2-1-1 .banner {
		width: 25%;
	}

	#top-banners.banner-layout-2-1-1 div div:nth-child(2) .banner {
		width: 25%;
		padding-left: 1rem;
	}

	#top-banners.banner-layout-2-1-1 div div:first-child .banner {
		padding-left: 0;
		width: 50%;
	}

	/* 2 + 2 */
	#top-banners.banner-layout-2-2 .banner {
		width: 50%;
	}

	#top-banners.banner-layout-2-2 div div:nth-child(2) .banner {
		padding-left: 1rem;
	}

	/* 1 + 3 */
	#top-banners.banner-layout-1-3 .banner {
		width: 25%;
	}

	#top-banners.banner-layout-1-3 div div:nth-child(2) .banner {
		width: 75%;
		padding-left: 1rem;
	}

	/* 3 + 1 */
	#top-banners.banner-layout-3-1 .banner {
		width: 75%;
	}

	#top-banners.banner-layout-3-1 div div:nth-child(2) .banner {
		width: 25%;
		padding-left: 1rem;
	}

	/* 4 */
	#top-banners.banner-layout-4 .banner {
		width: 100%;
		padding-left: 0;
	}

	/* terms of use text */
	footer #terms-of-use-text {
		padding-right: 20rem;
	}
}

/*
	desktop resolution
*/
@media only screen and (min-width: 920px) {
	html {
		background-color: white;
	}

	/* add background gradient */
	body {
		background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(227, 227, 227) 70%, rgb(227, 227, 227) 100%);
		padding-bottom: 5rem;
	}

	header {
		padding: 1rem;
	}

	/* logo and main heading */
	#logo {
		float: left;
	}

	#logo + h1 {
		float: left;
		margin-top: 4px;
		margin-left: 1rem;
	}

	.col-2 {
		-moz-column-count: 2;
		-moz-column-gap: 1rem;
		-webkit-column-count: 2;
		-webkit-column-gap: 1rem;
		column-count: 2;
		column-gap: 1rem;
	}

	/* top banners */
	#main #top-banners {
		margin: 0;
		padding: 0;
	}

	/* main div */
	#main {
		border-width: 1px;
		border-style: solid;
		border-color: rgb(200, 200, 200) rgb(230, 230, 230) rgb(220, 220, 220) rgb(230, 230, 230);
		border-top-left-radius: 1rem;
		background-color: white;
		padding: 2rem;
		margin-top: 0;
		margin-bottom: 1rem;
	}

	#main > div {
		margin: 0;
	}

	#main #country-picker {
		padding: 0;
	}

	/*
		country picker
	*/
	#country-picker h1 {
		margin-bottom: 2rem;
	}


	#country-picker #global {
		margin-bottom: 2rem;
	}

	#global, #americas, #europe {
		padding: 2rem;
	}

	#world .wrap {
		min-height: 33rem;
	}

	/* footer */
	footer {
		padding: 0;
	}

	footer > div {
		padding: 2rem 1.5rem;
		background-color: white;
	}

	body #main > div {
		background-color: white;
	}

	footer #quick-links {
		padding: 2rem 1.5rem;
	}

	footer #quick-links > div > div {
		float: left;
		width: 23.865%;
		margin-top: 0 !important;
		margin-right: .5682% !important;
		margin-left: .5682% !important;
	}

	/* terms of use text */
	footer #terms-of-use-text {
		padding-right: 40rem;
	}
}